-
-
-
-
-
+
@@ -36,65 +69,155 @@
+
-
-
+
+
+
+ 
+
+
+
+ Workspace Control
+ Git Manager Explorer Pro
+
+
+
+
+
+
+
+
+ Steuerung
+
+
+
+
+
+
+
+
+
+ Bereit
+
+
-
-
-
-
-
+
+
+
-
- Bereit
+ Quelle
+
+
+
+
+
+ Repository
+
+
+
+
+
+
+
+
-
-
⚙️ Einstellungen
- -
-
-
+
+
+
+
-
- Projektinformationen
+Ersteller:M_Viper
+ Webseite:https://m-viper.de
+ Discord:discord.com/invite/FdRs4BRd8D
+ E-Mail:admin@m-viper.de
+ Version:-
+ Copyright:-
+ Projekt:Git Manager Explorer Pro
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-
+
Konfiguration
+ ⚙️ Einstellungen
+Alle wichtigen Optionen auf einer Seite: Zugangsdaten, Verbindungscheck, Darstellung und Updates.
-
-
+
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ Zugangsdaten
+API-Zugriffe für GitHub und Gitea konfigurieren.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Hinweis: IPv6 mit Klammern eingeben, z.B. http://[2001:db8::1]:3000
+
+
+
+
+
+
+ Darstellung
+Übersicht und Explorer an deinen Arbeitsstil anpassen.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Verbindungsstatus
+Direkt sehen, ob URL, API und Auth sauber antworten.
+
+
+ URLUnbekannt
+ APIUnbekannt
+ AuthUnbekannt
+ Latenz-
+ Server-
+ Letzter Fehler-
+
+
+
+
+
+ App & Updates
+Version prüfen und neue Releases direkt anstoßen.
+
+
+
+
+
+
+
+
-
+
+
@@ -147,6 +270,79 @@
+
+
+
+
+
+ 🧩 Batch-Aktionen
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 📝 Aktivitätsprotokoll
+ +
+
+
+
+
+
+ Retry-Queue: 0
+
+
+
+
+
+
@@ -197,7 +393,7 @@
diff --git a/renderer/renderer.js b/renderer/renderer.js
index 7dfb6c6..a5afaf2 100644
--- a/renderer/renderer.js
+++ b/renderer/renderer.js
@@ -63,6 +63,31 @@ function formatRelDate(iso) {
return new Date(iso).toLocaleDateString('de-DE');
}
+function setPlatformSelection(platform) {
+ const platformInput = $('platform');
+ if (platformInput) {
+ platformInput.value = platform;
+ }
+
+ document.querySelectorAll('.platform-option').forEach(button => {
+ const isActive = button.dataset.platform === platform;
+ button.classList.toggle('active', isActive);
+ button.setAttribute('aria-pressed', isActive ? 'true' : 'false');
+ });
+}
+
+function initializePlatformSelection() {
+ const platformInput = $('platform');
+ const initialPlatform = platformInput?.value || 'gitea';
+ setPlatformSelection(initialPlatform);
+
+ document.querySelectorAll('.platform-option').forEach(button => {
+ button.addEventListener('click', () => {
+ setPlatformSelection(button.dataset.platform || 'gitea');
+ });
+ });
+}
+
/* Rendert Favoriten + Zuletzt-geöffnet-Bereich in ein beliebiges Container-Element */
// Collapse-Zustand (wird in Credentials persistiert)
const favSectionCollapsed = { favorites: false, recent: false };
@@ -299,6 +324,85 @@ let currentState = {
path: ''
};
+const MAX_ACTIVITY_ITEMS = 300;
+let activityEntries = [];
+let retryQueueCount = 0;
+
+function logActivity(level, message) {
+ const entry = {
+ id: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+ level: level || 'info',
+ message: String(message || ''),
+ ts: new Date().toISOString()
+ };
+ activityEntries.unshift(entry);
+ if (activityEntries.length > MAX_ACTIVITY_ITEMS) {
+ activityEntries = activityEntries.slice(0, MAX_ACTIVITY_ITEMS);
+ }
+ renderActivityLog();
+}
+
+function formatActivityTimestamp(iso) {
+ try {
+ return new Date(iso).toLocaleTimeString('de-DE', { hour12: false });
+ } catch (_) {
+ return '--:--:--';
+ }
+}
+
+function renderActivityLog() {
+ const list = $('activityLogList');
+ if (!list) return;
+
+ const filter = ($('activityFilterLevel') && $('activityFilterLevel').value) || 'all';
+ const visible = activityEntries.filter(e => filter === 'all' || e.level === filter);
+
+ if (visible.length === 0) {
+ list.innerHTML = '
🚀
-
Update verfügbar!
+Update verfügbar!
Noch keine Einträge.
';
+ return;
+ }
+
+ list.innerHTML = visible.map(e => {
+ const lvl = (e.level || 'info').toUpperCase();
+ return `
+
+ ${formatActivityTimestamp(e.ts)}
+ ${lvl}
+ ${escapeHtml(e.message)}
+
+ `;
+ }).join('');
+}
+
+function updateRetryQueueBadge(count) {
+ retryQueueCount = Math.max(0, Number(count || 0));
+ const btn = $('btnRetryQueueNow');
+ if (btn) btn.textContent = `🔁 Queue (${retryQueueCount})`;
+ const info = $('activityQueueInfo');
+ if (info) info.textContent = `Retry-Queue: ${retryQueueCount}`;
+}
+
+function parseBatchRepoInput(raw) {
+ return String(raw || '')
+ .split(/\r?\n/)
+ .map(line => line.trim())
+ .filter(Boolean)
+ .filter(line => line.includes('/'));
+}
+
+function updateBatchActionFields() {
+ const action = $('batchActionType')?.value || 'refresh';
+ const cloneGroup = $('batchCloneGroup');
+ const tagGroup = $('batchTagGroup');
+ const releaseNameGroup = $('batchReleaseNameGroup');
+ const releaseBodyGroup = $('batchReleaseBodyGroup');
+
+ if (cloneGroup) cloneGroup.classList.toggle('hidden', action !== 'clone');
+ if (tagGroup) tagGroup.classList.toggle('hidden', !(action === 'create-tag' || action === 'create-release'));
+ if (releaseNameGroup) releaseNameGroup.classList.toggle('hidden', action !== 'create-release');
+ if (releaseBodyGroup) releaseBodyGroup.classList.toggle('hidden', !(action === 'create-tag' || action === 'create-release'));
+}
+
// Clipboard für Cut & Paste
let clipboard = {
item: null, // { path, name, type, owner, repo, isGitea, isLocal, nodePath }
@@ -315,6 +419,131 @@ let lastSelectedItem = null; // { type:'gitea', item, owner, repo } | { type:'l
// Feature-Flag für farbige Icons
let featureColoredIcons = true;
+let settingsHealth = {
+ url: 'Unbekannt',
+ api: 'Unbekannt',
+ auth: 'Unbekannt',
+ latency: '-',
+ version: '-',
+ lastError: '-'
+};
+
+function setHealthField(id, value) {
+ const el = $(id);
+ if (!el) return;
+ el.textContent = value;
+ el.classList.remove('health-ok', 'health-warn', 'health-error');
+ const v = (value || '').toLowerCase();
+ if (v === 'ok' || v === 'erreichbar' || v === 'gueltig' || v === 'gültig') {
+ el.classList.add('health-ok');
+ } else if (v === 'fehler' || v === 'ungueltig' || v === 'ungültig') {
+ el.classList.add('health-error');
+ } else if (v === 'unbekannt' || v === 'kein token' || v === 'token vorhanden' || v === 'nicht konfiguriert') {
+ el.classList.add('health-warn');
+ }
+}
+
+function renderSettingsHealth() {
+ setHealthField('healthUrl', settingsHealth.url);
+ setHealthField('healthApi', settingsHealth.api);
+ setHealthField('healthAuth', settingsHealth.auth);
+ setHealthField('healthLatency', settingsHealth.latency);
+ setHealthField('healthVersion', settingsHealth.version);
+ setHealthField('healthLastError', settingsHealth.lastError);
+}
+
+function syncSettingsPanelHeights() {
+ const credentialsPanel = document.querySelector('#settingsModal .settings-panel--credentials');
+ const healthPanel = document.querySelector('#settingsModal .settings-panel--health');
+ if (!credentialsPanel || !healthPanel) return;
+
+ healthPanel.style.minHeight = '';
+
+ // In der einspaltigen Ansicht sollen die Karten natuerlich fliessen.
+ if (window.matchMedia('(max-width: 1120px)').matches) return;
+
+ const targetHeight = Math.ceil(credentialsPanel.getBoundingClientRect().height);
+ if (targetHeight > 0) {
+ healthPanel.style.minHeight = `${targetHeight}px`;
+ }
+}
+
+function updateSettingsHealth(patch) {
+ settingsHealth = { ...settingsHealth, ...patch };
+ renderSettingsHealth();
+ syncSettingsPanelHeights();
+}
+
+function normalizeAndValidateGiteaUrl(rawUrl) {
+ const value = (rawUrl || '').trim();
+ if (!value) return { ok: true, value: '' };
+
+ let parsed;
+ try {
+ parsed = new URL(value);
+ } catch (_) {
+ return {
+ ok: false,
+ error: 'Ungültige URL. Beispiel für IPv6: http://[2001:db8::1]:3000'
+ };
+ }
+
+ if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') {
+ return {
+ ok: false,
+ error: 'URL muss mit http:// oder https:// beginnen.'
+ };
+ }
+
+ return { ok: true, value: value.replace(/\/$/, '') };
+}
+
+function renderGiteaUrlHint(rawValue) {
+ const hint = $('giteaUrlHint');
+ if (!hint) return;
+
+ const result = normalizeAndValidateGiteaUrl(rawValue);
+ if (!rawValue || !rawValue.trim()) {
+ hint.className = 'settings-inline-hint';
+ hint.textContent = 'Hinweis: IPv6 mit Klammern eingeben, z.B. http://[2001:db8::1]:3000';
+ return;
+ }
+
+ if (!result.ok) {
+ hint.className = 'settings-inline-hint error';
+ hint.textContent = result.error;
+ return;
+ }
+
+ hint.className = 'settings-inline-hint success';
+ hint.textContent = `Gültige URL: ${result.value}`;
+}
+
+function mapErrorMessage(message) {
+ const raw = String(message || '').toLowerCase();
+ if (!raw) return 'Unbekannter Fehler';
+
+ if (raw.includes('401') || raw.includes('unauthorized') || raw.includes('authentifizierung')) {
+ return 'Authentifizierung fehlgeschlagen. Bitte Token prüfen.';
+ }
+ if (raw.includes('403') || raw.includes('forbidden') || raw.includes('zugriff verweigert')) {
+ return 'Zugriff verweigert. Bitte Token-Berechtigungen prüfen.';
+ }
+ if (raw.includes('404') || raw.includes('not found') || raw.includes('nicht gefunden')) {
+ return 'Server oder Ressource nicht gefunden. URL/Repo prüfen.';
+ }
+ if (raw.includes('econnrefused') || raw.includes('enotfound') || raw.includes('eai_again') || raw.includes('getaddrinfo')) {
+ return 'Server nicht erreichbar. DNS, IPv4/IPv6 und Port prüfen.';
+ }
+ if (raw.includes('timeout') || raw.includes('econnaborted') || raw.includes('zeitueberschreitung') || raw.includes('zeitüberschreitung')) {
+ return 'Zeitüberschreitung bei der Verbindung. Bitte erneut versuchen.';
+ }
+ if (raw.includes('ungueltige') || raw.includes('ungültige') || raw.includes('invalid') || raw.includes('url')) {
+ return 'Ungültige URL. Beispiel für IPv6: http://[2001:db8::1]:3000';
+ }
+ return String(message);
+}
+
function setStatus(txt) {
const s = $('status');
if (s) s.innerText = txt || '';
@@ -404,9 +633,15 @@ function showToast(message, type = 'info', duration = 4000) {
}
// Kurzformen
-function showError(msg) { setStatus(msg); showToast(msg, 'error'); }
-function showSuccess(msg) { setStatus(msg); showToast(msg, 'success', 3000); }
-function showWarning(msg) { setStatus(msg); showToast(msg, 'warning'); }
+function showError(msg) {
+ const friendly = mapErrorMessage(msg);
+ updateSettingsHealth({ lastError: friendly });
+ setStatus(friendly);
+ showToast(friendly, 'error');
+ logActivity('error', friendly);
+}
+function showSuccess(msg) { setStatus(msg); showToast(msg, 'success', 3000); logActivity('info', msg); }
+function showWarning(msg) { setStatus(msg); showToast(msg, 'warning'); logActivity('warning', msg); }
// Löschen-Bestätigung als Toast (ersetzt confirm())
function showDeleteConfirm(message, onConfirm) {
@@ -1230,7 +1465,7 @@ async function saveCurrentFile(isAutoSave = false) {
});
}
- if (response.ok) {
+ if (response.ok && !response.queued) {
tab.originalContent = content;
tab.dirty = false;
// Push current state to history
@@ -1243,6 +1478,13 @@ async function saveCurrentFile(isAutoSave = false) {
setStatus(`✓ Gespeichert: ${tab.name}`);
}
console.log('✅ File saved');
+ } else if (response.ok && response.queued) {
+ tab.originalContent = content;
+ tab.dirty = false;
+ pushToHistory(content);
+ renderTabs();
+ showWarning(response.message || 'Änderung in Retry-Queue gelegt und wird später hochgeladen.');
+ updateRetryQueueBadge(retryQueueCount + 1);
} else {
alert(`Fehler: ${response.error}`);
}
@@ -1363,13 +1605,17 @@ async function loadGiteaRepos() {
}
setStatus('Loading Gitea repos...');
+ updateSettingsHealth({ lastError: '-' });
try {
const res = await window.electronAPI.listGiteaRepos();
if (!res.ok) {
showError('Failed to load repos: ' + (res.error || 'Unknown error'));
+ updateSettingsHealth({ api: 'Fehler', auth: 'Fehler' });
return;
}
+
+ updateSettingsHealth({ api: 'Erreichbar', auth: 'OK', lastError: '-' });
const grid = $('explorerGrid');
if (!grid) return;
@@ -1586,6 +1832,7 @@ async function loadGiteaRepos() {
} catch (error) {
console.error('Error loading repos:', error);
showError('Error loading repositories');
+ updateSettingsHealth({ api: 'Fehler', auth: 'Unbekannt' });
}
}
@@ -2802,8 +3049,11 @@ function setupGlobalDropZone() {
INITIALISIERUNG
------------------------- */
window.addEventListener('DOMContentLoaded', async () => {
+ initializePlatformSelection();
+
// Favoriten & Verlauf vorladen
await loadFavoritesAndRecent();
+ renderSettingsHealth();
// Prevent default drag/drop on document (except in repo view)
document.addEventListener('dragover', e => {
if (currentState.view !== 'gitea-repo') {
@@ -2825,6 +3075,16 @@ window.addEventListener('DOMContentLoaded', async () => {
if ($('githubToken')) $('githubToken').value = creds.githubToken || '';
if ($('giteaToken')) $('giteaToken').value = creds.giteaToken || '';
if ($('giteaURL')) $('giteaURL').value = creds.giteaURL || '';
+ renderGiteaUrlHint(creds.giteaURL || '');
+
+ const checkedUrl = normalizeAndValidateGiteaUrl(creds.giteaURL || '');
+ updateSettingsHealth({
+ url: checkedUrl.ok && checkedUrl.value ? 'Gültig' : (checkedUrl.ok ? 'Leer' : 'Ungültig'),
+ api: creds.giteaURL ? 'Unbekannt' : 'Nicht konfiguriert',
+ auth: creds.giteaToken ? 'Token vorhanden' : 'Kein Token',
+ latency: '-',
+ version: '-'
+ });
// Feature-Flags aus gespeicherten Einstellungen
if (typeof creds.featureFavorites === 'boolean') featureFavorites = creds.featureFavorites;
@@ -2863,6 +3123,15 @@ window.addEventListener('DOMContentLoaded', async () => {
} else {
console.log('ℹ️ Keine Credentials gespeichert');
setStatus('Bereit - bitte Settings konfigurieren');
+ renderGiteaUrlHint('');
+ updateSettingsHealth({
+ url: 'Nicht konfiguriert',
+ api: 'Nicht konfiguriert',
+ auth: 'Kein Token',
+ latency: '-',
+ version: '-',
+ lastError: '-'
+ });
}
} catch (error) {
console.error('Error loading credentials:', error);
@@ -2906,11 +3175,249 @@ window.addEventListener('DOMContentLoaded', async () => {
if ($('btnSettings')) {
$('btnSettings').onclick = () => {
$('settingsModal').classList.remove('hidden');
+ $('settingsWatermarkCard')?.classList.add('hidden');
+ renderSettingsHealth();
+ requestAnimationFrame(syncSettingsPanelHeights);
+ };
+ }
+
+ if ($('btnSettingsWatermark') && $('settingsWatermarkCard')) {
+ $('btnSettingsWatermark').onclick = (e) => {
+ e.stopPropagation();
+ $('settingsWatermarkCard').classList.toggle('hidden');
+ };
+
+ $('settingsWatermarkCard').addEventListener('click', (e) => {
+ e.stopPropagation();
+ });
+
+ document.addEventListener('click', (e) => {
+ if ($('settingsModal')?.classList.contains('hidden')) return;
+ if ($('settingsWatermarkCard')?.classList.contains('hidden')) return;
+ const target = e.target;
+ if ($('btnSettingsWatermark')?.contains(target)) return;
+ if ($('settingsWatermarkCard')?.contains(target)) return;
+ $('settingsWatermarkCard')?.classList.add('hidden');
+ });
+ }
+
+ window.addEventListener('resize', syncSettingsPanelHeights);
+
+ if ($('btnBatchActions')) {
+ $('btnBatchActions').onclick = () => {
+ $('batchActionModal')?.classList.remove('hidden');
+ updateBatchActionFields();
+ };
+ }
+
+ if ($('btnOpenActivityLog')) {
+ $('btnOpenActivityLog').onclick = () => {
+ $('activityLogModal')?.classList.remove('hidden');
+ renderActivityLog();
+ };
+ }
+
+ if ($('btnCloseActivityLog')) {
+ $('btnCloseActivityLog').onclick = () => $('activityLogModal')?.classList.add('hidden');
+ }
+
+ if ($('activityFilterLevel')) {
+ $('activityFilterLevel').addEventListener('change', renderActivityLog);
+ }
+
+ if ($('btnClearActivityLog')) {
+ $('btnClearActivityLog').onclick = () => {
+ activityEntries = [];
+ renderActivityLog();
+ };
+ }
+
+ if ($('btnCloseBatchAction')) {
+ $('btnCloseBatchAction').onclick = () => $('batchActionModal')?.classList.add('hidden');
+ }
+
+ if ($('batchActionType')) {
+ $('batchActionType').addEventListener('change', updateBatchActionFields);
+ updateBatchActionFields();
+ }
+
+ if ($('btnSelectBatchCloneTarget')) {
+ $('btnSelectBatchCloneTarget').onclick = async () => {
+ const folder = await window.electronAPI.selectFolder();
+ if (folder && $('batchCloneTarget')) {
+ $('batchCloneTarget').value = folder;
+ }
+ };
+ }
+
+ if ($('btnRunBatchAction')) {
+ $('btnRunBatchAction').onclick = async () => {
+ const action = $('batchActionType')?.value || 'refresh';
+ const repos = parseBatchRepoInput($('batchRepoList')?.value || '');
+ if (repos.length === 0) {
+ showWarning('Bitte mindestens ein Repository im Format owner/repo eintragen.');
+ return;
+ }
+
+ const options = {
+ cloneTargetDir: $('batchCloneTarget')?.value || '',
+ tag: $('batchTagName')?.value || '',
+ name: $('batchReleaseName')?.value || '',
+ body: $('batchReleaseBody')?.value || ''
+ };
+
+ if (action === 'clone' && !options.cloneTargetDir) {
+ showWarning('Bitte zuerst einen Zielordner für Clone wählen.');
+ return;
+ }
+
+ if ((action === 'create-tag' || action === 'create-release') && !String(options.tag).trim()) {
+ showWarning('Bitte einen Tag eintragen.');
+ return;
+ }
+
+ const btn = $('btnRunBatchAction');
+ const old = btn.textContent;
+ btn.disabled = true;
+ btn.textContent = 'Läuft...';
+ logActivity('info', `Batch gestartet: ${action} (${repos.length} Repos)`);
+
+ try {
+ const res = await window.electronAPI.runBatchRepoAction({ action, repos, options });
+ if (!res.ok) {
+ showError(res.error || 'Batch-Aktion fehlgeschlagen');
+ return;
+ }
+
+ const summary = res.summary || { total: repos.length, success: 0, failed: 0 };
+ if (summary.failed > 0) {
+ showWarning(`Batch beendet: ${summary.success}/${summary.total} erfolgreich, ${summary.failed} fehlgeschlagen.`);
+ } else {
+ showSuccess(`Batch erfolgreich: ${summary.success}/${summary.total}`);
+ }
+
+ (res.results || []).forEach(r => {
+ if (r.ok) logActivity('info', `${r.repo}: ${r.message || 'OK'}`);
+ else logActivity('error', `${r.repo}: ${r.error || 'Fehler'}`);
+ });
+ } catch (error) {
+ showError(error && error.message ? error.message : String(error));
+ } finally {
+ btn.disabled = false;
+ btn.textContent = old;
+ }
+ };
+ }
+
+ if ($('btnRetryQueueNow')) {
+ $('btnRetryQueueNow').onclick = async () => {
+ try {
+ const res = await window.electronAPI.processRetryQueueNow();
+ if (res.ok) {
+ showSuccess(`Queue verarbeitet: ${res.succeeded || 0} erfolgreich, ${res.failed || 0} verworfen.`);
+ } else {
+ showWarning(res.error || 'Queue konnte nicht verarbeitet werden');
+ }
+ } catch (e) {
+ showError(e && e.message ? e.message : String(e));
+ }
+ };
+ }
+
+ if ($('btnRetryQueueRefresh')) {
+ $('btnRetryQueueRefresh').onclick = async () => {
+ try {
+ const res = await window.electronAPI.processRetryQueueNow();
+ if (res.ok) {
+ showSuccess(`Queue verarbeitet: ${res.succeeded || 0} erfolgreich, ${res.failed || 0} verworfen.`);
+ } else {
+ showWarning(res.error || 'Queue konnte nicht verarbeitet werden');
+ }
+ } catch (e) {
+ showError(e && e.message ? e.message : String(e));
+ }
+ };
+ }
+
+ if ($('giteaURL')) {
+ $('giteaURL').addEventListener('input', (e) => {
+ const raw = e.target.value;
+ renderGiteaUrlHint(raw);
+ const checked = normalizeAndValidateGiteaUrl(raw);
+ updateSettingsHealth({
+ url: checked.ok && checked.value ? 'Gültig' : (checked.ok ? 'Leer' : 'Ungültig')
+ });
+ });
+ }
+
+ if ($('btnTestGiteaConnection')) {
+ $('btnTestGiteaConnection').onclick = async () => {
+ const token = $('giteaToken')?.value || '';
+ const rawUrl = $('giteaURL')?.value || '';
+ const checked = normalizeAndValidateGiteaUrl(rawUrl);
+ if (!checked.ok) {
+ showError(checked.error);
+ updateSettingsHealth({ url: 'Ungültig', api: 'Unbekannt', auth: token ? 'Token vorhanden' : 'Kein Token' });
+ return;
+ }
+ if (!checked.value) {
+ showWarning('Bitte zuerst eine Gitea URL eintragen.');
+ return;
+ }
+
+ setStatus('Teste Gitea-Verbindung...');
+ const btn = $('btnTestGiteaConnection');
+ const oldText = btn.textContent;
+ btn.disabled = true;
+ btn.textContent = 'Teste...';
+ try {
+ const res = await window.electronAPI.testGiteaConnection({
+ token,
+ url: checked.value,
+ timeout: 8000
+ });
+
+ if (!res.ok) {
+ showError(res.error || 'Verbindungstest fehlgeschlagen');
+ updateSettingsHealth({
+ url: 'Gültig',
+ api: 'Fehler',
+ auth: token ? 'Fehler' : 'Kein Token',
+ latency: '-',
+ version: '-'
+ });
+ return;
+ }
+
+ const result = res.result || {};
+ const checks = result.checks || {};
+ const metrics = result.metrics || {};
+ const server = result.server || {};
+
+ updateSettingsHealth({
+ url: 'Gültig',
+ api: checks.apiReachable ? 'Erreichbar' : 'Fehler',
+ auth: checks.authProvided ? (checks.authOk ? 'OK' : 'Fehler') : 'Kein Token',
+ latency: metrics.latencyMs ? `${metrics.latencyMs} ms` : '-',
+ version: server.version || '-',
+ lastError: '-'
+ });
+
+ if (result.ok) showSuccess('Verbindung erfolgreich getestet');
+ else showWarning('Server erreichbar, aber Auth/Teilcheck fehlgeschlagen');
+ } catch (error) {
+ console.error('test-gitea-connection error:', error);
+ showError(error && error.message ? error.message : String(error));
+ } finally {
+ btn.disabled = false;
+ btn.textContent = oldText;
+ }
};
}
if ($('btnCloseSettings')) {
$('btnCloseSettings').onclick = () => {
+ $('settingsWatermarkCard')?.classList.add('hidden');
$('settingsModal').classList.add('hidden');
};
}
@@ -2926,6 +3433,14 @@ window.addEventListener('DOMContentLoaded', async () => {
$('repoActionModal').classList.add('hidden');
};
}
+
+ try {
+ const queue = await window.electronAPI.getRetryQueue();
+ if (queue && queue.ok) {
+ updateRetryQueueBadge(queue.size || 0);
+ logActivity('info', `Retry-Queue geladen (${queue.size || 0} Einträge)`);
+ }
+ } catch (_) {}
if ($('btnSaveSettings')) {
$('btnSaveSettings').onclick = async () => {
@@ -2941,10 +3456,16 @@ window.addEventListener('DOMContentLoaded', async () => {
featureColoredIcons = cbColorIcons2 ? cbColorIcons2.checked : true;
document.body.classList.toggle('compact-mode', compactMode);
+ const checkedUrl = normalizeAndValidateGiteaUrl($('giteaURL').value);
+ if (!checkedUrl.ok) {
+ showError(checkedUrl.error);
+ return;
+ }
+
const data = {
githubToken: $('githubToken').value,
giteaToken: $('giteaToken').value,
- giteaURL: $('giteaURL').value,
+ giteaURL: checkedUrl.value,
featureFavorites,
featureRecent,
compactMode,
@@ -2955,6 +3476,12 @@ window.addEventListener('DOMContentLoaded', async () => {
await window.electronAPI.saveCredentials(data);
$('settingsModal').classList.add('hidden');
showSuccess('Settings saved');
+ renderGiteaUrlHint(checkedUrl.value);
+ updateSettingsHealth({
+ url: checkedUrl.value ? 'Gültig' : 'Leer',
+ auth: data.giteaToken ? 'Token vorhanden' : 'Kein Token',
+ lastError: '-'
+ });
// Ansicht aktualisieren falls Feature-Flags geändert
loadGiteaRepos();
} catch (error) {
@@ -3087,6 +3614,30 @@ window.addEventListener('DOMContentLoaded', async () => {
showProgress(p.percent, `Download: ${p.processed}/${p.total}`);
});
+ if (window.electronAPI.onRetryQueueUpdated) {
+ window.electronAPI.onRetryQueueUpdated((payload) => {
+ const size = payload && typeof payload.size === 'number' ? payload.size : 0;
+ updateRetryQueueBadge(size);
+ if (payload && payload.event === 'queued' && payload.item) {
+ const p = payload.item.payload || {};
+ logActivity('warning', `Queue: ${p.owner}/${p.repo}/${p.path} wurde eingeplant`);
+ } else if (payload && payload.event === 'processed') {
+ logActivity('info', `Queue-Retry: ${payload.succeeded || 0} erfolgreich, ${payload.failed || 0} verworfen`);
+ }
+ });
+ }
+
+ if (window.electronAPI.onBatchActionProgress) {
+ window.electronAPI.onBatchActionProgress((payload) => {
+ if (!payload) return;
+ if (payload.status === 'running') {
+ logActivity('info', `Batch ${payload.action}: ${payload.repo} (${payload.index}/${payload.total})`);
+ } else if (payload.status === 'error') {
+ logActivity('error', `Batch ${payload.action}: ${payload.repo} - ${payload.error || 'Fehler'}`);
+ }
+ });
+ }
+
// Setup globalen Drop-Handler für Repo-Ansicht
setupGlobalDropZone();
setupBackgroundContextMenu();
@@ -4424,9 +4975,16 @@ async function initUpdater() {
if (versionRes && versionRes.ok && $('appVersion')) {
$('appVersion').value = versionRes.version;
}
+ if (versionRes && versionRes.ok && $('watermarkVersion')) {
+ $('watermarkVersion').textContent = versionRes.version;
+ }
} catch (error) {
console.error('[Renderer] Fehler beim Laden der Version:', error);
}
+
+ if ($('watermarkCopyright')) {
+ $('watermarkCopyright').textContent = `© ${new Date().getFullYear()} M_Viper`;
+ }
// Manueller Check Button in Settings
if ($('btnCheckUpdates')) {
diff --git a/renderer/style.css b/renderer/style.css
index 21e8e11..f3fe28d 100644
--- a/renderer/style.css
+++ b/renderer/style.css
@@ -1,20 +1,25 @@
:root {
/* Moderne Farbpalette */
- --bg-primary: #0f0f1e;
- --bg-secondary: #1a1a2e;
- --bg-tertiary: #242438;
- --surface: #2d2d4a;
- --surface-hover: #363656;
+ --bg-primary: #07111f;
+ --bg-secondary: #0d1729;
+ --bg-tertiary: #13213a;
+ --surface: #182742;
+ --surface-hover: #203250;
+ --panel: rgba(15, 25, 44, 0.82);
+ --panel-strong: rgba(19, 33, 58, 0.94);
+ --panel-soft: rgba(18, 30, 50, 0.62);
+ --outline: rgba(151, 181, 255, 0.12);
+ --outline-strong: rgba(110, 188, 255, 0.28);
/* Akzentfarben */
- --accent-primary: #00d4ff;
- --accent-secondary: #8b5cf6;
- --accent-gradient: linear-gradient(135deg, #00d4ff 0%, #8b5cf6 100%);
+ --accent-primary: #58d5ff;
+ --accent-secondary: #5c87ff;
+ --accent-gradient: linear-gradient(135deg, #67e8f9 0%, #58a6ff 54%, #5c87ff 100%);
/* Textfarben */
- --text-primary: #f0f0f5;
- --text-secondary: #a8a8c0;
- --text-muted: #6b6b80;
+ --text-primary: #f5f8ff;
+ --text-secondary: #aebdd8;
+ --text-muted: #7083a4;
/* Status Farben */
--success: #22c55e;
@@ -23,10 +28,10 @@
--info: #3b82f6;
/* Schatten und Effekte */
- --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
- --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
- --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
- --shadow-glow: 0 0 20px rgba(0, 212, 255, 0.3);
+ --shadow-sm: 0 10px 22px rgba(1, 6, 20, 0.16);
+ --shadow-md: 0 18px 36px rgba(1, 6, 20, 0.24);
+ --shadow-lg: 0 28px 56px rgba(1, 6, 20, 0.34);
+ --shadow-glow: 0 0 24px rgba(88, 213, 255, 0.18);
/* Übergänge */
--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
@@ -42,10 +47,10 @@
--spacing-2xl: 32px;
/* Border Radius */
- --radius-sm: 6px;
- --radius-md: 10px;
- --radius-lg: 14px;
- --radius-xl: 18px;
+ --radius-sm: 8px;
+ --radius-md: 12px;
+ --radius-lg: 18px;
+ --radius-xl: 24px;
}
* {
@@ -58,30 +63,55 @@ body {
margin: 0;
background: var(--bg-primary);
color: var(--text-primary);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+ font-family: "Segoe UI Variable Text", "Segoe UI", "Inter", "Helvetica Neue", Arial, sans-serif;
overflow: hidden;
- line-height: 1.6;
+ line-height: 1.55;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
+#app {
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ background:
+ radial-gradient(circle at top left, rgba(88, 213, 255, 0.12), transparent 26%),
+ radial-gradient(circle at top right, rgba(92, 135, 255, 0.16), transparent 34%),
+ radial-gradient(circle at bottom center, rgba(18, 127, 255, 0.10), transparent 36%),
+ var(--bg-primary);
+ position: relative;
+}
+
+#app::before {
+ content: '';
+ position: fixed;
+ inset: 0;
+ pointer-events: none;
+ background:
+ linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
+ linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
+ background-size: 36px 36px;
+ mask-image: linear-gradient(180deg, rgba(255,255,255,0.22), transparent 80%);
+ opacity: 0.35;
+}
+
/* ===========================
TOOLBAR
=========================== */
#toolbar {
display: flex;
- justify-content: space-between;
- align-items: center;
- padding: var(--spacing-sm) var(--spacing-lg);
- background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(36, 36, 56, 0.8) 100%);
+ flex-direction: column;
+ gap: 8px;
+ padding: 10px 14px 9px;
+ background: linear-gradient(135deg, rgba(10, 18, 34, 0.94) 0%, rgba(15, 28, 50, 0.92) 48%, rgba(10, 18, 34, 0.95) 100%);
border-bottom: 2px solid;
border-image: linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-secondary) 100%) 1;
- height: 56px;
+ min-height: 78px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
position: relative;
z-index: 100;
- box-shadow: 0 8px 32px rgba(0, 212, 255, 0.08);
+ box-shadow: 0 16px 32px rgba(2, 8, 24, 0.32);
transition: all var(--transition-normal);
}
@@ -89,7 +119,7 @@ body {
content: '';
position: absolute;
inset: 0;
- background: radial-gradient(ellipse 100% 100% at 50% 0%, rgba(0, 212, 255, 0.05) 0%, transparent 70%);
+ background: radial-gradient(ellipse 80% 110% at 12% 0%, rgba(88, 213, 255, 0.14) 0%, transparent 56%), radial-gradient(ellipse 55% 90% at 85% 0%, rgba(92, 135, 255, 0.16) 0%, transparent 60%);
pointer-events: none;
border-radius: inherit;
}
@@ -107,18 +137,136 @@ body {
.tool-group {
display: flex;
- gap: var(--spacing-md);
+ gap: 8px;
align-items: center;
position: relative;
z-index: 1;
+ flex-wrap: wrap;
+}
+
+.toolbar-brand {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ min-width: 0;
+ position: relative;
+ z-index: 1;
+}
+
+.toolbar-brand-mark {
+ width: 34px;
+ height: 34px;
+ border-radius: 11px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 3px;
+ background: linear-gradient(135deg, rgba(103, 232, 249, 0.14) 0%, rgba(88, 166, 255, 0.14) 100%);
+ box-shadow: 0 10px 22px rgba(51, 146, 255, 0.18);
+ border: 1px solid rgba(103, 232, 249, 0.18);
+}
+
+.toolbar-brand-logo {
+ width: 100%;
+ height: 100%;
+ display: block;
+ object-fit: contain;
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.18));
+}
+
+.toolbar-brand-copy {
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ gap: 0;
+}
+
+.toolbar-kicker {
+ display: block;
+ font-size: 9px;
+ letter-spacing: 0.14em;
+ text-transform: uppercase;
+ color: rgba(174, 189, 216, 0.56);
+}
+
+.toolbar-brand-copy strong {
+ font-size: 14px;
+ font-weight: 800;
+ line-height: 1.1;
+ color: #f6f8ff;
+}
+
+.toolbar-top-actions {
+ min-width: 0;
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 10px;
}
.tool-group:not(:last-child)::after {
- content: '';
- width: 1px;
- height: 32px;
- background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.1), transparent);
- margin-left: var(--spacing-md);
+ content: none;
+}
+
+.toolbar-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ position: relative;
+ z-index: 1;
+}
+
+.toolbar-row--bottom {
+ align-items: center;
+ justify-content: flex-start;
+ padding-top: 0;
+}
+
+.tool-group--utility,
+.tool-group--workspace,
+.tool-group--repo {
+ padding: 0;
+ border-radius: 0;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+}
+
+.tool-group--workspace,
+.tool-group--repo {
+ gap: 8px;
+}
+
+.tool-group--quick-actions {
+ gap: 8px;
+}
+
+.tool-group--repo {
+ margin-left: auto;
+}
+
+.tool-group-title {
+ display: none;
+}
+
+.toolbar-status-wrap {
+ min-width: 0;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 8px;
+ max-width: 250px;
+}
+
+.status-dot {
+ width: 8px;
+ height: 8px;
+ flex: 0 0 auto;
+ border-radius: 999px;
+ background: #4ade80;
+ box-shadow: 0 0 0 4px rgba(74, 222, 128, 0.12), 0 0 12px rgba(74, 222, 128, 0.32);
}
/* ===========================
@@ -126,27 +274,70 @@ body {
=========================== */
#toolbar button,
#toolbar select {
- background: linear-gradient(135deg, rgba(45, 45, 74, 0.8) 0%, rgba(54, 54, 86, 0.6) 100%);
+ background: linear-gradient(180deg, rgba(34, 48, 79, 0.92) 0%, rgba(25, 36, 63, 0.96) 100%);
color: var(--text-primary);
- border: 1px solid rgba(255, 255, 255, 0.15);
- height: 36px;
- min-width: 100px;
- padding: 0 var(--spacing-md);
- border-radius: var(--radius-md);
+ border: 1px solid var(--outline);
+ height: 32px;
+ min-width: 0;
+ padding: 0 12px;
+ border-radius: 10px;
cursor: pointer;
- font-weight: 600;
- font-size: 12px;
+ font-weight: 700;
+ font-size: 11px;
display: inline-flex;
align-items: center;
justify-content: center;
- gap: var(--spacing-sm);
+ gap: 6px;
transition: all var(--transition-normal);
position: relative;
overflow: hidden;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
+ box-shadow: 0 8px 18px rgba(2, 8, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.platform-switch {
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
+ padding: 3px;
+ border-radius: 11px;
+ background: linear-gradient(180deg, rgba(15, 27, 48, 0.98) 0%, rgba(12, 22, 40, 0.96) 100%);
+ border: 1px solid var(--outline);
+ box-shadow: 0 8px 18px rgba(2, 8, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+.platform-option {
+ min-width: 78px;
+}
+
+#toolbar .platform-option {
+ height: 26px;
+ padding: 0 12px;
+ border-radius: 8px;
+ border-color: transparent;
+ background: transparent;
+ box-shadow: none;
+}
+
+#toolbar .platform-option::before,
+#toolbar .platform-option::after {
+ content: none;
+}
+
+#toolbar .platform-option:hover {
+ transform: none;
+ border-color: rgba(99, 230, 255, 0.18);
+ background: rgba(99, 230, 255, 0.08);
+ box-shadow: none;
+}
+
+#toolbar .platform-option.active {
+ color: #03131a;
+ background: linear-gradient(135deg, #67e8f9 0%, #58a6ff 100%);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
+ text-shadow: none;
}
#toolbar button::before {
@@ -170,12 +361,12 @@ body {
}
#toolbar button:hover {
- background: linear-gradient(135deg, rgba(59, 130, 246, 0.6) 0%, rgba(139, 92, 246, 0.4) 100%);
+ background: linear-gradient(135deg, rgba(56, 119, 235, 0.76) 0%, rgba(83, 132, 255, 0.62) 100%);
border-color: var(--accent-primary);
- transform: translateY(-2px);
- box-shadow: 0 8px 24px rgba(0, 212, 255, 0.25),
+ transform: translateY(-1px);
+ box-shadow: 0 6px 14px rgba(0, 212, 255, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.15),
- 0 0 20px rgba(0, 212, 255, 0.15);
+ 0 0 12px rgba(0, 212, 255, 0.1);
}
#toolbar button:hover::before {
@@ -199,10 +390,11 @@ body {
}
#toolbar select {
- background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(36, 36, 56, 0.8) 100%);
- border: 1px solid rgba(255, 255, 255, 0.15);
+ background: linear-gradient(180deg, rgba(15, 27, 48, 0.98) 0%, rgba(12, 22, 40, 0.96) 100%);
+ border: 1px solid var(--outline);
cursor: pointer;
- padding: 0 var(--spacing-md);
+ padding: 0 12px;
+ min-width: 124px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
@@ -213,6 +405,17 @@ body {
box-shadow: 0 8px 24px rgba(0, 212, 255, 0.15);
}
+#toolbar select option {
+ color: var(--text-primary);
+ background: #1b2140;
+}
+
+#toolbar select option:checked,
+#toolbar select option:hover {
+ color: var(--text-primary);
+ background: #2d4ea4;
+}
+
#toolbar select:focus {
outline: none;
border-color: var(--accent-primary);
@@ -224,22 +427,23 @@ body {
STATUS
=========================== */
.status {
- color: var(--text-secondary);
- font-size: 12px;
- font-weight: 600;
- margin-left: var(--spacing-lg);
+ color: #dbe5ff;
+ font-size: 11px;
+ font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
- max-width: 250px;
- padding: var(--spacing-sm) var(--spacing-lg);
- background: linear-gradient(135deg, rgba(45, 45, 74, 0.6) 0%, rgba(36, 36, 56, 0.4) 100%);
- border-radius: var(--radius-md);
- border: 1px solid rgba(0, 212, 255, 0.2);
+ width: min(180px, 100%);
+ max-width: 100%;
+ padding: 7px 10px;
+ background: linear-gradient(180deg, rgba(18, 31, 56, 0.92) 0%, rgba(12, 23, 42, 0.96) 100%);
+ border-radius: 11px;
+ border: 1px solid rgba(88, 213, 255, 0.18);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
- box-shadow: 0 4px 12px rgba(0, 212, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.05);
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.05);
transition: all var(--transition-normal);
+ text-align: left;
}
.status:hover {
@@ -247,23 +451,114 @@ body {
box-shadow: 0 6px 16px rgba(0, 212, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
+#btnSettings,
+#btnBatchActions,
+#btnOpenActivityLog,
+#btnRetryQueueNow,
+#btnBack {
+ min-width: 88px;
+}
+
+#btnOpenRepoActions,
+#btnPush {
+ min-width: 92px;
+}
+
+#btnSelectFolder,
+#btnLoadGiteaRepos,
+#btnCommits,
+#btnReleases {
+ min-width: 92px;
+}
+
+#toolbar .accent-btn {
+ color: #03131a;
+ border-color: rgba(103, 232, 249, 0.42);
+ background: linear-gradient(135deg, #67e8f9 0%, #58a6ff 50%, #5c87ff 100%);
+ text-shadow: none;
+ box-shadow: 0 14px 28px rgba(44, 184, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.4);
+}
+
+#toolbar .accent-btn:hover {
+ background: linear-gradient(135deg, #a5f3fc 0%, #74b9ff 48%, #7c99ff 100%);
+ border-color: rgba(255, 255, 255, 0.55);
+ box-shadow: 0 18px 30px rgba(44, 184, 255, 0.34), 0 0 24px rgba(99, 230, 255, 0.18);
+}
+
+#toolbar button.secondary {
+ background: linear-gradient(135deg, rgba(28, 33, 56, 0.76) 0%, rgba(19, 24, 46, 0.92) 100%);
+ color: rgba(240, 240, 245, 0.82);
+}
+
+#btnRetryQueueNow {
+ border-color: rgba(245, 158, 11, 0.24);
+}
+
+#btnBack {
+ border-color: rgba(255, 255, 255, 0.08);
+}
+
+@media (max-width: 1180px) {
+ #toolbar {
+ min-height: unset;
+ }
+
+ .toolbar-row {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .toolbar-top-actions {
+ justify-content: stretch;
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .toolbar-brand-copy strong {
+ font-size: 18px;
+ }
+
+ .toolbar-status-wrap {
+ justify-content: stretch;
+ max-width: none;
+ }
+
+ .status {
+ width: 100%;
+ text-align: left;
+ }
+}
+
/* ===========================
MAIN CONTENT
=========================== */
#main {
- height: calc(100vh - 56px);
+ flex: 1;
+ min-height: 0;
padding: var(--spacing-xl);
overflow-y: auto;
overflow-x: hidden;
transition: background var(--transition-normal), border var(--transition-normal);
- border-radius: var(--radius-md);
- margin: var(--spacing-sm);
+ border-radius: 28px;
+ margin: 16px;
position: relative;
+ background: linear-gradient(180deg, rgba(10, 20, 36, 0.78) 0%, rgba(13, 23, 40, 0.62) 100%);
+ border: 1px solid rgba(140, 173, 255, 0.08);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 20px 40px rgba(0,0,0,0.18);
+}
+
+#main::after {
+ content: '';
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ border-radius: inherit;
+ background: radial-gradient(circle at top right, rgba(88, 213, 255, 0.08), transparent 26%);
}
/* Global Drop Zone Indicator */
#main.drop-active {
- background: rgba(0, 212, 255, 0.05);
+ background: rgba(88, 213, 255, 0.06);
border: 2px dashed var(--accent-primary);
}
@@ -321,8 +616,8 @@ body {
=========================== */
.explorer-grid {
display: grid;
- grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
- gap: var(--spacing-lg);
+ grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+ gap: 18px;
animation: fadeIn var(--transition-slow) ease-out;
}
@@ -368,26 +663,31 @@ body.compact-mode .item-card:hover {
flex-direction: column;
align-items: center;
text-align: center;
- padding: var(--spacing-xl);
- border-radius: var(--radius-lg);
+ padding: 22px 18px;
+ border-radius: 22px;
cursor: pointer;
transition: all var(--transition-normal);
- border: 1px solid rgba(255, 255, 255, 0.05);
- background: var(--bg-tertiary);
+ border: 1px solid rgba(140, 173, 255, 0.10);
+ background: linear-gradient(180deg, rgba(20, 33, 56, 0.92) 0%, rgba(14, 25, 42, 0.96) 100%);
position: relative;
overflow: hidden;
+ box-shadow: 0 14px 30px rgba(2, 8, 24, 0.18);
}
.item-card::before {
content: '';
position: absolute;
- top: -50%;
- left: -50%;
- width: 200%;
- height: 200%;
- background: radial-gradient(circle, rgba(0, 212, 255, 0.1) 0%, transparent 70%);
- opacity: 0;
- transition: opacity var(--transition-normal);
+ inset: 0;
+ background: linear-gradient(180deg, rgba(255,255,255,0.06), transparent 34%);
+ opacity: 1;
+}
+
+.item-card::after {
+ content: '';
+ position: absolute;
+ inset: auto 16px 0 16px;
+ height: 1px;
+ background: linear-gradient(90deg, transparent, rgba(88,213,255,0.22), transparent);
}
.item-card:hover::before {
@@ -395,10 +695,10 @@ body.compact-mode .item-card:hover {
}
.item-card:hover {
- background: var(--surface);
- border-color: var(--accent-primary);
- transform: translateY(-4px) scale(1.02);
- box-shadow: var(--shadow-lg), var(--shadow-glow);
+ background: linear-gradient(180deg, rgba(24, 40, 68, 0.96) 0%, rgba(16, 29, 50, 0.98) 100%);
+ border-color: rgba(88, 213, 255, 0.34);
+ transform: translateY(-6px) scale(1.015);
+ box-shadow: 0 24px 42px rgba(2, 8, 24, 0.28), 0 0 0 1px rgba(88, 213, 255, 0.12), var(--shadow-glow);
}
.item-card:active {
@@ -415,8 +715,8 @@ body.compact-mode .item-card:hover {
/* Mehrfachauswahl */
.item-card.selected {
border-color: var(--accent-primary);
- background: rgba(0, 212, 255, 0.12);
- box-shadow: 0 0 0 2px var(--accent-primary), 0 0 20px rgba(0, 212, 255, 0.2);
+ background: linear-gradient(180deg, rgba(19, 44, 72, 0.94) 0%, rgba(14, 32, 54, 0.98) 100%);
+ box-shadow: 0 0 0 1px rgba(88, 213, 255, 0.38), 0 18px 36px rgba(0, 0, 0, 0.22);
}
.item-card.selected .item-name {
@@ -430,9 +730,9 @@ body.compact-mode .item-card:hover {
}
.item-icon {
- font-size: 56px;
- margin-bottom: var(--spacing-md);
- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
+ font-size: 52px;
+ margin-bottom: 14px;
+ filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.24));
transition: transform var(--transition-normal);
position: relative;
display: flex;
@@ -441,12 +741,12 @@ body.compact-mode .item-card:hover {
}
.item-card:hover .item-icon {
- transform: scale(1.1) rotate(-5deg);
+ transform: translateY(-2px) scale(1.08) rotate(-4deg);
}
.item-name {
font-size: 13px;
- font-weight: 600;
+ font-weight: 700;
word-break: break-word;
color: var(--text-primary);
line-height: 1.4;
@@ -464,14 +764,26 @@ body.compact-mode .item-card:hover {
.modal {
position: fixed;
inset: 0;
- background: rgba(0, 0, 0, 0.5);
- backdrop-filter: blur(4px);
+ background: rgba(3, 8, 20, 0.62);
+ backdrop-filter: blur(10px);
display: flex;
- align-items: center;
+ align-items: flex-start;
justify-content: center;
z-index: 1000;
animation: fadeIn var(--transition-normal) ease-out;
pointer-events: auto;
+ overflow-y: auto;
+ padding: 24px 0;
+}
+
+.modal .modalContent {
+ max-height: none;
+ margin: auto;
+}
+
+#settingsModal {
+ align-items: center;
+ padding: 20px;
}
.modal.hidden {
@@ -484,14 +796,24 @@ body.compact-mode .item-card:hover {
}
.card {
- background: var(--bg-secondary);
+ background: linear-gradient(180deg, rgba(15, 25, 44, 0.96) 0%, rgba(11, 20, 35, 0.98) 100%);
padding: var(--spacing-2xl);
border-radius: var(--radius-xl);
- width: 480px;
- max-width: 90vw;
- box-shadow: var(--shadow-lg);
- border: 1px solid rgba(255, 255, 255, 0.08);
+ width: 640px;
+ max-width: 92vw;
+ box-shadow: 0 30px 70px rgba(0, 0, 0, 0.34);
+ border: 1px solid rgba(140, 173, 255, 0.14);
animation: slideUp var(--transition-normal) ease-out;
+ position: relative;
+}
+
+.card::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ border-radius: inherit;
+ background: linear-gradient(180deg, rgba(255,255,255,0.05), transparent 22%);
}
@keyframes slideUp {
@@ -520,7 +842,11 @@ body.compact-mode .item-card:hover {
FORM ELEMENTS
=========================== */
.input-group {
- margin-bottom: var(--spacing-lg);
+ margin-bottom: 18px;
+}
+
+.input-group--wide {
+ margin-bottom: 0;
}
.input-group label {
@@ -528,7 +854,7 @@ body.compact-mode .item-card:hover {
margin-bottom: var(--spacing-sm);
font-size: 13px;
font-weight: 600;
- color: var(--text-secondary);
+ color: #c2d0ea;
text-transform: uppercase;
letter-spacing: 0.5px;
}
@@ -538,19 +864,34 @@ select {
width: 100%;
padding: var(--spacing-md) var(--spacing-lg);
border-radius: var(--radius-md);
- border: 1px solid rgba(255, 255, 255, 0.1);
- background: var(--bg-tertiary);
+ border: 1px solid var(--outline);
+ background: linear-gradient(180deg, rgba(19, 32, 54, 0.96) 0%, rgba(14, 25, 42, 0.98) 100%);
color: var(--text-primary);
font-size: 14px;
transition: all var(--transition-normal);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
+}
+
+textarea {
+ width: 100%;
+ min-height: 110px;
+ padding: var(--spacing-md) var(--spacing-lg);
+ border-radius: var(--radius-md);
+ border: 1px solid var(--outline);
+ background: linear-gradient(180deg, rgba(19, 32, 54, 0.96) 0%, rgba(14, 25, 42, 0.98) 100%);
+ color: var(--text-primary);
+ font-size: 14px;
+ resize: vertical;
+ transition: all var(--transition-normal);
}
input:focus,
-select:focus {
+select:focus,
+textarea:focus {
outline: none;
border-color: var(--accent-primary);
- background: var(--surface);
- box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
+ background: linear-gradient(180deg, rgba(23, 40, 68, 0.98) 0%, rgba(17, 31, 52, 1) 100%);
+ box-shadow: 0 0 0 3px rgba(88, 213, 255, 0.12), 0 10px 24px rgba(0,0,0,0.12);
}
input::placeholder {
@@ -581,13 +922,14 @@ input[type="checkbox"] {
font-size: 14px;
cursor: pointer;
transition: all var(--transition-normal);
- border: 1px solid rgba(255, 255, 255, 0.1);
- background: var(--bg-tertiary);
+ border: 1px solid var(--outline);
+ background: linear-gradient(180deg, rgba(30, 45, 73, 0.9) 0%, rgba(20, 31, 52, 0.95) 100%);
color: var(--text-primary);
+ box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}
.modal-buttons button:hover {
- background: var(--surface);
+ background: linear-gradient(180deg, rgba(37, 57, 90, 0.94) 0%, rgba(26, 40, 66, 0.98) 100%);
border-color: var(--accent-primary);
transform: translateY(-1px);
box-shadow: var(--shadow-md);
@@ -598,15 +940,15 @@ input[type="checkbox"] {
}
.modal-buttons button.accent-btn {
- background: linear-gradient(135deg, rgba(0, 212, 255, 0.3) 0%, rgba(139, 92, 246, 0.2) 100%);
+ background: linear-gradient(135deg, rgba(88, 213, 255, 0.24) 0%, rgba(92, 135, 255, 0.2) 100%);
border-color: var(--accent-primary);
color: var(--accent-primary);
font-weight: 700;
}
.modal-buttons button.accent-btn:hover {
- background: linear-gradient(135deg, rgba(0, 212, 255, 0.5) 0%, rgba(139, 92, 246, 0.4) 100%);
- box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
+ background: linear-gradient(135deg, rgba(88, 213, 255, 0.38) 0%, rgba(92, 135, 255, 0.32) 100%);
+ box-shadow: 0 0 20px rgba(88, 213, 255, 0.22);
}
.modal-buttons button.secondary {
@@ -619,18 +961,375 @@ input[type="checkbox"] {
border-color: rgba(255, 255, 255, 0.3);
}
+#btnTestGiteaConnection {
+ margin-top: 10px;
+ min-height: 40px;
+ border-radius: var(--radius-md);
+ padding: 0 14px;
+ font-size: 13px;
+ font-weight: 600;
+ letter-spacing: 0.2px;
+ cursor: pointer;
+ border: 1px solid rgba(255, 255, 255, 0.16);
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(0, 212, 255, 0.08) 100%);
+ color: var(--text-primary);
+ transition: transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal);
+}
+
+#btnTestGiteaConnection:hover {
+ transform: translateY(-1px);
+ border-color: var(--accent-primary);
+ background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 212, 255, 0.14) 100%);
+ box-shadow: var(--shadow-md);
+}
+
+#btnTestGiteaConnection:active {
+ transform: translateY(0);
+}
+
+#btnTestGiteaConnection:focus-visible {
+ outline: none;
+ box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.2);
+}
+
+.settings-modal-content {
+ position: relative;
+ width: min(1080px, calc(100vw - 40px));
+ max-width: 1080px;
+ padding: 18px 20px;
+}
+
+.settings-watermark-btn {
+ position: absolute;
+ top: 10px;
+ right: 14px;
+ width: 28px;
+ height: 28px;
+ border: 1px solid rgba(88, 213, 255, 0.26);
+ border-radius: 999px;
+ background: linear-gradient(180deg, rgba(11, 23, 40, 0.94), rgba(9, 18, 31, 0.98));
+ color: #8fdcff;
+ font-size: 14px;
+ font-weight: 800;
+ cursor: pointer;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
+ z-index: 6;
+}
+
+.settings-watermark-btn:hover {
+ transform: translateY(-1px);
+ border-color: rgba(88, 213, 255, 0.62);
+ color: #d6f3ff;
+ box-shadow: 0 8px 18px rgba(17, 124, 255, 0.24);
+}
+
+.settings-watermark-card {
+ position: absolute;
+ top: 44px;
+ right: 14px;
+ width: min(320px, calc(100vw - 90px));
+ padding: 12px 14px;
+ border-radius: var(--radius-md);
+ border: 1px solid rgba(120, 170, 255, 0.26);
+ background:
+ linear-gradient(180deg, rgba(15, 29, 50, 0.98), rgba(10, 19, 34, 0.99));
+ box-shadow: 0 20px 34px rgba(0, 0, 0, 0.34);
+ z-index: 5;
+}
+
+.settings-watermark-card h4 {
+ margin: 0 0 10px;
+ color: var(--text-primary);
+ font-size: 13px;
+ font-weight: 700;
+}
+
+.settings-watermark-row {
+ display: grid;
+ grid-template-columns: 92px minmax(0, 1fr);
+ align-items: baseline;
+ gap: 8px;
+ padding: 3px 0;
+ font-size: 12px;
+ color: var(--text-secondary);
+}
+
+.settings-watermark-row span {
+ color: var(--text-muted);
+}
+
+.settings-watermark-row strong {
+ color: var(--text-primary);
+ font-weight: 600;
+}
+
+.settings-watermark-row a {
+ color: #8fdcff;
+ text-decoration: none;
+}
+
+.settings-watermark-row a:hover {
+ text-decoration: underline;
+}
+
+.settings-header {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 18px;
+ margin-bottom: 14px;
+}
+
+.settings-eyebrow {
+ display: inline-flex;
+ align-items: center;
+ min-height: 24px;
+ padding: 0 10px;
+ margin-bottom: 8px;
+ border-radius: 999px;
+ border: 1px solid rgba(88, 213, 255, 0.22);
+ background: rgba(88, 213, 255, 0.08);
+ color: var(--accent-primary);
+ font-size: 11px;
+ font-weight: 700;
+ letter-spacing: 0.14em;
+ text-transform: uppercase;
+}
+
+.settings-header h2 {
+ margin-bottom: 4px;
+}
+
+.settings-subtitle {
+ max-width: 760px;
+ color: var(--text-secondary);
+ font-size: 13px;
+ line-height: 1.45;
+}
+
+.settings-layout {
+ display: grid;
+ grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
+ column-gap: 12px;
+ align-items: start;
+}
+
+.settings-column {
+ display: grid;
+ gap: 16px;
+ align-content: start;
+}
+
+.settings-panel {
+ position: relative;
+ padding: 14px;
+ overflow: hidden;
+ isolation: isolate;
+ border-radius: var(--radius-lg);
+ border: 1px solid rgba(143, 170, 229, 0.12);
+ background:
+ linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),
+ linear-gradient(180deg, rgba(14, 24, 42, 0.92), rgba(10, 19, 33, 0.98));
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 22px rgba(0,0,0,0.16);
+}
+
+.settings-panel::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ border-radius: inherit;
+ pointer-events: none;
+ background: linear-gradient(180deg, rgba(88, 213, 255, 0.06), transparent 30%);
+}
+
+.settings-panel > * {
+ position: relative;
+ z-index: 1;
+}
+
+
+
+.settings-panel-header {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 12px;
+ margin-bottom: 10px;
+}
+
+.settings-panel-header h3 {
+ margin: 0 0 4px;
+ color: var(--text-primary);
+ font-size: 16px;
+ font-weight: 700;
+}
+
+.settings-panel-header p {
+ margin: 0;
+ color: var(--text-secondary);
+ font-size: 11px;
+ line-height: 1.35;
+}
+
+.settings-fields-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 12px;
+ margin-bottom: 10px;
+}
+
+.settings-connection-tools {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: center;
+ gap: 10px;
+ margin-top: 8px;
+}
+
+.settings-toggle-list {
+ display: grid;
+ gap: 8px;
+}
+
+.settings-version-card {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ gap: 10px;
+ align-items: end;
+}
+
+.settings-version-field {
+ margin: 0;
+}
+
+.settings-readonly-input {
+ background: rgba(255,255,255,0.05);
+ color: var(--text-secondary);
+ cursor: default;
+}
+
+.settings-update-btn {
+ min-width: 210px;
+ height: 42px;
+ padding: 0 16px;
+ border-radius: var(--radius-md);
+ border: 1px solid rgba(88, 213, 255, 0.3);
+ background: linear-gradient(135deg, rgba(88, 213, 255, 0.94), rgba(92, 135, 255, 0.9));
+ color: #08111f;
+ font-size: 13px;
+ font-weight: 800;
+ letter-spacing: 0.01em;
+ cursor: pointer;
+ transition: transform var(--transition-normal), box-shadow var(--transition-normal), filter var(--transition-normal);
+ box-shadow: 0 16px 28px rgba(24, 136, 255, 0.26);
+}
+
+.settings-update-btn:hover {
+ transform: translateY(-1px);
+ filter: brightness(1.04);
+ box-shadow: 0 20px 30px rgba(24, 136, 255, 0.32);
+}
+
+.settings-update-btn:active {
+ transform: translateY(0);
+}
+
+.settings-modal-actions {
+ margin-top: 12px;
+}
+
+.batch-textarea {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
+ line-height: 1.4;
+}
+
+.batch-inline-row {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ gap: 10px;
+}
+
+.activity-toolbar {
+ display: flex;
+ gap: 10px;
+ align-items: center;
+ margin-bottom: 10px;
+}
+
+.activity-toolbar select {
+ width: 140px;
+}
+
+.activity-queue-info {
+ color: var(--text-secondary);
+ font-size: 12px;
+ margin-bottom: 10px;
+}
+
+.activity-log-list {
+ max-height: 360px;
+ overflow-y: auto;
+ border: 1px solid var(--outline);
+ border-radius: var(--radius-md);
+ background: rgba(255, 255, 255, 0.025);
+ padding: 10px;
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+
+.activity-log-item {
+ padding: 9px 10px;
+ border-radius: 12px;
+ border-left: 3px solid rgba(255, 255, 255, 0.2);
+ background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
+}
+
+.activity-log-item.info {
+ border-left-color: #00d4ff;
+}
+
+.activity-log-item.warning {
+ border-left-color: #f59e0b;
+}
+
+.activity-log-item.error {
+ border-left-color: #ef4444;
+}
+
+.activity-log-time {
+ color: var(--text-muted);
+ font-size: 11px;
+ margin-right: 6px;
+}
+
+.activity-log-level {
+ font-size: 11px;
+ font-weight: 700;
+ letter-spacing: 0.4px;
+ margin-right: 6px;
+}
+
+.activity-log-message {
+ color: var(--text-primary);
+ font-size: 13px;
+}
+
/* ===========================
CONTEXT MENU
=========================== */
.context-menu {
position: fixed;
- background: var(--bg-secondary);
- border: 1px solid rgba(255, 255, 255, 0.1);
+ background: linear-gradient(180deg, rgba(15, 25, 44, 0.98) 0%, rgba(11, 20, 35, 0.98) 100%);
+ border: 1px solid var(--outline);
padding: var(--spacing-sm);
border-radius: var(--radius-md);
z-index: 10000;
min-width: 200px;
- box-shadow: var(--shadow-lg);
+ box-shadow: 0 18px 38px rgba(0,0,0,0.28);
animation: fadeIn var(--transition-fast) ease-out;
}
@@ -686,14 +1385,30 @@ progress::-moz-progress-bar {
=========================== */
@media (max-width: 768px) {
#toolbar {
- flex-wrap: wrap;
- height: auto;
- padding: var(--spacing-md);
+ padding: 14px;
}
.tool-group {
width: 100%;
- justify-content: space-between;
+ justify-content: flex-start;
+ }
+
+ .tool-group-title {
+ width: 100%;
+ justify-content: flex-start;
+ }
+
+ .toolbar-brand {
+ align-items: flex-start;
+ }
+
+ .toolbar-brand-mark {
+ width: 42px;
+ height: 42px;
+ }
+
+ .toolbar-status-wrap {
+ width: 100%;
}
.explorer-grid {
@@ -709,7 +1424,7 @@ progress::-moz-progress-bar {
.status {
width: 100%;
max-width: 100%;
- margin: var(--spacing-sm) 0 0 0;
+ margin: 0;
}
}
@@ -739,16 +1454,17 @@ progress::-moz-progress-bar {
RELEASE CARDS
=========================== */
.release-card {
- background: var(--bg-tertiary);
- border: 1px solid rgba(255, 255, 255, 0.1);
+ background: linear-gradient(180deg, rgba(20, 33, 56, 0.94) 0%, rgba(14, 25, 42, 0.98) 100%);
+ border: 1px solid var(--outline);
border-radius: var(--radius-lg);
padding: var(--spacing-xl);
transition: all var(--transition-normal);
+ box-shadow: 0 14px 28px rgba(2,8,24,0.16);
}
.release-card:hover {
- border-color: rgba(255, 255, 255, 0.2);
- box-shadow: var(--shadow-md);
+ border-color: var(--outline-strong);
+ box-shadow: 0 20px 36px rgba(2,8,24,0.24);
}
.release-header {
@@ -946,14 +1662,14 @@ progress::-moz-progress-bar {
justify-content: space-between;
align-items: center;
padding: var(--spacing-md);
- background: rgba(255, 255, 255, 0.03);
+ background: rgba(255, 255, 255, 0.04);
border-radius: var(--radius-sm);
margin-bottom: var(--spacing-sm);
transition: background var(--transition-fast);
}
.release-asset-item:hover {
- background: rgba(255, 255, 255, 0.05);
+ background: rgba(255, 255, 255, 0.07);
}
.release-asset-info {
@@ -1608,41 +2324,144 @@ progress::-moz-progress-bar {
display: flex;
align-items: center;
justify-content: space-between;
- padding: 12px 16px;
+ padding: 10px 12px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: var(--radius-md);
- margin-bottom: 8px;
cursor: pointer;
- transition: background var(--transition-fast), border-color var(--transition-fast);
+ transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
gap: 16px;
+ min-height: 58px;
}
.settings-toggle-row:hover {
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.12);
+ transform: translateY(-1px);
+ box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
}
.settings-toggle-info {
display: flex;
flex-direction: column;
- gap: 3px;
+ gap: 2px;
}
.settings-toggle-title {
- font-size: 14px;
+ font-size: 13px;
font-weight: 600;
color: var(--text-primary);
}
.settings-toggle-desc {
- font-size: 12px;
+ font-size: 11px;
color: var(--text-muted);
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
+.settings-inline-hint {
+ font-size: 11px;
+ color: var(--text-muted);
+ line-height: 1.35;
+}
+
+.settings-inline-hint.error {
+ color: #fca5a5;
+}
+
+.settings-inline-hint.success {
+ color: #86efac;
+}
+
+.settings-health-box {
+ height: auto;
+ margin-top: 0;
+ padding: 10px 12px;
+ border-radius: var(--radius-md);
+ border: 1px solid rgba(255, 255, 255, 0.08);
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
+}
+
+.settings-health-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 12px;
+ padding: 6px 0;
+ border-bottom: 1px dashed rgba(255, 255, 255, 0.07);
+ font-size: 12px;
+}
+
+.settings-health-row:last-child {
+ border-bottom: 0;
+}
+
+.settings-health-row strong {
+ color: var(--text-primary);
+ font-weight: 600;
+ text-align: right;
+ word-break: break-word;
+ transition: color 0.2s ease;
+}
+
+.settings-health-row strong.health-ok {
+ color: #86efac;
+}
+
+.settings-health-row strong.health-warn {
+ color: #fcd34d;
+}
+
+.settings-health-row strong.health-error {
+ color: #f87171;
+}
+
+@media (max-width: 1120px) {
+ .settings-modal-content {
+ width: min(940px, calc(100vw - 28px));
+ padding: 18px;
+ }
+
+ .settings-layout {
+ grid-template-columns: minmax(0, 1fr);
+ gap: 12px;
+ }
+
+ .settings-column {
+ gap: 12px;
+ }
+}
+
+@media (max-width: 760px) {
+ #settingsModal {
+ padding: 12px;
+ align-items: flex-start;
+ }
+
+ .settings-modal-content {
+ width: min(100vw - 24px, 100%);
+ padding: 16px;
+ }
+
+ .settings-fields-grid,
+ .settings-connection-tools,
+ .settings-version-card,
+ .modal-buttons {
+ grid-template-columns: minmax(0, 1fr);
+ }
+
+ .settings-update-btn,
+ #btnTestGiteaConnection {
+ width: 100%;
+ }
+
+ .settings-toggle-row {
+ align-items: flex-start;
+ }
+}
+
/* Toggle-Switch */
.toggle-switch {
position: relative;