#include "shell/settings/settings_content_plugins.h"

#include "config/config_types.h"
#include "i18n/i18n.h"
#include "net/url_open.h"
#include "scripting/plugin_api.h"
#include "scripting/plugin_i18n.h"
#include "scripting/plugin_id.h"
#include "scripting/plugin_panel_shell.h"
#include "scripting/plugin_registry.h"
#include "shell/settings/settings_content_common.h"
#include "shell/settings/settings_control_factory.h"
#include "shell/settings/settings_registry.h"
#include "shell/settings/widget_settings_registry.h"
#include "ui/builders.h"
#include "ui/controls/flex.h"
#include "ui/palette.h"
#include "ui/style.h"
#include "util/string_utils.h"

#include <algorithm>
#include <cmath>
#include <cstdint>
#include <memory>
#include <optional>
#include <string>
#include <unordered_map>
#include <utility>
#include <variant>
#include <vector>

namespace settings {

  namespace {
    std::unique_ptr<Label>
    makeLabel(std::string_view text, float fontSize, ColorRole role, FontWeight weight = FontWeight::Normal) {
      return ui::label({
          .text = std::string(text),
          .fontSize = fontSize,
          .fontWeight = weight,
          .color = colorSpecFromRole(role),
      });
    }

    std::unique_ptr<Button> makeConfirmButton(
        std::string text, ButtonVariant variant, float scale, std::function<void()> onClick, std::string glyph = {}
    ) {
      ui::ButtonProps props;
      props.text = std::move(text);
      if (!glyph.empty()) {
        props.glyph = std::move(glyph);
        props.glyphSize = Style::fontSizeBody * scale;
      }
      props.fontSize = Style::fontSizeCaption * scale;
      props.variant = variant;
      props.minHeight = Style::controlHeightSm * scale;
      props.paddingV = Style::spaceXs * scale;
      props.paddingH = Style::spaceSm * scale;
      props.radius = Style::scaledRadiusSm(scale);
      props.onClick = std::move(onClick);
      return ui::button(std::move(props));
    }

    std::unique_ptr<Flex>
    pluginDeleteConfirmPanel(const scripting::PluginStatus& plugin, const SettingsPluginsContext& ctx, float scale) {
      auto panel = ui::column({
          .align = FlexAlign::Stretch,
          .gap = Style::spaceXs * scale,
          .padding = Style::spaceSm * scale,
          .configure = [scale](Flex& p) {
            p.setRadius(Style::scaledRadiusSm(scale));
            p.setFill(colorSpecFromRole(ColorRole::Error, 0.10F));
            p.setBorder(colorSpecFromRole(ColorRole::Error, 0.5F), Style::borderWidth);
          },
      });
      panel->addChild(makeLabel(
          i18n::tr("settings.plugins.plugins.delete-confirm-title", "name", plugin.name), Style::fontSizeBody * scale,
          ColorRole::Error, FontWeight::Bold
      ));
      panel->addChild(makeLabel(
          i18n::tr("settings.plugins.plugins.delete-confirm-desc"), Style::fontSizeCaption * scale,
          ColorRole::OnSurfaceVariant
      ));
      panel->addChild(
          ui::row(
              {.align = FlexAlign::Center, .gap = Style::spaceSm * scale}, ui::spacer(),
              makeConfirmButton(
                  i18n::tr("common.actions.cancel"), ButtonVariant::Ghost, scale,
                  [cb = ctx.cancelDelete]() {
                    if (cb) {
                      cb();
                    }
                  }
              ),
              makeConfirmButton(
                  i18n::tr("settings.plugins.plugins.delete"), ButtonVariant::Destructive, scale,
                  [cb = ctx.onRemove, id = plugin.id]() {
                    if (cb) {
                      cb(id);
                    }
                  },
                  "trash"
              )
          )
      );
      return panel;
    }

    bool pluginEnabled(const scripting::PluginStatus& plugin, const SettingsPluginsContext& ctx) {
      if (ctx.config == nullptr) {
        return plugin.enabled;
      }
      return std::ranges::contains(ctx.config->plugins.enabled, plugin.id);
    }

    std::string_view pluginDisplayName(const scripting::PluginStatus& plugin) { return plugin.name; }

    std::string pluginSourceDisplayName(std::string_view source) {
      if (source == "official") {
        return "Official";
      }
      if (source == "community") {
        return "Community";
      }
      return std::string(source);
    }

    int pluginSourceOrder(std::string_view source) {
      if (source == "official") {
        return 0;
      }
      if (source == "community") {
        return 1;
      }
      return 2;
    }

    bool pluginSourceLess(std::string_view a, std::string_view b) {
      const int aOrder = pluginSourceOrder(a);
      const int bOrder = pluginSourceOrder(b);
      if (aOrder != bOrder) {
        return aOrder < bOrder;
      }
      return a < b;
    }

    std::unique_ptr<Flex> sourceRow(const PluginSourceConfig& source, const SettingsPluginsContext& ctx, float scale) {
      auto row = ui::row({.align = FlexAlign::Center, .gap = Style::spaceSm * scale, .fillWidth = true});
      Flex* r = row.get();

      auto info = ui::column({.align = FlexAlign::Start, .gap = 2.0F * scale, .flexGrow = 1.0F});
      info->addChild(makeLabel(
          pluginSourceDisplayName(source.name), Style::fontSizeBody * scale,
          source.enabled ? ColorRole::OnSurface : ColorRole::OnSurfaceVariant, FontWeight::Medium
      ));
      const std::string kind = source.kind == PluginSourceKind::Git ? i18n::tr("settings.plugins.sources.kind.git")
                                                                    : i18n::tr("settings.plugins.sources.kind.path");
      info->addChild(
          makeLabel(kind + " · " + source.location, Style::fontSizeCaption * scale, ColorRole::OnSurfaceVariant)
      );
      r->addChild(std::move(info));

      if (source.enabled && source.kind == PluginSourceKind::Git) {
        r->addChild(
            ui::button({
                .glyph = "refresh",
                .glyphSize = Style::fontSizeBody * scale,
                .variant = ButtonVariant::Ghost,
                .tooltip = i18n::tr("settings.plugins.sources.update"),
                .onClick = [cb = ctx.updateSource, name = source.name]() {
                  if (cb) {
                    cb(name);
                  }
                },
            })
        );
      }
      r->addChild(
          ui::button({
              .glyph = "settings",
              .glyphSize = Style::fontSizeBody * scale,
              .variant = ButtonVariant::Ghost,
              .tooltip = i18n::tr("settings.plugins.sources.edit"),
              .onClick = [cb = ctx.editSource, source]() {
                if (cb) {
                  cb(source);
                }
              },
          })
      );
      r->addChild(
          ui::toggle({
              .checked = source.enabled,
              .scale = scale,
              .onChange = [cb = ctx.setSourceEnabled, source](bool on) {
                if (cb) {
                  cb(source, on);
                }
              },
          })
      );
      return row;
    }

    std::unique_ptr<Flex> makeRoleBadge(std::string_view label, ColorRole role, float scale, float fillAlpha = 0.15F) {
      return ui::row(
          {.align = FlexAlign::Center,
           .paddingH = Style::spaceXs * scale,
           .fill = colorSpecFromRole(role, fillAlpha),
           .radius = Style::scaledRadiusSm(scale)},
          ui::label({
              .text = std::string(label),
              .fontSize = Style::fontSizeCaption * scale,
              .fontWeight = FontWeight::Bold,
              .color = colorSpecFromRole(role),
          })
      );
    }

    std::unique_ptr<Flex>
    pluginRow(const scripting::PluginStatus& plugin, const SettingsPluginsContext& ctx, float scale) {
      auto row = ui::row({.align = FlexAlign::Center, .gap = Style::spaceSm * scale, .fillWidth = true});
      Flex* r = row.get();
      const bool enabled = pluginEnabled(plugin, ctx);

      r->addChild(
          ui::glyph({
              .glyph = plugin.icon.empty() ? std::string("apps") : plugin.icon,
              .glyphSize = Style::fontSizeHeader * scale,
              .color = colorSpecFromRole(ColorRole::Primary),
              .width = Style::controlHeightSm * scale,
              .height = Style::controlHeightSm * scale,
          })
      );

      auto info = ui::column({.align = FlexAlign::Start, .gap = 2.0F * scale, .flexGrow = 1.0F});
      auto title = ui::row({.align = FlexAlign::Center, .gap = Style::spaceXs * scale});
      const std::string version = plugin.version.empty() ? std::string("?") : plugin.version;
      title->addChild(
          makeLabel(pluginDisplayName(plugin), Style::fontSizeBody * scale, ColorRole::OnSurface, FontWeight::Medium)
      );
      if (plugin.source == "official") {
        title->addChild(makeRoleBadge(i18n::tr("settings.badges.official"), ColorRole::Primary, scale));
      } else if (plugin.source == "community") {
        title->addChild(makeRoleBadge(i18n::tr("settings.badges.community"), ColorRole::Secondary, scale));
      } else if (!plugin.source.empty()) {
        title->addChild(makeRoleBadge(pluginSourceDisplayName(plugin.source), ColorRole::Tertiary, scale));
      }
      title->addChild(makeLabel("v" + version, Style::fontSizeCaption * scale, ColorRole::OnSurfaceVariant));
      if (!plugin.compatible) {
        title->addChild(makeLabel(
            i18n::tr("settings.plugins.plugins.incompatible-plugin-api"), Style::fontSizeMini * scale, ColorRole::Error,
            FontWeight::Bold
        ));
      }
      if (plugin.heldBack) {
        title->addChild(makeRoleBadge(i18n::tr("settings.plugins.plugins.held-back"), ColorRole::Tertiary, scale));
      }
      if (plugin.deprecated) {
        title->addChild(makeLabel(
            i18n::tr("settings.plugins.plugins.deprecated"), Style::fontSizeMini * scale, ColorRole::Secondary,
            FontWeight::Bold
        ));
      }
      if (plugin.updateAvailable) {
        const std::string badge = plugin.availableVersion.empty()
            ? i18n::tr("settings.plugins.plugins.update-available")
            : i18n::tr("settings.plugins.plugins.update-to", "version", plugin.availableVersion);
        title->addChild(makeRoleBadge(badge, ColorRole::Tertiary, scale));
      }
      info->addChild(std::move(title));
      if (plugin.heldBack) {
        info->addChild(makeLabel(
            i18n::tr(
                "settings.plugins.plugins.held-back-hint", "version", plugin.latestVersion, "required",
                plugin.latestPluginApiVersion, "current", scripting::kCurrentPluginApiVersion
            ),
            Style::fontSizeMini * scale, ColorRole::Tertiary
        ));
      }
      if (!plugin.description.empty()) {
        info->addChild(makeLabel(plugin.description, Style::fontSizeCaption * scale, ColorRole::OnSurfaceVariant));
      }
      if (!plugin.dependencies.empty()) {
        info->addChild(makeLabel(
            i18n::tr("settings.plugins.plugins.requires", "dependencies", StringUtils::join(plugin.dependencies, ", ")),
            Style::fontSizeCaption * scale, ColorRole::Secondary
        ));
      }
      r->addChild(std::move(info));

      if (const auto pageUrl = scripting::pluginWebsitePageUrl(plugin.source, plugin.id)) {
        r->addChild(
            ui::button({
                .glyph = "external-link",
                .glyphSize = Style::fontSizeBody * scale,
                .variant = ButtonVariant::Ghost,
                .tooltip = i18n::tr("settings.plugins.store.open-page"),
                .onClick = [url = *pageUrl]() { (void)net::openInBrowser(url); },
            })
        );
      }

      const auto* manifest = scripting::PluginRegistry::instance().findManifest(plugin.id);
      if (enabled && manifest != nullptr && pluginHasSettings(*manifest) && ctx.onConfigure) {
        r->addChild(
            ui::button({
                .glyph = "settings",
                .glyphSize = Style::fontSizeBody * scale,
                .variant = ButtonVariant::Ghost,
                .tooltip = i18n::tr("settings.plugins.plugins.configure"),
                .onClick = [cb = ctx.onConfigure, id = plugin.id]() {
                  if (cb) {
                    cb(id);
                  }
                },
            })
        );
      }

      const bool removable = ctx.onRemove
          && plugin.source != "local"
          && !std::ranges::any_of(ctx.sources, [&](const PluginSourceConfig& s) {
                               return s.name == plugin.source && s.kind == PluginSourceKind::Path;
                             });
      if (removable) {
        r->addChild(
            ui::button({
                .glyph = "trash",
                .glyphSize = Style::fontSizeBody * scale,
                .variant = ButtonVariant::Ghost,
                .tooltip = i18n::tr("settings.plugins.plugins.remove"),
                .onClick = [cb = ctx.requestDeleteConfirm, id = plugin.id]() {
                  if (cb) {
                    cb(id);
                  }
                },
            })
        );
      }

      const bool busy = ctx.isEnabling && ctx.isEnabling(plugin.id);
      if (busy) {
        r->addChild(
            ui::spinner({
                .spinnerSize = Style::controlHeightSm * scale * 0.7F,
                .spinning = true,
            })
        );
      } else {
        r->addChild(
            ui::toggle({
                .checked = enabled,
                .enabled = enabled || plugin.compatible,
                .scale = scale,
                .onChange = [cb = ctx.setEnabled, id = plugin.id](bool on) {
                  if (cb) {
                    cb(id, on);
                  }
                },
            })
        );
      }
      return row;
    }

    // ── Per-plugin settings editor ─────────────────────────────────────────

    std::string valueAsString(const WidgetSettingValue& value) {
      if (const auto* s = std::get_if<std::string>(&value)) {
        return *s;
      }
      if (const auto* b = std::get_if<bool>(&value)) {
        return *b ? "true" : "false";
      }
      if (const auto* i = std::get_if<std::int64_t>(&value)) {
        return std::to_string(*i);
      }
      if (const auto* d = std::get_if<double>(&value)) {
        return std::to_string(*d);
      }
      return {};
    }

    std::vector<std::string> valueAsStringList(const WidgetSettingValue& value) {
      if (const auto* v = std::get_if<std::vector<std::string>>(&value)) {
        return *v;
      }
      return {};
    }

    WidgetSettingStringMap valueAsStringMap(const WidgetSettingValue& value) {
      if (const auto* map = std::get_if<WidgetSettingStringMap>(&value)) {
        return *map;
      }
      return {};
    }

    bool valueAsBool(const WidgetSettingValue& value) {
      if (const auto* b = std::get_if<bool>(&value)) {
        return *b;
      }
      if (const auto* i = std::get_if<std::int64_t>(&value)) {
        return *i != 0;
      }
      return false;
    }

    std::int64_t valueAsInt(const WidgetSettingValue& value) {
      if (const auto* i = std::get_if<std::int64_t>(&value)) {
        return *i;
      }
      if (const auto* d = std::get_if<double>(&value)) {
        return static_cast<std::int64_t>(std::llround(*d));
      }
      return 0;
    }

    double valueAsDouble(const WidgetSettingValue& value) {
      if (const auto* d = std::get_if<double>(&value)) {
        return *d;
      }
      if (const auto* i = std::get_if<std::int64_t>(&value)) {
        return static_cast<double>(*i);
      }
      return 0.0;
    }

    // Current value for a plugin setting: the override if present, else the manifest default.
    WidgetSettingValue
    pluginSettingValue(const Config& cfg, const std::string& pluginId, const WidgetSettingSpec& spec) {
      const auto pluginIt = cfg.plugins.pluginSettings.find(pluginId);
      if (pluginIt != cfg.plugins.pluginSettings.end()) {
        const auto keyIt = pluginIt->second.find(spec.schema.key);
        if (keyIt != pluginIt->second.end()) {
          return keyIt->second;
        }
      }
      return spec.schema.defaultValue;
    }

    bool pluginSettingVisible(
        const Config& cfg, const std::string& pluginId, const WidgetSettingSpec& spec,
        const std::vector<WidgetSettingSpec>& allSpecs
    ) {
      if (!spec.visibleWhen.has_value()) {
        return true;
      }
      const auto currentString = [&](const std::string& key) -> std::string {
        const auto depIt =
            std::ranges::find_if(allSpecs, [&](const WidgetSettingSpec& s) { return s.schema.key == key; });
        if (depIt == allSpecs.end()) {
          return {};
        }
        return valueAsString(pluginSettingValue(cfg, pluginId, *depIt));
      };
      const auto matches = [&](const WidgetSettingVisibilityCondition& cond) {
        if (cond.nonEmpty) {
          const auto depIt =
              std::ranges::find_if(allSpecs, [&](const WidgetSettingSpec& s) { return s.schema.key == cond.key; });
          if (depIt == allSpecs.end()) {
            return false;
          }
          const WidgetSettingValue value = pluginSettingValue(cfg, pluginId, *depIt);
          if (const auto* list = std::get_if<std::vector<std::string>>(&value)) {
            return !list->empty();
          }
          if (const auto* str = std::get_if<std::string>(&value)) {
            return !str->empty();
          }
          return false;
        }
        const std::string value = currentString(cond.key);
        return std::ranges::contains(cond.values, value);
      };
      // Visible when any `any` alternative matches (or none declared) AND every `all` condition matches.
      const auto& vis = *spec.visibleWhen;
      const bool anyOk = vis.any.empty() || std::ranges::any_of(vis.any, matches);
      const bool allOk = std::ranges::all_of(vis.all, matches);
      return anyOk && allOk;
    }

    std::unique_ptr<Node> pluginSettingControl(
        SettingsControlFactory& factory, const WidgetSettingSpec& spec, const WidgetSettingValue& value,
        const std::vector<std::string>& path
    ) {
      switch (spec.control) {
      case WidgetControlKind::Bool: {
        std::optional<bool> clearWhenValue;
        if (const auto* defaultBool = std::get_if<bool>(&spec.schema.defaultValue)) {
          clearWhenValue = *defaultBool;
        }
        return factory.makeToggle(valueAsBool(value), true, path, clearWhenValue);
      }
      case WidgetControlKind::Int: {
        const double minValue = spec.schema.minValue.value_or(0.0);
        const double maxValue = spec.schema.maxValue.value_or(100.0);
        return factory.makeSlider(
            static_cast<double>(valueAsInt(value)), minValue, maxValue, spec.schema.step.value_or(1.0), path,
            /*integerValue=*/true
        );
      }
      case WidgetControlKind::Double: {
        const double minValue = spec.schema.minValue.value_or(0.0);
        const double maxValue = spec.schema.maxValue.value_or(1.0);
        return factory.makeSlider(
            valueAsDouble(value), minValue, maxValue, spec.schema.step.value_or(1.0), path, false
        );
      }
      case WidgetControlKind::Select: {
        std::vector<SelectOption> options;
        options.reserve(spec.options.size());
        for (const auto& option : spec.options) {
          options.push_back(
              SelectOption{option.value, spec.literalLabels ? option.labelKey : i18n::tr(option.labelKey)}
          );
        }
        SelectSetting selectSetting{std::move(options), valueAsString(value)};
        selectSetting.segmented = spec.segmented;
        if (spec.schema.type == noctalia::config::schema::WidgetSettingType::Bool) {
          selectSetting.valueType = SelectValueType::Boolean;
        }
        if (const auto* defaultString = std::get_if<std::string>(&spec.schema.defaultValue)) {
          selectSetting.clearOnEmpty = defaultString->empty();
        }
        return factory.makeSelect(selectSetting, path);
      }
      case WidgetControlKind::ColorSpec: {
        ColorSpecPickerSetting pickerSetting;
        pickerSetting.selectedValue = valueAsString(value);
        pickerSetting.allowNone = spec.advanced;
        pickerSetting.allowCustomColor = spec.allowCustomColor;
        return factory.makeColorSpecPicker(pickerSetting, path);
      }
      case WidgetControlKind::StringList:
      case WidgetControlKind::StringMap:
        return nullptr;
      case WidgetControlKind::File:
      case WidgetControlKind::Folder:
        return factory.makePathBrowse(
            TextSetting{
                .value = valueAsString(value),
                .placeholder = {},
                .width = 190.0F,
                .browseMode = spec.control == WidgetControlKind::Folder ? TextSettingBrowseMode::SelectFolder
                                                                        : TextSettingBrowseMode::OpenFile,
                .browseFileExtensions = spec.extensions,
                .browseFallbackDirectory = {},
            },
            path
        );
      case WidgetControlKind::String:
      case WidgetControlKind::Glyph:
      default:
        return factory.makeText(valueAsString(value), {}, path);
      }
    }

  } // namespace

  bool pluginHasSettings(const scripting::PluginManifest& manifest) {
    if (!manifest.settings.empty()) {
      return true;
    }
    return std::ranges::any_of(manifest.entries, [](const scripting::PluginEntry& entry) {
      return entry.kind == scripting::PluginEntryKind::Panel && !entry.settings.empty();
    });
  }

  void buildPluginSettingsEditor(
      Flex& body, const Config& cfg, SettingsControlFactory& factory, const std::string& pluginId,
      const scripting::PluginManifest& manifest, bool showAdvanced, float scale
  ) {
    scripting::PluginTranslationCatalog translations;
    if (const auto pluginDir = scripting::PluginRegistry::instance().findPluginDir(pluginId)) {
      translations.load(*pluginDir);
    }
    std::vector<WidgetSettingSpec> specs = settings::manifestSettingSpecs(manifest.settings, &translations);
    for (const auto& entry : manifest.entries) {
      if (entry.kind != scripting::PluginEntryKind::Panel) {
        continue;
      }
      for (const auto& shellSpec : settings::pluginPanelShellSettingSpecs(entry)) {
        if (std::ranges::any_of(specs, [&](const WidgetSettingSpec& existing) {
              return existing.schema.key == shellSpec.schema.key;
            })) {
          continue;
        }
        specs.push_back(shellSpec);
      }
      for (const auto& panelSpec : settings::manifestSettingSpecs(entry.settings, &translations)) {
        if (scripting::isPanelShellSettingKey(entry.id, panelSpec.schema.key)) {
          continue;
        }
        if (std::ranges::any_of(specs, [&](const WidgetSettingSpec& existing) {
              return existing.schema.key == panelSpec.schema.key;
            })) {
          continue;
        }
        specs.push_back(panelSpec);
      }
    }
    bool rendered = false;
    for (const auto& spec : specs) {
      if (spec.advanced && !showAdvanced) {
        continue;
      }
      if (!pluginSettingVisible(cfg, pluginId, spec, specs)) {
        continue;
      }
      const std::vector<std::string> path = {"plugin_settings", pluginId, spec.schema.key};
      const WidgetSettingValue value = pluginSettingValue(cfg, pluginId, spec);
      SettingEntry entry{
          .section = SettingsSection::Bar,
          .group = "plugin-settings",
          .title = spec.literalLabel,
          .subtitle = spec.literalDescription,
          .path = path,
          .control = TextSetting{},
          .advanced = spec.advanced,
          .searchText = {},
      };
      if (spec.control == WidgetControlKind::StringList) {
        factory.makeListBlock(body, entry, ListSetting{.items = valueAsStringList(value)});
      } else if (spec.control == WidgetControlKind::StringMap) {
        factory.makeStringMapBlock(
            body, entry,
            StringMapSetting{
                .entries = valueAsStringMap(value),
                .keyPlaceholder = i18n::tr("settings.widgets.map-placeholders.key"),
                .valuePlaceholder = i18n::tr("settings.widgets.map-placeholders.value"),
            }
        );
      } else {
        factory.makeRow(body, entry, pluginSettingControl(factory, spec, value, path));
      }
      rendered = true;
    }
    if (!rendered) {
      body.addChild(makeLabel(
          i18n::tr("settings.plugins.settings.empty"), Style::fontSizeCaption * scale, ColorRole::OnSurfaceVariant
      ));
    }
  }

  void addSettingsPlugins(Flex& content, SettingsPluginsContext ctx) {
    if (ctx.selectedSection != "plugins") {
      return;
    }
    const float scale = ctx.scale;

    auto sectionCol = ui::column({
        .align = FlexAlign::Stretch,
        .gap = Style::spaceSm * scale,
        .padding = Style::spaceLg * scale,
        .fill = clearColorSpec(),
        .fillWidth = true,
    });
    Flex* section = sectionCol.get();
    content.addChild(std::move(sectionCol));

    section->addChild(
        ui::row(
            {.align = FlexAlign::Center, .gap = Style::spaceSm * scale, .fillWidth = true},
            ui::glyph({
                .glyph = "puzzle",
                .glyphSize = Style::fontSizeHeader * scale,
                .color = colorSpecFromRole(ColorRole::Primary),
            }),
            makeLabel(
                i18n::tr("settings.navigation.sections.plugins"), Style::fontSizeHeader * scale, ColorRole::Primary,
                FontWeight::Bold
            )
        )
    );

    if (ctx.config != nullptr && ctx.config->shell.offlineMode) {
      section->addChild(makeOfflineModeNotice(scale, i18n::tr("settings.window.offline-mode-notice.plugins")));
    }

    // ── Sources ──────────────────────────────────────────────────────────
    auto sourcesHeader = ui::row({.align = FlexAlign::Center, .gap = Style::spaceSm * scale, .fillWidth = true});
    sourcesHeader->addChild(makeLabel(
        i18n::tr("settings.plugins.sources.title"), Style::fontSizeBody * scale, ColorRole::Secondary, FontWeight::Bold
    ));
    sourcesHeader->addChild(ui::spacer());
    sourcesHeader->addChild(
        ui::button({
            .text = i18n::tr("settings.plugins.sources.add"),
            .glyph = "add",
            .fontSize = Style::fontSizeCaption * scale,
            .glyphSize = Style::fontSizeBody * scale,
            .variant = ButtonVariant::Default,
            .onClick = [cb = ctx.addSource]() {
              if (cb) {
                cb();
              }
            },
        })
    );
    section->addChild(std::move(sourcesHeader));
    if (ctx.sources.empty()) {
      section->addChild(makeLabel(
          i18n::tr("settings.plugins.sources.empty"), Style::fontSizeCaption * scale, ColorRole::OnSurfaceVariant
      ));
    } else if (ctx.sources.size() > 1) {
      section->addChild(makeLabel(
          i18n::tr("settings.plugins.sources.precedence-hint"), Style::fontSizeCaption * scale,
          ColorRole::OnSurfaceVariant
      ));
    }
    // Render in config order so the list mirrors the file. Precedence is last-wins
    // (the same cascade as the rest of the config), so a source lower in the list
    // overrides the ones above it for a shared plugin id.
    for (const auto& source : ctx.sources) {
      section->addChild(sourceRow(source, ctx, scale));
    }

    const bool hasGitSource = std::ranges::any_of(ctx.sources, [](const PluginSourceConfig& s) {
      return s.kind == PluginSourceKind::Git && s.enabled;
    });
    if (hasGitSource && ctx.setAutoUpdate) {
      // Separate from the source list so the dropdown doesn't read as another source.
      section->addChild(ui::separator({.spacing = Style::spaceSm * scale}));
      auto autoRow = ui::row({.align = FlexAlign::Center, .gap = Style::spaceSm * scale, .fillWidth = true});
      auto autoInfo = ui::column({.align = FlexAlign::Start, .gap = 2.0F * scale, .flexGrow = 1.0F});
      autoInfo->addChild(makeLabel(
          i18n::tr("settings.plugins.sources.auto-update"), Style::fontSizeBody * scale, ColorRole::OnSurface,
          FontWeight::Medium
      ));
      autoInfo->addChild(makeLabel(
          i18n::tr("settings.plugins.sources.auto-update-desc"), Style::fontSizeCaption * scale,
          ColorRole::OnSurfaceVariant
      ));
      std::vector<SelectOption> modeOptions;
      modeOptions.reserve(std::size(kPluginAutoUpdateModes));
      for (const auto& opt : kPluginAutoUpdateModes) {
        modeOptions.push_back(SelectOption{std::string(opt.key), i18n::tr(opt.labelKey)});
      }
      const auto selectedModeIndex = optionIndex(modeOptions, enumToKey(kPluginAutoUpdateModes, ctx.autoUpdateMode));
      autoRow->addChild(std::move(autoInfo));
      autoRow->addChild(
          ui::select({
              .options = optionLabels(modeOptions),
              .selectedIndex = selectedModeIndex,
              .fontSize = Style::fontSizeBody * scale,
              .controlHeight = Style::controlHeight * scale,
              .glyphSize = Style::fontSizeBody * scale,
              .onSelectionChanged = [cb = ctx.setAutoUpdate](std::size_t index, std::string_view /*label*/) {
                if (cb && index < std::size(kPluginAutoUpdateModes)) {
                  cb(kPluginAutoUpdateModes[index].value);
                }
              },
          })
      );
      section->addChild(std::move(autoRow));
    }

    section->addChild(ui::separator({.spacing = Style::spaceSm * scale}));

    // ── Plugins ──────────────────────────────────────────────────────────
    auto pluginsHeader = ui::row({.align = FlexAlign::Center, .gap = Style::spaceSm * scale, .fillWidth = true});
    pluginsHeader->addChild(makeLabel(
        i18n::tr("settings.plugins.plugins.title"), Style::fontSizeBody * scale, ColorRole::Secondary, FontWeight::Bold
    ));
    if (ctx.pluginsLoading) {
      pluginsHeader->addChild(
          ui::spinner({
              .spinnerSize = Style::fontSizeBody * scale,
              .spinning = true,
          })
      );
    }
    pluginsHeader->addChild(ui::spacer());
    const int updatesAvailable = static_cast<int>(
        std::ranges::count_if(ctx.plugins, [](const scripting::PluginStatus& p) { return p.updateAvailable; })
    );
    if (updatesAvailable > 0 && ctx.updateAll) {
      pluginsHeader->addChild(
          ui::button({
              .text = i18n::tr("settings.plugins.plugins.update-all", "count", std::to_string(updatesAvailable)),
              .glyph = "download",
              .fontSize = Style::fontSizeCaption * scale,
              .glyphSize = Style::fontSizeBody * scale,
              .variant = ButtonVariant::Primary,
              .onClick = [cb = ctx.updateAll]() {
                if (cb) {
                  cb();
                }
              },
          })
      );
    }
    if (ctx.openStore) {
      pluginsHeader->addChild(
          ui::button({
              .text = i18n::tr("settings.plugins.browse-store"),
              .glyph = "search",
              .fontSize = Style::fontSizeCaption * scale,
              .glyphSize = Style::fontSizeBody * scale,
              .variant = ButtonVariant::Primary,
              .onClick = [cb = ctx.openStore]() {
                if (cb) {
                  cb();
                }
              },
          })
      );
    }
    section->addChild(std::move(pluginsHeader));
    if (!ctx.pluginsLoading && ctx.plugins.empty()) {
      section->addChild(makeLabel(
          i18n::tr("settings.plugins.plugins.empty"), Style::fontSizeCaption * scale, ColorRole::OnSurfaceVariant
      ));
    }
    std::vector<scripting::PluginStatus> plugins;
    plugins.reserve(ctx.plugins.size());
    for (const auto& plugin : ctx.plugins) {
      if (plugin.materialized || plugin.enabled) {
        plugins.push_back(plugin);
      }
    }
    std::ranges::sort(plugins, [&](const auto& a, const auto& b) {
      const std::string_view aName = pluginDisplayName(a);
      const std::string_view bName = pluginDisplayName(b);
      if (aName != bName) {
        return aName < bName;
      }
      if (a.source != b.source) {
        return pluginSourceLess(a.source, b.source);
      }
      return a.id < b.id;
    });
    for (const auto& plugin : plugins) {
      section->addChild(pluginRow(plugin, ctx, scale));
      if (!ctx.pendingDeletePluginId.empty() && ctx.pendingDeletePluginId == plugin.id) {
        section->addChild(pluginDeleteConfirmPanel(plugin, ctx, scale));
      }
    }
  }

} // namespace settings
