diff --git a/template/nc_connector_admin.tpl b/template/nc_connector_admin.tpl
index 934d95e..b3604c5 100644
--- a/template/nc_connector_admin.tpl
+++ b/template/nc_connector_admin.tpl
@@ -41,164 +41,180 @@
 
     <div class="bratonien-card" style="grid-column:1/-1">
       <h4>Neue Verbindung</h4>
-      <p class="bratonien-base-note"><strong>Assistent · Schritt {$NC_CONNECTOR.wizard.step|escape:html} von 4</strong></p>
+      <p class="bratonien-base-note">Wähle den geführten Assistenten oder öffne die technische Einrichtung bewusst manuell.</p>
+      <div class="bratonien-actions">
+        <button class="buttonLike" type="button" id="bratonien-nc-wizard-open">Mit Assistent anlegen</button>
+        <button class="buttonLike" type="button" id="bratonien-nc-technical-open">Ohne Assistent anlegen</button>
+      </div>
 
-      {if $NC_CONNECTOR.wizard.step == 1}
-        <p class="bratonien-base-note">Wir beginnen nur mit der Adresse der Nextcloud und einem Benutzer, mit dem die Instanz auf den Scan antworten kann.</p>
-        <form method="post">
-          <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
-          <div class="bratonien-form-grid">
-            <label class="bratonien-label" for="nc_wizard_host">Nextcloud-Host</label>
-            <input id="nc_wizard_host" name="nc_wizard_host" type="text" placeholder="cloud.example.de" required>
-            <label class="bratonien-label" for="nc_wizard_user">Nextcloud-Benutzer</label>
-            <input id="nc_wizard_user" name="nc_wizard_user" type="text" autocomplete="username" required>
-            <label class="bratonien-label" for="nc_wizard_password">Passwort</label>
-            <input id="nc_wizard_password" name="nc_wizard_password" type="password" autocomplete="current-password" required>
-          </div>
-          <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_scan">Verbinden und scannen</button></p>
-        </form>
-
-      {elseif $NC_CONNECTOR.wizard.step == 2}
-        <p class="bratonien-base-note"><strong>Nextcloud erkannt.</strong> Alles, was zuverlässig ermittelt werden konnte, wurde bereits übernommen.</p>
-        <div class="bratonien-form-grid">
-          <span class="bratonien-label">Nextcloud</span><strong>{$NC_CONNECTOR.wizard.base_url|escape:html}</strong>
-          <span class="bratonien-label">Produkt</span><strong>{$NC_CONNECTOR.wizard.product|escape:html}</strong>
-          <span class="bratonien-label">Version</span><strong>{if $NC_CONNECTOR.wizard.version}{$NC_CONNECTOR.wizard.version|escape:html}{else}nicht gemeldet{/if}</strong>
-          <span class="bratonien-label">Zugriff als</span><strong>{$NC_CONNECTOR.wizard.username|escape:html}{if $NC_CONNECTOR.wizard.display_name} · {$NC_CONNECTOR.wizard.display_name|escape:html}{/if}</strong>
-          <span class="bratonien-label">Technische Erkennung</span><strong>{$NC_CONNECTOR.wizard.technical_source|escape:html}</strong>
-          <span class="bratonien-label">Piwigo-Ziel</span><strong>{$NC_CONNECTOR.wizard.gallery_root|escape:html}</strong>
-        </div>
-
-        {if !$NC_CONNECTOR.wizard.db_password_set || !$NC_CONNECTOR.wizard.db_user}
-          <hr>
-          <h5>Für den Datenabgleich fehlt noch der Datenbankzugang</h5>
-          <p class="bratonien-base-note">Der Assistent konnte diese Angaben nicht sicher aus Nextcloud ableiten. Deshalb werden nur die fehlenden Werte abgefragt.</p>
-          <form method="post">
-            <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
-            <div class="bratonien-form-grid">
-              <label class="bratonien-label">Verbindungsname</label><input name="nc_wizard_connection_name" type="text" value="{$NC_CONNECTOR.wizard.connection_name|escape:html}" required>
-              <label class="bratonien-label">Datenbank-Host</label><input name="nc_wizard_db_host" type="text" value="{$NC_CONNECTOR.wizard.db_host|escape:html}" required>
-              <label class="bratonien-label">Port</label><input name="nc_wizard_db_port" type="number" min="1" max="65535" value="{$NC_CONNECTOR.wizard.db_port|escape:html}" required>
-              <label class="bratonien-label">Datenbank</label><input name="nc_wizard_db_database" type="text" value="{$NC_CONNECTOR.wizard.db_database|escape:html}" required>
-              <label class="bratonien-label">Reader-Benutzer</label><input name="nc_wizard_db_user" type="text" value="{$NC_CONNECTOR.wizard.db_user|escape:html}" required>
-              <label class="bratonien-label">Reader-Passwort</label><input name="nc_wizard_db_password" type="password" autocomplete="new-password" required>
+      <dialog id="bratonien-nc-wizard-dialog" style="width:min(1100px,calc(100vw - 3rem));max-height:88vh;overflow:auto;background:#444;color:inherit;border:1px solid #777;border-radius:4px;padding:0;box-shadow:0 18px 60px rgba(0,0,0,.55)">
+        <div style="padding:1.25rem 1.5rem">
+          <div style="display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem">
+            <div>
+              <h4 style="margin:0">Neue Verbindung</h4>
+              <p class="bratonien-base-note" style="margin:.35rem 0 0"><strong>Assistent · Schritt {$NC_CONNECTOR.wizard.step|escape:html} von 4</strong></p>
             </div>
-            <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_save_technical">Prüfen und automatisch ergänzen</button></p>
-          </form>
-
-        {elseif !$NC_CONNECTOR.wizard.technical_complete && $NC_CONNECTOR.wizard.storage_candidates|@count > 0}
-          <hr>
-          <h5>Einige Storages konnten nicht automatisch zugeordnet werden</h5>
-          <p class="bratonien-main-cache__warning">Mount-Pfade werden nur hier abgefragt, weil sie nicht sicher erkannt werden konnten. Bereits erkannte Zuordnungen sind gesperrt.</p>
-          <form method="post">
-            <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
-            <div class="bratonien-form-grid">
-              {foreach from=$NC_CONNECTOR.wizard.storage_candidates item=storage key=storage_index}
-                <span class="bratonien-label">Storage {$storage.storage_id|escape:html} · {$storage.source_prefix|escape:html}</span>
-                {if $storage.local_mount}
-                  <strong>{$storage.local_mount|escape:html}</strong>
-                  <input type="hidden" name="nc_wizard_storage_mount[{$storage_index|escape:html}]" value="{$storage.local_mount|escape:html}">
-                {else}
-                  <input name="nc_wizard_storage_mount[{$storage_index|escape:html}]" type="text" placeholder="/mnt/nextcloud/..." required>
-                {/if}
-              {/foreach}
-            </div>
-            <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_save_mounts">Zuordnung prüfen</button></p>
-          </form>
-
-        {elseif $NC_CONNECTOR.wizard.technical_complete}
-          <hr>
-          <h5>Erkannte Verbindung</h5>
-          <div class="bratonien-form-grid">
-            <span class="bratonien-label">Datenbank</span><strong>{$NC_CONNECTOR.wizard.db_host|escape:html}:{$NC_CONNECTOR.wizard.db_port|escape:html} / {$NC_CONNECTOR.wizard.db_database|escape:html}</strong>
-            <span class="bratonien-label">Reader</span><strong>{$NC_CONNECTOR.wizard.db_user|escape:html}</strong>
-            <span class="bratonien-label">Source-View</span><strong>{$NC_CONNECTOR.wizard.source_view|escape:html}</strong>
-            <span class="bratonien-label">Activity-View</span><strong>{$NC_CONNECTOR.wizard.activity_view|escape:html}</strong>
-            <span class="bratonien-label">Storages</span><strong>{$NC_CONNECTOR.wizard.storages|@count}</strong>
+            <button class="buttonLike" type="button" id="bratonien-nc-wizard-close">Schließen</button>
           </div>
 
-          <hr>
-          <h5>Welcher Benutzer stellt die Bilder bereit?</h5>
-          <p class="bratonien-base-note"><strong>Empfehlung:</strong> ein eigener Showcase-Benutzer. So bleibt die Connector-Quelle unabhängig von persönlichen Konten.</p>
-          <form method="post">
-            <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+          {if $NC_CONNECTOR.wizard.step == 1}
+            <p class="bratonien-base-note">Wir beginnen nur mit der Adresse der Nextcloud und einem Benutzer, mit dem die Instanz auf den Scan antworten kann.</p>
+            <form method="post" data-bratonien-wizard-form>
+              <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+              <div class="bratonien-form-grid">
+                <label class="bratonien-label" for="nc_wizard_host">Nextcloud-Host</label>
+                <input id="nc_wizard_host" name="nc_wizard_host" type="text" placeholder="cloud.example.de" required>
+                <label class="bratonien-label" for="nc_wizard_user">Nextcloud-Benutzer</label>
+                <input id="nc_wizard_user" name="nc_wizard_user" type="text" autocomplete="username" required>
+                <label class="bratonien-label" for="nc_wizard_password">Passwort</label>
+                <input id="nc_wizard_password" name="nc_wizard_password" type="password" autocomplete="current-password" required>
+              </div>
+              <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_scan">Verbinden und scannen</button></p>
+            </form>
+
+          {elseif $NC_CONNECTOR.wizard.step == 2}
+            <p class="bratonien-base-note"><strong>Nextcloud erkannt.</strong> Alles, was zuverlässig ermittelt werden konnte, wurde bereits übernommen.</p>
             <div class="bratonien-form-grid">
-              <label class="bratonien-label" for="nc_wizard_connection_name">Verbindungsname</label>
-              <input id="nc_wizard_connection_name" name="nc_wizard_connection_name" type="text" value="{$NC_CONNECTOR.wizard.connection_name|escape:html}" required>
-              <label class="bratonien-label" for="nc_wizard_showcase_user">Showcase-Benutzer</label>
-              {if $NC_CONNECTOR.wizard.can_list_users && $NC_CONNECTOR.wizard.users|@count > 0}
-                <select id="nc_wizard_showcase_user" name="nc_wizard_showcase_user" required>
-                  {foreach from=$NC_CONNECTOR.wizard.users item=nc_user}
-                    <option value="{$nc_user|escape:html}"{if $nc_user == 'showcase'} selected{/if}>{$nc_user|escape:html}{if $nc_user == 'showcase'} · empfohlen{/if}</option>
+              <span class="bratonien-label">Nextcloud</span><strong>{$NC_CONNECTOR.wizard.base_url|escape:html}</strong>
+              <span class="bratonien-label">Produkt</span><strong>{$NC_CONNECTOR.wizard.product|escape:html}</strong>
+              <span class="bratonien-label">Version</span><strong>{if $NC_CONNECTOR.wizard.version}{$NC_CONNECTOR.wizard.version|escape:html}{else}nicht gemeldet{/if}</strong>
+              <span class="bratonien-label">Zugriff als</span><strong>{$NC_CONNECTOR.wizard.username|escape:html}{if $NC_CONNECTOR.wizard.display_name} · {$NC_CONNECTOR.wizard.display_name|escape:html}{/if}</strong>
+              <span class="bratonien-label">Technische Erkennung</span><strong>{$NC_CONNECTOR.wizard.technical_source|escape:html}</strong>
+              <span class="bratonien-label">Piwigo-Ziel</span><strong>{$NC_CONNECTOR.wizard.gallery_root|escape:html}</strong>
+            </div>
+
+            {if !$NC_CONNECTOR.wizard.db_password_set || !$NC_CONNECTOR.wizard.db_user}
+              <hr>
+              <h5>Für den Datenabgleich fehlt noch der Datenbankzugang</h5>
+              <p class="bratonien-base-note">Der Assistent konnte diese Angaben nicht sicher aus Nextcloud ableiten. Deshalb werden nur die fehlenden Werte abgefragt.</p>
+              <form method="post" data-bratonien-wizard-form>
+                <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+                <div class="bratonien-form-grid">
+                  <label class="bratonien-label">Verbindungsname</label><input name="nc_wizard_connection_name" type="text" value="{$NC_CONNECTOR.wizard.connection_name|escape:html}" required>
+                  <label class="bratonien-label">Datenbank-Host</label><input name="nc_wizard_db_host" type="text" value="{$NC_CONNECTOR.wizard.db_host|escape:html}" required>
+                  <label class="bratonien-label">Port</label><input name="nc_wizard_db_port" type="number" min="1" max="65535" value="{$NC_CONNECTOR.wizard.db_port|escape:html}" required>
+                  <label class="bratonien-label">Datenbank</label><input name="nc_wizard_db_database" type="text" value="{$NC_CONNECTOR.wizard.db_database|escape:html}" required>
+                  <label class="bratonien-label">Reader-Benutzer</label><input name="nc_wizard_db_user" type="text" value="{$NC_CONNECTOR.wizard.db_user|escape:html}" required>
+                  <label class="bratonien-label">Reader-Passwort</label><input name="nc_wizard_db_password" type="password" autocomplete="new-password" required>
+                </div>
+                <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_save_technical">Prüfen und automatisch ergänzen</button></p>
+              </form>
+
+            {elseif !$NC_CONNECTOR.wizard.technical_complete && $NC_CONNECTOR.wizard.storage_candidates|@count > 0}
+              <hr>
+              <h5>Einige Storages konnten nicht automatisch zugeordnet werden</h5>
+              <p class="bratonien-main-cache__warning">Mount-Pfade werden nur hier abgefragt, weil sie nicht sicher erkannt werden konnten. Bereits erkannte Zuordnungen sind gesperrt.</p>
+              <form method="post" data-bratonien-wizard-form>
+                <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+                <div class="bratonien-form-grid">
+                  {foreach from=$NC_CONNECTOR.wizard.storage_candidates item=storage key=storage_index}
+                    <span class="bratonien-label">Storage {$storage.storage_id|escape:html} · {$storage.source_prefix|escape:html}</span>
+                    {if $storage.local_mount}
+                      <strong>{$storage.local_mount|escape:html}</strong>
+                      <input type="hidden" name="nc_wizard_storage_mount[{$storage_index|escape:html}]" value="{$storage.local_mount|escape:html}">
+                    {else}
+                      <input name="nc_wizard_storage_mount[{$storage_index|escape:html}]" type="text" placeholder="/mnt/nextcloud/..." required>
+                    {/if}
                   {/foreach}
-                </select>
-              {else}
-                <input id="nc_wizard_showcase_user" name="nc_wizard_showcase_user" type="text" value="showcase" required>
-              {/if}
+                </div>
+                <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_save_mounts">Zuordnung prüfen</button></p>
+              </form>
+
+            {elseif $NC_CONNECTOR.wizard.technical_complete}
+              <hr>
+              <h5>Erkannte Verbindung</h5>
+              <div class="bratonien-form-grid">
+                <span class="bratonien-label">Datenbank</span><strong>{$NC_CONNECTOR.wizard.db_host|escape:html}:{$NC_CONNECTOR.wizard.db_port|escape:html} / {$NC_CONNECTOR.wizard.db_database|escape:html}</strong>
+                <span class="bratonien-label">Reader</span><strong>{$NC_CONNECTOR.wizard.db_user|escape:html}</strong>
+                <span class="bratonien-label">Source-View</span><strong>{$NC_CONNECTOR.wizard.source_view|escape:html}</strong>
+                <span class="bratonien-label">Activity-View</span><strong>{$NC_CONNECTOR.wizard.activity_view|escape:html}</strong>
+                <span class="bratonien-label">Storages</span><strong>{$NC_CONNECTOR.wizard.storages|@count}</strong>
+              </div>
+
+              <hr>
+              <h5>Welcher Benutzer stellt die Bilder bereit?</h5>
+              <p class="bratonien-base-note"><strong>Empfehlung:</strong> ein eigener Showcase-Benutzer. So bleibt die Connector-Quelle unabhängig von persönlichen Konten.</p>
+              <form method="post" data-bratonien-wizard-form>
+                <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+                <div class="bratonien-form-grid">
+                  <label class="bratonien-label" for="nc_wizard_connection_name">Verbindungsname</label>
+                  <input id="nc_wizard_connection_name" name="nc_wizard_connection_name" type="text" value="{$NC_CONNECTOR.wizard.connection_name|escape:html}" required>
+                  <label class="bratonien-label" for="nc_wizard_showcase_user">Showcase-Benutzer</label>
+                  {if $NC_CONNECTOR.wizard.can_list_users && $NC_CONNECTOR.wizard.users|@count > 0}
+                    <select id="nc_wizard_showcase_user" name="nc_wizard_showcase_user" required>
+                      {foreach from=$NC_CONNECTOR.wizard.users item=nc_user}
+                        <option value="{$nc_user|escape:html}"{if $nc_user == 'showcase'} selected{/if}>{$nc_user|escape:html}{if $nc_user == 'showcase'} · empfohlen{/if}</option>
+                      {/foreach}
+                    </select>
+                  {else}
+                    <input id="nc_wizard_showcase_user" name="nc_wizard_showcase_user" type="text" value="showcase" required>
+                  {/if}
+                </div>
+                <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_select_user">Weiter zur Piwigo-API</button></p>
+              </form>
+            {/if}
+
+            <form method="post" style="margin-top:1rem" data-bratonien-wizard-form>
+              <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+              <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_reset" data-bratonien-wizard-end>Neu beginnen</button>
+            </form>
+
+          {elseif $NC_CONNECTOR.wizard.step == 3}
+            <p class="bratonien-base-note"><strong>Nextcloud verbunden.</strong> Showcase-Benutzer: <strong>{$NC_CONNECTOR.wizard.showcase_user|escape:html}</strong></p>
+            <h5>Piwigo-API</h5>
+            <p class="bratonien-base-note">Die API ist der bevorzugte Weg. Du kannst neue Zugangsdaten eingeben, einen bereits gespeicherten API-Zugang testen oder diesen Schritt überspringen.</p>
+            {if $NC_CONNECTOR.wizard.api_error}
+              <p class="bratonien-main-cache__warning"><strong>Letzter API-Test:</strong> {$NC_CONNECTOR.wizard.api_error|escape:html}</p>
+            {/if}
+            <form method="post" data-bratonien-wizard-form>
+              <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+              <div class="bratonien-form-grid">
+                <label class="bratonien-label" for="nc_wizard_api_key_id">API-Schlüssel-ID</label>
+                <input id="nc_wizard_api_key_id" name="nc_wizard_api_key_id" type="text" autocomplete="off" placeholder="leer = gespeicherten Zugang verwenden">
+                <label class="bratonien-label" for="nc_wizard_api_key_secret">API-Geheimnis</label>
+                <input id="nc_wizard_api_key_secret" name="nc_wizard_api_key_secret" type="password" autocomplete="off" placeholder="leer = gespeicherten Zugang verwenden">
+              </div>
+              <div class="bratonien-actions">
+                <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_api_test">API testen</button>
+                <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_api_skip" formnovalidate>API überspringen</button>
+              </div>
+            </form>
+
+          {elseif $NC_CONNECTOR.wizard.step == 4}
+            <p class="bratonien-base-note"><strong>Abschluss.</strong> Nextcloud und technische Verbindung sind vorbereitet.</p>
+            <div class="bratonien-form-grid">
+              <span class="bratonien-label">Verbindung</span><strong>{$NC_CONNECTOR.wizard.connection_name|escape:html}</strong>
+              <span class="bratonien-label">Nextcloud</span><strong>{$NC_CONNECTOR.wizard.base_url|escape:html}</strong>
+              <span class="bratonien-label">Showcase-Benutzer</span><strong>{$NC_CONNECTOR.wizard.showcase_user|escape:html}</strong>
+              <span class="bratonien-label">Piwigo-API</span><strong>{if $NC_CONNECTOR.wizard.api_status == 'ok'}Erfolgreich getestet{if $NC_CONNECTOR.wizard.api_username} · {$NC_CONNECTOR.wizard.api_username|escape:html}{/if}{else}Übersprungen{/if}</strong>
             </div>
-            <p><button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_select_user">Weiter zur Piwigo-API</button></p>
-          </form>
-        {/if}
 
-        <form method="post" style="margin-top:1rem">
-          <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
-          <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_reset">Neu beginnen</button>
-        </form>
-
-      {elseif $NC_CONNECTOR.wizard.step == 3}
-        <p class="bratonien-base-note"><strong>Nextcloud verbunden.</strong> Showcase-Benutzer: <strong>{$NC_CONNECTOR.wizard.showcase_user|escape:html}</strong></p>
-        <h5>Piwigo-API</h5>
-        <p class="bratonien-base-note">Die API ist der bevorzugte Weg. Du kannst neue Zugangsdaten eingeben, einen bereits gespeicherten API-Zugang testen oder diesen Schritt überspringen.</p>
-        {if $NC_CONNECTOR.wizard.api_error}
-          <p class="bratonien-main-cache__warning"><strong>Letzter API-Test:</strong> {$NC_CONNECTOR.wizard.api_error|escape:html}</p>
-        {/if}
-        <form method="post">
-          <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
-          <div class="bratonien-form-grid">
-            <label class="bratonien-label" for="nc_wizard_api_key_id">API-Schlüssel-ID</label>
-            <input id="nc_wizard_api_key_id" name="nc_wizard_api_key_id" type="text" autocomplete="off" placeholder="leer = gespeicherten Zugang verwenden">
-            <label class="bratonien-label" for="nc_wizard_api_key_secret">API-Geheimnis</label>
-            <input id="nc_wizard_api_key_secret" name="nc_wizard_api_key_secret" type="password" autocomplete="off" placeholder="leer = gespeicherten Zugang verwenden">
-          </div>
-          <div class="bratonien-actions">
-            <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_api_test">API testen</button>
-            <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_api_skip" formnovalidate>API überspringen</button>
-          </div>
-        </form>
-
-      {elseif $NC_CONNECTOR.wizard.step == 4}
-        <p class="bratonien-base-note"><strong>Abschluss.</strong> Nextcloud und technische Verbindung sind vorbereitet.</p>
-        <div class="bratonien-form-grid">
-          <span class="bratonien-label">Verbindung</span><strong>{$NC_CONNECTOR.wizard.connection_name|escape:html}</strong>
-          <span class="bratonien-label">Nextcloud</span><strong>{$NC_CONNECTOR.wizard.base_url|escape:html}</strong>
-          <span class="bratonien-label">Showcase-Benutzer</span><strong>{$NC_CONNECTOR.wizard.showcase_user|escape:html}</strong>
-          <span class="bratonien-label">Piwigo-API</span><strong>{if $NC_CONNECTOR.wizard.api_status == 'ok'}Erfolgreich getestet{if $NC_CONNECTOR.wizard.api_username} · {$NC_CONNECTOR.wizard.api_username|escape:html}{/if}{else}Übersprungen{/if}</strong>
+            <hr>
+            <h5>Fallback</h5>
+            {if $NC_CONNECTOR.wizard.api_status == 'ok'}
+              <p class="bratonien-base-note">Optional. Der Fallback wird nur benötigt, wenn die API später nicht nutzbar ist.</p>
+            {else}
+              <p class="bratonien-main-cache__warning">Die API wurde übersprungen. Deshalb ist ein Fallback-Zugang erforderlich.</p>
+            {/if}
+            <form method="post" data-bratonien-wizard-form>
+              <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
+              <div class="bratonien-form-grid">
+                <label class="bratonien-label" for="nc_wizard_fallback_user">Piwigo-Benutzer</label>
+                <input id="nc_wizard_fallback_user" name="nc_wizard_fallback_user" type="text" autocomplete="username"{if $NC_CONNECTOR.wizard.api_status != 'ok'} required{/if}>
+                <label class="bratonien-label" for="nc_wizard_fallback_password">Piwigo-Passwort</label>
+                <input id="nc_wizard_fallback_password" name="nc_wizard_fallback_password" type="password" autocomplete="current-password"{if $NC_CONNECTOR.wizard.api_status != 'ok'} required{/if}>
+              </div>
+              <div class="bratonien-actions">
+                <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_finish" data-bratonien-wizard-end>Verbindung anlegen</button>
+                <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_reset" formnovalidate data-bratonien-wizard-end>Abbrechen</button>
+              </div>
+            </form>
+          {/if}
         </div>
+      </dialog>
 
-        <hr>
-        <h5>Fallback</h5>
-        {if $NC_CONNECTOR.wizard.api_status == 'ok'}
-          <p class="bratonien-base-note">Optional. Der Fallback wird nur benötigt, wenn die API später nicht nutzbar ist.</p>
-        {else}
-          <p class="bratonien-main-cache__warning">Die API wurde übersprungen. Deshalb ist ein Fallback-Zugang erforderlich.</p>
-        {/if}
-        <form method="post">
-          <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
-          <div class="bratonien-form-grid">
-            <label class="bratonien-label" for="nc_wizard_fallback_user">Piwigo-Benutzer</label>
-            <input id="nc_wizard_fallback_user" name="nc_wizard_fallback_user" type="text" autocomplete="username"{if $NC_CONNECTOR.wizard.api_status != 'ok'} required{/if}>
-            <label class="bratonien-label" for="nc_wizard_fallback_password">Piwigo-Passwort</label>
-            <input id="nc_wizard_fallback_password" name="nc_wizard_fallback_password" type="password" autocomplete="current-password"{if $NC_CONNECTOR.wizard.api_status != 'ok'} required{/if}>
-          </div>
-          <div class="bratonien-actions">
-            <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_finish">Verbindung anlegen</button>
-            <button class="buttonLike" type="submit" name="bratonien_tool" value="nc_connector_wizard_reset" formnovalidate>Abbrechen</button>
-          </div>
-        </form>
-      {/if}
-
-      <details style="margin-top:1.5rem">
-        <summary><strong>Ohne Assistent anlegen</strong></summary>
+      <details id="bratonien-nc-technical-create" style="margin-top:1.5rem">
+        <summary style="display:none">Ohne Assistent anlegen</summary>
         <p class="bratonien-main-cache__warning">Technische Einrichtung. Falsche Storage- oder Galeriepfade können die Synchronisierung auf den falschen Datenbestand richten.</p>
         <form method="post">
           <input type="hidden" name="pwg_token" value="{$PWG_TOKEN|escape:html}">
@@ -352,4 +368,61 @@
       {else}<p class="bratonien-base-note">Noch keine Connector-Verbindung vorhanden.</p>{/if}
     </div>
   </div>
+
+  <script>
+  (function () {
+    var dialog = document.getElementById('bratonien-nc-wizard-dialog');
+    var openButton = document.getElementById('bratonien-nc-wizard-open');
+    var closeButton = document.getElementById('bratonien-nc-wizard-close');
+    var technicalButton = document.getElementById('bratonien-nc-technical-open');
+    var technical = document.getElementById('bratonien-nc-technical-create');
+    var storageKey = 'bratonienNcWizardOpen';
+
+    if (openButton && dialog) {
+      openButton.addEventListener('click', function () {
+        sessionStorage.setItem(storageKey, '1');
+        if (typeof dialog.showModal === 'function') dialog.showModal();
+        else dialog.setAttribute('open', 'open');
+      });
+    }
+
+    if (closeButton && dialog) {
+      closeButton.addEventListener('click', function () {
+        sessionStorage.removeItem(storageKey);
+        if (typeof dialog.close === 'function') dialog.close();
+        else dialog.removeAttribute('open');
+      });
+    }
+
+    if (dialog) {
+      dialog.addEventListener('cancel', function () {
+        sessionStorage.removeItem(storageKey);
+      });
+      dialog.addEventListener('click', function (event) {
+        if (event.target === dialog) {
+          sessionStorage.removeItem(storageKey);
+          if (typeof dialog.close === 'function') dialog.close();
+        }
+      });
+      dialog.querySelectorAll('form[data-bratonien-wizard-form]').forEach(function (form) {
+        form.addEventListener('submit', function (event) {
+          var submitter = event.submitter;
+          if (submitter && submitter.hasAttribute('data-bratonien-wizard-end')) sessionStorage.removeItem(storageKey);
+          else sessionStorage.setItem(storageKey, '1');
+        });
+      });
+      if (sessionStorage.getItem(storageKey) === '1') {
+        if (typeof dialog.showModal === 'function' && !dialog.open) dialog.showModal();
+        else dialog.setAttribute('open', 'open');
+      }
+    }
+
+    if (technicalButton && technical) {
+      technicalButton.addEventListener('click', function () {
+        technical.open = !technical.open;
+        if (technical.open) technical.scrollIntoView({behavior:'smooth', block:'start'});
+      });
+    }
+  }());
+  </script>
 </section>
\ No newline at end of file