{% extends "base.html" %} {% block title %}{{ _('Module Manager') }} — MediaForge{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ url_for('static', filename='settings_rows.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='integrations.css') }}">
<!-- Page-specific mobile/responsive fixes for the Module Manager + Module Store
     views below -- both live in this one template, and both were overflowing
     horizontally on narrow screens (unwrapped badge rows, a fixed-min-width
     textarea, an unwrapped header button row). See extensions.css. -->
<link rel="stylesheet" href="{{ url_for('static', filename='extensions.css') }}">
{% endblock %}
{% block content %}
<div class="settings-container extensions-page">
  <div class="page-header" style="display:flex;align-items:flex-start;justify-content:space-between;gap:16px;">
    <div>
      <h1 class="page-title">{{ _('Module Manager') }}</h1>
      <p class="page-subtitle">{{ _('Every discovered web/thirdparties/ folder, who made it, and a working on/off switch for what it registered') }}</p>
      <!-- The app's own version, next to the per-module MODULE_VERSION badges
           below: a module's compatibility range (MODULE_MIN/MAX_APP_VERSION)
           is checked against exactly this, so an admin looking at a module
           skipped as incompatible shouldn't have to go hunting for what it
           was compared against. app_version is the same context variable the
           sidebar brand uses (see app.py's context processor / base.html) —
           the display version, so a dev install shows its -dev+<sha> suffix
           here too. -->
      {% if app_version %}
      <p class="page-subtitle" style="opacity:.7;">
        {{ _('MediaForge core version') }}: <code>v{{ app_version }}</code>
      </p>
      {% endif %}
    </div>
    <!-- Two views, one page: the modules installed here, and the store to get more
         from. They are separate destinations, not one long scroll — an admin came to
         do one or the other. The store button carries the update count, so the reason
         to go there is visible from the installed view without opening it. -->
    <div class="ext-header-actions" style="display:flex;gap:8px;align-items:center;">
      {% if store_enabled %}
      <button class="btn btn-primary" id="extStoreToggleBtn" style="white-space:nowrap;"
              title="{{ _('Browse the module store') }}">
        <span id="extStoreToggleLabel">{{ _('Module Store') }}</span>
        <span class="integ-subsection-badge badge-update" id="extStoreUpdateBadge" style="display:none;margin-left:6px;"></span>
      </button>
      {% endif %}
      <button class="btn btn-secondary" id="extRescanBtn" style="white-space:nowrap;" title="{{ _('Scan web/thirdparties/ for new module folders and register them without restarting the app.') }}">
        {{ _('Refresh') }}
      </button>
    </div>
  </div>

  <!-- Restart banner. Everything the store does (install, update, uninstall)
       is staged into web/thirdparties/_pending/ and applied at the next start
       by apply_pending_changes() — Flask can add a Blueprint to a running app
       but can't remove or replace one, so "restart required" is a real state
       of the system, not politeness. Rendered server-side from pending_changes()
       so it's correct on first paint, and kept in sync by module_store.js
       after every staged action. -->
  <div class="settings-section" id="extPendingBanner"
       style="{% if not pending.install and not pending.remove %}display:none;{% endif %}border-color:var(--warning);">
    <div class="settings-row" style="border-bottom:none;">
      <div class="settings-row-left">
        <div class="settings-row-label" style="color:var(--warning);">{{ _('Restart required') }}</div>
        <div class="settings-row-desc" id="extPendingText">
          {%- if pending.install %}{{ _('To be installed/updated') }}: {{ pending.install|join(', ') }}{% endif %}
          {%- if pending.install and pending.remove %} · {% endif %}
          {%- if pending.remove %}{{ _('To be removed') }}: {{ pending.remove|join(', ') }}{% endif %}
        </div>
        <div class="settings-row-desc">{{ _('These changes are applied the next time MediaForge starts.') }}</div>
      </div>
      <div class="settings-row-right" style="display:flex;gap:8px;align-items:center;">
        <!-- The restart is not a chore attached to the update — it *is* the update. A
             module upgrade can only be applied by a process that has not imported the
             old version yet (see web/restart.py), so this button is the step that makes
             the new code actually run. Without it the banner is a note asking the admin
             to go and do the important part in a terminal. -->
        {% if restart_supported %}
        <button class="btn btn-primary" id="extRestartBtn">{{ _('Restart now') }}</button>
        {% else %}
        <span class="settings-row-desc">
          {{ _('Restart MediaForge to apply — this process cannot restart itself (debug mode).') }}
        </span>
        {% endif %}
        <button class="btn btn-secondary" id="extPendingCancelBtn">{{ _('Discard staged changes') }}</button>
      </div>
    </div>
  </div>

  <!-- View 1: what is installed here. Shown by default; module_store.js swaps it
       for the store view (and back) when the header button is used. -->
  <div id="extInstalledView">
  {% if not extensions %}
  <div class="settings-section">
    <div class="settings-hint" style="padding:20px 24px;">{{ _('No extension folders discovered.') }}</div>
  </div>
  {% endif %}

  <!-- One card per web/thirdparties/<name>/ folder — built from
       resolve_extensions_overview() (see registry.py), which is fed by
       every phase of discover_and_register() (routes/extensions.py /
       web/thirdparties/__init__.py). A folder that failed to import, has
       no register(app), or was skipped for an unmet DEPENDS_ON still gets
       a card here, with the reason — that's the whole point of this page.
       module_name/description/author come from the folder's own
       MODULE_NAME/MODULE_DESCRIPTION/MODULE_AUTHOR constants (see
       web/thirdparties/__init__.py's docstring), falling back to the
       folder name / nothing when a module doesn't declare them. -->
  {% for ext in extensions %}
  <div class="settings-section integ-card collapsed" id="integCard-ext-{{ ext.name }}">
    <div class="integ-subsection-header integ-collapsible-header" style="padding:14px 20px !important;" onclick="toggleIntegCollapse('ext-{{ ext.name }}')">
      <span class="integ-collapsible-chevron">▸</span>
      <span class="integ-subsection-title">{{ ext.module_name }}</span>
      <!-- MODULE_VERSION, always rendered (falls back to 0.0.0 for a module
           that declares none) so every card has a version to point at — the
           planned module store compares exactly this string against what it
           has on offer. -->
      <span class="integ-subsection-badge badge-version" title="{{ _('Module version') }}">v{{ ext.version }}</span>
      <!-- Trust, derived from the module's own MODULE.sig (see signing.py) and
           never from anything a store or the module itself merely claims:
             official  = signed by a MediaForge maintainer key
             verified  = signed by a key trusted to bless third-party modules
             unverified = unsigned, unknown key, or modified after signing
           The last case is called out separately below, in red — a signature
           that no longer matches the files is a different kind of event from
           never having had one. -->
      {% if ext.trust == 'official' %}
      <span class="integ-subsection-badge badge-official" title="{{ _('Signed by') }} {{ ext.signature.signer }}">{{ _('Official') }}</span>
      {% elif ext.trust == 'verified' %}
      <span class="integ-subsection-badge badge-verified" title="{{ _('Signed by') }} {{ ext.signature.signer }}">{{ _('Verified') }}</span>
      {% elif ext.signature.signed %}
      <span class="integ-subsection-badge badge-incompatible" title="{{ ext.signature.reason }}">{{ _('Signature invalid') }}</span>
      {% else %}
      <span class="integ-subsection-badge badge-unsigned" title="{{ _('No MODULE.sig — nobody vouches for this code') }}">{{ _('Unsigned') }}</span>
      {% endif %}
       {% if ext.author %}
      <span class="integ-subsection-badge badge-author" title="{{ _('Author') }}">{{ ext.author }}</span>
      {% endif %}
      {% if ext.incompatible_reason %}
      <span class="integ-subsection-badge badge-incompatible" title="{{ ext.incompatible_reason }}">{{ _('Incompatible') }}</span>
      {% endif %}
      {% if ext.registered %}
      <span class="integ-subsection-badge badge-loaded">{{ _('Loaded') }}</span>
      {% elif ext.imported == false %}
      <span class="integ-subsection-badge badge-import-failed">{{ _('Import failed') }}</span>
      {% elif ext.registered == false %}
      <span class="integ-subsection-badge badge-skipped">{{ _('Skipped') }}</span>
      {% else %}
      <span class="integ-subsection-badge badge-unknown">{{ _('Unknown') }}</span>
      {% endif %}
      {% if ext.registered_items %}
      {% if ext.registered_items|selectattr("enabled")|list %}
      <span class="integ-subsection-badge badge-enabled">{{ _('Enabled') }}</span>
      {% else %}
      <span class="integ-subsection-badge badge-disabled">{{ _('Disabled') }}</span>
      {% endif %}
      {% endif %}
      {% if ext.depends_on %}
      <span class="integ-subsection-badge badge-depends" title="{{ _('DEPENDS_ON') }}">
        → {{ ext.depends_on|join(', ') }}
      </span>
      {% endif %}
    </div>
    <div class="integ-collapsible-body" style="padding:0 20px 16px;">
      {% if ext.description %}
      <div class="integ-subsection-hint">{{ ext.description }}</div>
      {% endif %}

      <!-- Version / module-store metadata line: MODULE_ID (the store's stable
           id, which survives a folder rename — the folder name is shown too
           when they differ, since that's what DEPENDS_ON and the log refer to),
           the MODULE_MIN/MAX_APP_VERSION compatibility range (only shown when
           the module declares one), MODULE_LICENSE and MODULE_HOMEPAGE. All
           optional; a module declaring none of them shows just the id line. -->
      <div class="settings-row" style="border-bottom:none;padding-bottom:0;">
        <div class="settings-row-left">
          <div class="settings-row-desc">
            {{ _('Module ID') }}: <code style="opacity:.6;font-size:.9em;">{{ ext.module_id }}</code>
            {%- if ext.module_id != ext.name %} · {{ _('Folder') }}: <code style="opacity:.6;font-size:.9em;">{{ ext.name }}</code>{% endif %}
            {%- if ext.min_app_version %} · {{ _('Requires MediaForge') }} ≥ {{ ext.min_app_version }}{% endif %}
            {%- if ext.max_app_version %} · {{ _('up to') }} ≤ {{ ext.max_app_version }}{% endif %}
            · {{ _('Registry API') }}: v{{ ext.api_version }}
            {%- if ext.requirements %} · {{ _('Requirements') }}: {{ ext.requirements|join(', ') }}{% endif %}
            {%- if ext.license %} · {{ _('License') }}: {{ ext.license }}{% endif %}
          </div>
          {% if ext.homepage %}
          <div class="settings-row-desc">
            <a href="{{ ext.homepage }}" target="_blank" rel="noopener noreferrer">{{ ext.homepage }}</a>
          </div>
          {% endif %}
        </div>
      </div>

      <!-- A signature that exists but doesn't verify is the one case worth
           shouting about: either the module was modified after it was signed, or
           it's signed by somebody this MediaForge has no reason to believe.
           An *unsigned* module gets no warning at all — that's the normal state
           of most third-party modules, not a fault. -->
      {% if ext.signature.signed and not ext.signature.valid %}
      <div class="settings-hint" style="color:var(--error);">
        {{ _('This module carries a signature that does not check out.') }}
        <code>{{ ext.signature.reason }}</code>
      </div>
      {% elif ext.signature.valid %}
      <div class="settings-hint">
        {{ _('Signed by') }}: {{ ext.signature.signer }}
        <code style="opacity:.6;">{{ ext.signature.key_id }}</code>
      </div>
      {% endif %}

      {% if ext.incompatible_reason %}
      <div class="settings-hint" style="color:var(--error);">
        {{ _('This module declares a MediaForge version range the running version is outside of, so it was not loaded.') }}
        <code>{{ ext.incompatible_reason }}</code>
      </div>
      {% endif %}
      <!-- ...and not the recorded error when that error IS the incompatibility
           (which is exactly what discover_and_register() records as the skip
           reason), or the same sentence would render twice in a row. -->
      {% if ext.error and ext.error != ext.incompatible_reason %}
      <div class="settings-hint" style="color:var(--error);">{{ ext.error }}</div>
      {% endif %}

      {% if ext.registered_items %}
      <!-- Deliberately NOT the full settings card here (that used to be
           render_settings_card(card), showing every extra_settings field —
           e.g. Media Kalender's Lookahead/Cache/Reminder rows — duplicated
           on top of the Integrations/Notifications page that already owns
           them). The Modulmanager's job is just "is this module on, and
           where do I configure it", not a second copy of every field: two
           rows per registered item — a plain enable/disable toggle (same
           generic /api/settings/thirdparty/<id> master toggle every card
           uses, see extension_cards.js) and a jump link to that item's full
           card on whichever settings_host/settings_tab it actually
           registered onto (normally Integrations' Third Party tab). The
           link's ?open=<id>#<tab> is read by integrations.js /
           notifications.html on load to switch to the right tab, expand
           that one card, and scroll it into view. -->
      {% for item in ext.registered_items %}
      {% set card = get_thirdparty_card(item.id) %}
      {% if card %}
      <div class="settings-row" style="border-bottom:none;padding-bottom:0;">
        <div class="settings-row-left">
          <div class="settings-row-desc">
            <code style="opacity:.6;font-size:.9em;">{{ item.id }}</code>
            {% if item.section %} · {{ _('Sidebar') }}: {{ _(item.section|capitalize) }}{% endif %}
            · {{ _('Settings') }}: {{ _(item.settings_host|capitalize) }} / {{ item.settings_tab }}
            {%- if item.has_dashboard_widget %} · {{ _('Dashboard widget') }}{% endif -%}
            {%- if item.has_provider_pill %} · {{ _('Provider pill') }}{% endif %}
            {%- if item.requires_enabled %} · {{ _('Requires') }}: {{ item.requires_enabled|join(', ') }}{% endif %}
          </div>
          {% if item.requires_enabled and not item.requires_enabled_ok %}
          <div class="settings-row-desc" style="color:var(--error, #e74c3c);">
            {{ _('One or more required modules are not currently enabled — this module will not work until they are.') }}
          </div>
          {% endif %}
        </div>
      </div>
      <div class="settings-row">
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Enable module') }}</div>
        </div>
        <div class="settings-row-right">
          <label class="toggle">
            <input type="checkbox" class="thirdparty-toggle" data-thirdparty-id="{{ card.id }}" onchange="saveThirdpartyToggle('{{ card.id }}', this)" />
            <span class="toggle-slider"></span>
          </label>
        </div>
      </div>
      <div class="settings-row" style="border-bottom:none;">
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Open module') }}</div>
          <div class="settings-row-desc">{{ _('Configure its settings on the') }} {{ _(item.settings_host|capitalize) }} {{ _('page') }}</div>
        </div>
        <div class="settings-row-right">
          <a class="btn btn-secondary" style="text-decoration:none;display:inline-block;" href="{{ url_for(item.settings_host + '_page') }}?open={{ item.id }}#{{ item.settings_tab }}">{{ _('Open module') }} →</a>
        </div>
      </div>
      {% endif %}
      {% endfor %}
      {% else %}
      <div class="settings-hint">{{ _('This folder registered no sidebar/settings item — could be a background-job-only integration, or one that failed before reaching register_thirdparty().') }}</div>
      {% endif %}

      <!-- Uninstall. Deliberately available for every folder, not just
           store-installed ones and not just healthy ones: a module too broken
           to import is one you especially want to be able to get rid of from
           the UI. Staged, never immediate — see the restart banner above. -->
      <div class="settings-row" style="border-bottom:none;">
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Uninstall module') }}</div>
          <div class="settings-row-desc">
            {{ _('Removes the folder and its namespaced settings on the next start. Data in its own tables is kept.') }}
          </div>
        </div>
        <div class="settings-row-right">
          <button class="btn btn-danger ext-uninstall-btn" data-folder="{{ ext.name }}"
                  data-label="{{ ext.module_name }}">{{ _('Uninstall') }}</button>
        </div>
      </div>
    </div>
  </div>
  {% endfor %}
  </div><!-- /#extInstalledView -->

  <!-- ── View 2: the module store ─────────────────────────────────────────
       Hidden until the header button opens it. The catalog is still fetched on
       page load though (see module_store.js) — that is what puts the update count
       on the button and the "Update: v…" badges on the installed cards, and an
       admin should not have to go looking to find out something is out of date.
       Modules are arbitrary Python running in this process, so nothing here
       installs anything without an explicit click, and unverified entries need an
       opt-in on top of that. -->
  <div id="extStoreView" style="display:none;">

  <!-- Card 1: where the modules come from and what this install is willing to run.
       Settings, not merchandise — kept apart from the catalog below, because reading a
       list of available modules and deciding which repositories to trust are two
       different jobs and mixing them into one scroll made the modules look like just
       another settings row. -->
  <div class="settings-section" id="extStoreSection">
    <div class="integ-subsection-header" style="padding:14px 20px !important;">
      <span class="integ-subsection-title">{{ _('Module Store') }}</span>
      {% if store_enabled %}
      <span class="integ-subsection-badge badge-version" id="extStoreName">{{ store_url }}</span>
      {% else %}
      <span class="integ-subsection-badge badge-disabled">{{ _('Not configured') }}</span>
      {% endif %}
    </div>
    <div style="padding:0 20px 16px;">
      <!-- The official store: read-only, on purpose. It is a constant in
           thirdparties/store.py, not a setting — a field here would mean "talk
           someone into pasting a URL and their official modules now come from
           you". Shown, because an admin should be able to see where their modules
           come from; not editable, because that is not their decision to make. -->
      <div class="settings-row">
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Official store') }}</div>
          <div class="settings-row-desc">
            {{ _('Ships with MediaForge and cannot be changed here — this is the one repository whose modules this build is willing to call official.') }}
          </div>
        </div>
        <div class="settings-row-right">
          {% if store_url %}
          <code style="opacity:.8;">{{ store_url }}</code>
          {% else %}
          <span class="settings-row-desc">{{ _('This build ships no official store.') }}</span>
          {% endif %}
        </div>
      </div>

      <!-- Additional repositories: the part that IS the admin's to decide. An extra
           repo is an ordinary store — same index format, same signature check, no
           special standing. Its modules come out "unverified" in practice, because a
           third-party repo doesn't hold the keys this build was compiled with. That's
           the correct outcome, not a restriction. -->
      <div class="settings-row" id="extStoreExtraRow">
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Additional repositories') }}</div>
          <div class="settings-row-desc">
            {{ _('One URL per line. Modules from a third-party repository are unverified unless they carry a signature this MediaForge trusts.') }}
          </div>
        </div>
        <div class="settings-row-right ext-store-extra-controls" style="display:flex;gap:8px;align-items:flex-start;">
          <textarea id="extStoreExtraUrls" rows="3" class="ext-store-extra-textarea"
                    placeholder="https://someone-else.example/modules">{{ extra_urls|join('\n') }}</textarea>
          <button class="btn btn-primary" id="extStoreExtraSaveBtn">{{ _('Save') }}</button>
        </div>
      </div>

      <div class="settings-row" id="extStoreUnverifiedRow" {% if not store_enabled %}style="display:none;"{% endif %}>
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Allow unverified modules') }}</div>
          <div class="settings-row-desc">
            {{ _('Unverified entries are community links nobody reviewed — the code can change under the same URL at any time. Installing one runs it inside MediaForge with full access to your data.') }}
          </div>
        </div>
        <div class="settings-row-right">
          <label class="toggle">
            <input type="checkbox" id="extStoreUnverified" {% if allow_unverified %}checked{% endif %}>
            <span class="toggle-slider"></span>
          </label>
        </div>
      </div>

      <!-- Trusted signing keys: shown, never editable. They are BUILTIN_KEYS in
           thirdparties/trusted_keys.py, compiled into this build. A trust root a user
           can paste into is a trust root an attacker can talk them into pasting into
           ("add this key and my module shows up as Official"), and the badge would
           stop meaning anything at all. So this row exists to answer "why is that
           module official?" — not to change the answer. -->
      <!-- Where modules live. Not a setting — a fact, and one an admin needs when
           installing a module by hand or looking for one the store put there. -->
      <div class="settings-row">
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Module folder') }}</div>
          <div class="settings-row-desc">
            {{ _('Installed modules live here, outside MediaForge\'s program files — next to your database and cache, so they survive an update. A module installed by hand is simply a folder dropped in here; it is picked up on the next start.') }}
          </div>
        </div>
        <div class="settings-row-right">
          <code style="opacity:.8;">{{ modules_dir }}</code>
        </div>
      </div>

      <div class="settings-row" id="extStoreKeysRow">
        <div class="settings-row-left">
          <div class="settings-row-label">{{ _('Trusted signing keys') }}</div>
          <div class="settings-row-desc">
            {{ _('Built into MediaForge and not configurable. A module is "Official" because one of these keys signed it — neither a store nor a setting can decide that.') }}
          </div>
        </div>
        <div class="settings-row-right">
          {% if trusted_keys %}
          {% for key in trusted_keys %}
          <span class="integ-subsection-badge {% if 'official' in key.tiers %}badge-official{% else %}badge-verified{% endif %}"
                title="{{ key.key_id }} · {{ key.tiers|join(', ') }}">
            {{ key.name }}
          </span>
          {% endfor %}
          {% else %}
          <span class="settings-row-desc">{{ _('This build trusts no signing keys — nothing can be official.') }}</span>
          {% endif %}
        </div>
      </div>

    </div>
  </div>

  <!-- Card 2: the catalog itself, in its own card below the settings — this is what an
       admin came here to look at.

       Fetched client-side (module_store.js): a slow or unreachable repository must not
       be able to delay the page whose actual job is showing the modules already
       installed here. -->
  <div class="settings-section" id="extStoreCatalogCard">
    <div class="integ-subsection-header" style="padding:14px 20px !important;">
      <span class="integ-subsection-title">{{ _('Available modules') }}</span>
      <span class="integ-subsection-badge badge-version" id="extStoreCount" style="display:none;"></span>
      <button class="btn btn-secondary" id="extStoreRefreshBtn" style="margin-left:auto;{% if not store_enabled %}display:none;{% endif %}">
        {{ _('Refresh store') }}
      </button>
    </div>
    <div style="padding:0 20px 16px;">
      <div id="extStoreCatalog" {% if not store_enabled %}style="display:none;"{% endif %}>
        <div class="settings-hint" id="extStoreStatus">{{ _('Loading store…') }}</div>
        <div id="extStoreList"></div>
      </div>
    </div>
  </div>

  </div><!-- /#extStoreView -->
</div>
<!-- Generic enable-toggle load/save helpers (see web/thirdparties/registry.py's
     register_generic_settings_routes) -- the "Enable module" toggle above
     is the same .thirdparty-toggle every settings card uses, populated and
     saved via loadThirdpartyToggles()/saveThirdpartyToggle() from this file,
     exactly like integrations.html/notifications.html. -->
<script src="{{ url_for('static', filename='extension_cards.js') }}"></script>
<!-- Module store client: the installed/store view switch, catalog rendering,
     install/uninstall/discard actions, restart banner, extra repositories. The
     official store URL and the trusted keys are compiled in and only displayed
     here — see web/thirdparties/store.py and trusted_keys.py. -->
<script src="{{ url_for('static', filename='module_store.js') }}"></script>
<script>
// "Refresh" button -- POST /api/extensions/rescan (see routes/extensions.py /
// web/thirdparties/__init__.py's rescan_new_modules()) picks up any NEW
// web/thirdparties/<name>/ folder live, no app restart needed. Simplest
// correct way to show the result is a full page reload afterwards rather
// than duplicating this template's card-rendering logic in JS -- this
// button is clicked rarely (only right after dropping in a new module
// folder), so the reload's cost doesn't matter.
// extensions.html doesn't load app.js/integrations.js/etc. (the only
// scripts that define a global showToast()), so calling the bare
// showToast(...) here throws a ReferenceError -- which, since it happened
// inside the try (and, worse, inside the catch's own error-toast call
// too), silently aborted this whole handler before it ever reached the
// btn.disabled=false / reload lines. That's why "Scanne…" used to get
// stuck forever even on a fast, successful 200 response. Guard against
// showToast not existing instead of assuming every page defines it.
function extRescanToast(msg) {
  if (window.showToast) { window.showToast(msg); return; }
  console.log("[Modulmanager]", msg);
}

document.getElementById("extRescanBtn").addEventListener("click", async function () {
  const btn = this;
  btn.disabled = true;
  const originalText = btn.textContent;
  btn.textContent = t("Scanne…", "Scanning…");
  try {
    const resp = await fetch("/api/extensions/rescan", { method: "POST" });
    const data = await resp.json();
    const found = (data.new_modules || []).length;
    extRescanToast(found
      ? t(`${found} neue(s) Modul(e) gefunden und geladen: ${data.new_modules.join(", ")}`,
          `${found} new module(s) found and loaded: ${data.new_modules.join(", ")}`)
      : t("Keine neuen Module gefunden.", "No new modules found."));
    if (found) {
      setTimeout(() => window.location.reload(), 900);
    } else {
      btn.disabled = false;
      btn.textContent = originalText;
    }
  } catch (e) {
    extRescanToast(t("Fehler: ", "Error: ") + e.message);
    btn.disabled = false;
    btn.textContent = originalText;
  }
});
</script>
{% endblock %}