+ {/* Palette */}
+
+
Bausteine
+
Auf Schritt klicken oder in die Kette ziehen
+
+
+
Systemblöcke
+
handleChainPaletteDragStart(e, { stepType: 'wait' })}
+ onClick={() => addChainStep('wait')}
+ title="Wartezeit zwischen zwei Schritten"
+ >
+
+ {' '}Warten (Sekunden)
+
+
+
+ {scripts.length > 0 ? (
+
+
Scripte
+ {scripts.map((script) => (
+
handleChainPaletteDragStart(e, { stepType: 'script', scriptId: script.id, scriptName: script.name })}
+ onClick={() => addChainStep('script', script.id, script.name)}
+ title={`Script #${script.id} hinzufügen`}
+ >
+
+ {' '}{script.name}
+
+ ))}
+
+ ) : (
+
Keine Scripte verfügbar. Zuerst Scripte anlegen.
+ )}
+
+
+ {/* Chain canvas */}
+
+
Kette ({chainEditor.steps.length} Schritt{chainEditor.steps.length !== 1 ? 'e' : ''})
+
+ {chainEditor.steps.length === 0 ? (
+
handleChainDropzoneDrop(e, 0)}
+ >
+ Bausteine hierhin ziehen oder links anklicken
+
+ ) : (
+
+ {chainEditor.steps.map((step, index) => (
+
+ {/* Drop zone before step */}
+
handleChainDropzoneDrop(e, index)}
+ />
+
handleChainStepDragStart(e, index)}
+ onDragEnd={() => setChainDragSource(null)}
+ >
+
+
+
+
+ {step.stepType === 'wait' ? (
+
+
+ Warten:
+ updateChainStepWait(index, Number(e.target.value))}
+ className="chain-wait-input"
+ onClick={(e) => e.stopPropagation()}
+ />
+ Sekunden
+
+ ) : (
+
+
+ {step.scriptName || `Script #${step.scriptId}`}
+
+ )}
+
+
+
+ ))}
+ {/* Drop zone after last step */}
+
handleChainDropzoneDrop(e, chainEditor.steps.length)}
+ />
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Standard-Zuordnungen
+
+ Weise für jeden Medientyp/Fall ein Standard-Userpreset zu. Diese Zuordnungen werden persistent gespeichert.
+
+
+ {USER_PRESET_DEFAULT_SLOTS.map((slot) => (
+
+
+ handleChangeUserPresetDefault(slot.key, event.value)}
+ placeholder="Preset auswählen"
+ showClear
+ disabled={userPresetDefaultsLoading || userPresetDefaultsSaving}
+ style={{ width: '100%' }}
+ />
+
+ ))}
+
+
+
+
+
+
Lade Presets ...
+ ) : userPresets.length === 0 ? (
+ Keine Presets vorhanden. Lege ein neues Preset an.
+ ) : (
+
+ {userPresets.map((preset) => (
+
+
+
+ #{preset.id} - {preset.name}
+
+ {preset.mediaType === 'bluray' ? 'Blu-ray'
+ : preset.mediaType === 'dvd' ? 'DVD'
+ : 'Universell'}
+
+
+
+ {preset.description || '-'}
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/src/pages/TmdbMigrationPage.jsx b/frontend/src/pages/TmdbMigrationPage.jsx
new file mode 100644
index 0000000..8549ac2
--- /dev/null
+++ b/frontend/src/pages/TmdbMigrationPage.jsx
@@ -0,0 +1,410 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Card } from 'primereact/card';
+import { Button } from 'primereact/button';
+import { Tag } from 'primereact/tag';
+import { Toast } from 'primereact/toast';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import { ProgressSpinner } from 'primereact/progressspinner';
+import { api } from '../api/client';
+import MetadataSelectionDialog from '../components/MetadataSelectionDialog';
+import { isSeriesVideoJob } from '../utils/jobTaxonomy';
+
+function normalizeJobId(value) {
+ const parsed = Number(value);
+ if (!Number.isFinite(parsed) || parsed <= 0) {
+ return null;
+ }
+ return Math.trunc(parsed);
+}
+
+function resolveMediaType(row) {
+ const encodePlan = row?.encodePlan && typeof row.encodePlan === 'object' ? row.encodePlan : null;
+ const candidates = [
+ row?.mediaType,
+ row?.media_type,
+ row?.mediaProfile,
+ row?.media_profile,
+ encodePlan?.mediaProfile,
+ row?.makemkvInfo?.analyzeContext?.mediaProfile,
+ row?.makemkvInfo?.mediaProfile,
+ row?.mediainfoInfo?.mediaProfile
+ ];
+ for (const candidate of candidates) {
+ const raw = String(candidate || '').trim().toLowerCase();
+ if (!raw) {
+ continue;
+ }
+ if (['bluray', 'blu-ray', 'blu_ray', 'bd', 'bdmv', 'bdrom', 'bd-rom', 'bd-r', 'bd-re'].includes(raw)) {
+ return 'bluray';
+ }
+ if (['dvd', 'disc', 'dvdvideo', 'dvd-video', 'dvdrom', 'dvd-rom', 'video_ts', 'iso9660'].includes(raw)) {
+ return 'dvd';
+ }
+ if (raw === 'converter') {
+ return 'converter';
+ }
+ }
+ return 'other';
+}
+
+function buildMetadataContextFromJob(row) {
+ const jobId = normalizeJobId(row?.id);
+ const makemkvInfo = row?.makemkvInfo && typeof row.makemkvInfo === 'object' ? row.makemkvInfo : {};
+ const analyzeContext = makemkvInfo?.analyzeContext && typeof makemkvInfo.analyzeContext === 'object'
+ ? makemkvInfo.analyzeContext
+ : {};
+ const selectedMetadata = analyzeContext?.selectedMetadata && typeof analyzeContext.selectedMetadata === 'object'
+ ? analyzeContext.selectedMetadata
+ : (makemkvInfo?.selectedMetadata && typeof makemkvInfo.selectedMetadata === 'object'
+ ? makemkvInfo.selectedMetadata
+ : {});
+ const workflowKindRaw = String(
+ selectedMetadata?.workflowKind
+ || analyzeContext?.workflowKind
+ || ''
+ ).trim().toLowerCase();
+ const workflowKind = ['film', 'movie', 'feature'].includes(workflowKindRaw)
+ ? 'film'
+ : (['series', 'tv', 'season', 'episode'].includes(workflowKindRaw) ? 'series' : null);
+ const rowMediaType = resolveMediaType(row);
+ const isSeriesDvd = (rowMediaType === 'dvd' || rowMediaType === 'bluray') && isSeriesVideoJob(row);
+ const metadataProvider = 'tmdb';
+ const seasonNumber = selectedMetadata?.seasonNumber ?? analyzeContext?.seriesLookupHint?.seasonNumber ?? null;
+ const discNumber = selectedMetadata?.discNumber ?? analyzeContext?.seriesLookupHint?.discNumber ?? null;
+
+ return {
+ jobId,
+ status: row?.status || null,
+ lastState: row?.last_state || null,
+ submitMode: 'assign',
+ mediaProfile: rowMediaType,
+ detectedTitle: row?.detected_title || row?.title || '',
+ selectedMetadata: {
+ ...(selectedMetadata && typeof selectedMetadata === 'object' ? selectedMetadata : {}),
+ title: row?.title || selectedMetadata?.title || row?.detected_title || '',
+ year: row?.year || selectedMetadata?.year || null,
+ imdbId: row?.imdb_id || selectedMetadata?.imdbId || null,
+ poster: row?.poster_url || selectedMetadata?.poster || null,
+ metadataProvider,
+ workflowKind,
+ tmdbId: selectedMetadata?.tmdbId || null,
+ providerId: selectedMetadata?.providerId || null,
+ metadataKind: selectedMetadata?.metadataKind || (isSeriesDvd ? 'season' : null),
+ seasonNumber,
+ seasonName: selectedMetadata?.seasonName || null,
+ episodeCount: selectedMetadata?.episodeCount || 0,
+ episodes: Array.isArray(selectedMetadata?.episodes) ? selectedMetadata.episodes : [],
+ ...(discNumber ? { discNumber } : {})
+ },
+ metadataProvider,
+ workflowKind: workflowKind || analyzeContext?.workflowKind || null,
+ metadataCandidates: Array.isArray(analyzeContext?.metadataCandidates) ? analyzeContext.metadataCandidates : [],
+ seriesAnalysis: analyzeContext?.seriesAnalysis || null,
+ seriesLookupHint: analyzeContext?.seriesLookupHint || null,
+ seriesDecision: analyzeContext?.seriesDecision || null
+ };
+}
+
+export default function TmdbMigrationPage() {
+ const toastRef = useRef(null);
+ const countdownIntervalRef = useRef(null);
+ const nextJobTimeoutRef = useRef(null);
+ const jobsRef = useRef([]);
+ const runningRef = useRef(false);
+
+ const [jobs, setJobs] = useState([]);
+ const [loading, setLoading] = useState(false);
+ const [running, setRunning] = useState(false);
+ const [metadataDialogVisible, setMetadataDialogVisible] = useState(false);
+ const [metadataDialogContext, setMetadataDialogContext] = useState(null);
+ const [metadataAssignBusy, setMetadataAssignBusy] = useState(false);
+ const [cooldownRemaining, setCooldownRemaining] = useState(0);
+
+ useEffect(() => {
+ jobsRef.current = Array.isArray(jobs) ? jobs : [];
+ }, [jobs]);
+
+ useEffect(() => {
+ runningRef.current = running;
+ }, [running]);
+
+ const clearTimers = useCallback(() => {
+ if (countdownIntervalRef.current) {
+ clearInterval(countdownIntervalRef.current);
+ countdownIntervalRef.current = null;
+ }
+ if (nextJobTimeoutRef.current) {
+ clearTimeout(nextJobTimeoutRef.current);
+ nextJobTimeoutRef.current = null;
+ }
+ }, []);
+
+ useEffect(() => () => {
+ clearTimers();
+ }, [clearTimers]);
+
+ const loadPendingJobs = useCallback(async () => {
+ setLoading(true);
+ try {
+ const response = await api.getTmdbMigrationPendingJobs({ limit: 1000 });
+ const rows = Array.isArray(response?.jobs) ? response.jobs : [];
+ setJobs(rows);
+ } catch (error) {
+ toastRef.current?.show({
+ severity: 'error',
+ summary: 'Laden fehlgeschlagen',
+ detail: error?.message || 'TMDb-Migrationsliste konnte nicht geladen werden.'
+ });
+ setJobs([]);
+ } finally {
+ setLoading(false);
+ }
+ }, []);
+
+ useEffect(() => {
+ void loadPendingJobs();
+ }, [loadPendingJobs]);
+
+ const openJobInDialog = useCallback((job) => {
+ if (!job) {
+ return;
+ }
+ const context = buildMetadataContextFromJob(job);
+ if (!context?.jobId) {
+ return;
+ }
+ setMetadataDialogContext(context);
+ setMetadataDialogVisible(true);
+ }, []);
+
+ const scheduleNextJob = useCallback((nextJob, seconds = 10) => {
+ clearTimers();
+ const normalizedSeconds = Math.max(0, Math.trunc(Number(seconds || 0)));
+ if (!nextJob) {
+ setRunning(false);
+ setCooldownRemaining(0);
+ setMetadataDialogVisible(false);
+ setMetadataDialogContext(null);
+ return;
+ }
+
+ setCooldownRemaining(normalizedSeconds);
+ if (normalizedSeconds > 0) {
+ countdownIntervalRef.current = setInterval(() => {
+ setCooldownRemaining((prev) => {
+ const next = Number(prev || 0) - 1;
+ return next > 0 ? next : 0;
+ });
+ }, 1000);
+ }
+
+ nextJobTimeoutRef.current = setTimeout(() => {
+ clearTimers();
+ setCooldownRemaining(0);
+ if (!runningRef.current) {
+ return;
+ }
+ openJobInDialog(nextJob);
+ }, normalizedSeconds * 1000);
+ }, [clearTimers, openJobInDialog]);
+
+ const startSequence = () => {
+ const pending = jobsRef.current;
+ if (!Array.isArray(pending) || pending.length === 0) {
+ return;
+ }
+ clearTimers();
+ setRunning(true);
+ setMetadataDialogVisible(true);
+ setCooldownRemaining(0);
+ openJobInDialog(pending[0]);
+ };
+
+ const stopSequence = useCallback(() => {
+ clearTimers();
+ setRunning(false);
+ setCooldownRemaining(0);
+ setMetadataDialogVisible(false);
+ setMetadataDialogContext(null);
+ }, [clearTimers]);
+
+ const handleMetadataSearch = async (query, options = {}) => {
+ const workflow = String(
+ options?.workflowKind
+ || metadataDialogContext?.selectedMetadata?.workflowKind
+ || ''
+ ).trim().toLowerCase();
+ try {
+ const tmdbSeasonHint = metadataDialogContext?.selectedMetadata?.seasonNumber
+ ?? metadataDialogContext?.seriesLookupHint?.seasonNumber
+ ?? null;
+ const response = workflow === 'series'
+ ? await api.searchTmdbSeries(query, tmdbSeasonHint)
+ : await api.searchTmdbMovie(query);
+ return response?.results || [];
+ } catch (error) {
+ toastRef.current?.show({
+ severity: 'error',
+ summary: 'TMDb-Suche fehlgeschlagen',
+ detail: error?.message || 'Suche fehlgeschlagen.'
+ });
+ return [];
+ }
+ };
+
+ const handleMetadataSubmit = async (payload) => {
+ const normalizedJobId = normalizeJobId(payload?.jobId);
+ if (!normalizedJobId) {
+ return;
+ }
+
+ setMetadataAssignBusy(true);
+ clearTimers();
+ setCooldownRemaining(0);
+
+ try {
+ await api.assignJobMetadata(normalizedJobId, payload || {});
+
+ const remaining = jobsRef.current.filter((row) => normalizeJobId(row?.id) !== normalizedJobId);
+ jobsRef.current = remaining;
+ setJobs(remaining);
+
+ toastRef.current?.show({
+ severity: 'success',
+ summary: 'Job migriert',
+ detail: `Job #${normalizedJobId} wurde auf TMDb aktualisiert.`,
+ life: 2600
+ });
+
+ if (remaining.length === 0) {
+ setRunning(false);
+ setMetadataDialogVisible(false);
+ setMetadataDialogContext(null);
+ toastRef.current?.show({
+ severity: 'success',
+ summary: 'Migration abgeschlossen',
+ detail: 'Alle ausstehenden Jobs wurden abgearbeitet.',
+ life: 3200
+ });
+ return;
+ }
+
+ if (!runningRef.current) {
+ return;
+ }
+ scheduleNextJob(remaining[0], 10);
+ } catch (error) {
+ toastRef.current?.show({
+ severity: 'error',
+ summary: 'Migration fehlgeschlagen',
+ detail: error?.message || 'Metadaten konnten nicht übernommen werden.'
+ });
+ throw error;
+ } finally {
+ setMetadataAssignBusy(false);
+ }
+ };
+
+ const mediumTagBody = (row) => {
+ const mediaType = resolveMediaType(row);
+ const label = mediaType === 'bluray' ? 'Blu-ray' : mediaType === 'dvd' ? 'DVD' : mediaType === 'converter' ? 'Converter' : 'Other';
+ return
;
+ };
+
+ const titleBody = (row) => String(row?.title || row?.detected_title || `Job #${row?.id || '-'}`).trim() || '-';
+
+ const countdownProgressValue = useMemo(() => {
+ if (cooldownRemaining <= 0) {
+ return 0;
+ }
+ const elapsed = 10 - Math.min(10, cooldownRemaining);
+ return Math.max(0, Math.min(100, Math.round((elapsed / 10) * 100)));
+ }, [cooldownRemaining]);
+
+ return (
+
+
+
+
+
+
+ 0 ? 'warning' : 'success'} />
+ {running ? : null}
+
+
+
+
+
+
+ Nächste Suche startet in {cooldownRemaining}s
+ API-Wartezeit aktiv (mind. 10 Sekunden zwischen Jobs).
+
+
+
+
+
0)}
+ />
+
+ );
+}
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css
new file mode 100644
index 0000000..7dedab6
--- /dev/null
+++ b/frontend/src/styles/app.css
@@ -0,0 +1,6860 @@
+:root {
+ --rip-ink: #2f180f;
+ --rip-brown-900: #3a1d12;
+ --rip-brown-800: #552919;
+ --rip-brown-700: #6f3922;
+ --rip-brown-600: #8e4d2d;
+ --rip-gold-400: #d49c56;
+ --rip-gold-300: #e7c17e;
+ --rip-gold-200: #f2dcad;
+ --rip-cream-100: #fbf2df;
+ --rip-cream-50: #fffaf0;
+ --rip-border: #d9bc8d;
+ --rip-muted: #6a4d38;
+ --rip-panel: #fffaf1;
+ --rip-panel-soft: #fdf5e7;
+ --ripper-side-width: 20rem;
+
+ /* PrimeReact theme tokens */
+ --primary-color: var(--rip-brown-600);
+ --primary-color-text: #fff7e9;
+ --primary-50: #fef6ec;
+ --primary-100: #f3d9b2;
+ --primary-200: #e7bd87;
+ --primary-300: #daa05c;
+ --primary-400: #cd8331;
+ --primary-500: #b56a2a;
+ --primary-600: #965724;
+ --primary-700: #77431c;
+ --primary-800: #583015;
+ --primary-900: #391e0d;
+ --green-50: #fcf7ee;
+ --green-100: #f4dec0;
+ --green-200: #ebc594;
+ --green-300: #e1ac68;
+ --green-400: #d8933d;
+ --green-500: #bf7832;
+ --green-600: #9f642a;
+ --green-700: #7f4f21;
+ --green-800: #603a18;
+ --green-900: #402510;
+ --yellow-50: #fff8e9;
+ --yellow-100: #f9e2b3;
+ --yellow-200: #f2cb7f;
+ --yellow-300: #ebb54c;
+ --yellow-400: #e49e19;
+ --yellow-500: #ca8616;
+ --yellow-600: #a66f12;
+ --yellow-700: #83580e;
+ --yellow-800: #60410a;
+ --yellow-900: #3d2a06;
+ --blue-50: #f8f4ee;
+ --blue-100: #e7d8c0;
+ --blue-200: #d7bd96;
+ --blue-300: #c7a16d;
+ --blue-400: #b78643;
+ --blue-500: #9d6d38;
+ --blue-600: #825a2e;
+ --blue-700: #664623;
+ --blue-800: #4b3319;
+ --blue-900: #301f0f;
+ --red-50: #fdf2ed;
+ --red-100: #f3cec0;
+ --red-200: #eaa995;
+ --red-300: #e18569;
+ --red-400: #d7613e;
+ --red-500: #bf4f33;
+ --red-600: #9f422a;
+ --red-700: #7f3521;
+ --red-800: #602818;
+ --red-900: #401b10;
+ --surface-ground: #f2e7d1;
+ --surface-section: var(--rip-cream-100);
+ --surface-card: var(--rip-panel);
+ --surface-overlay: #fffaf2;
+ --surface-border: var(--rip-border);
+ --surface-hover: #f4e7d0;
+ --focus-ring: 0 0 0 0.2rem rgba(182, 107, 44, 0.35);
+ --text-color: var(--rip-ink);
+ --text-color-secondary: var(--rip-muted);
+ --highlight-bg: var(--rip-gold-200);
+ --highlight-text-color: var(--rip-brown-900);
+
+ font-family: 'Source Sans 3', 'Segoe UI', sans-serif;
+ color: var(--rip-ink);
+ background: radial-gradient(circle at 12% 8%, #f8e3bc 0%, #f8ecd4 35%, #fdf8ee 68%, #fffdf8 100%);
+ line-height: 1.4;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ min-height: 100vh;
+ background: inherit;
+ color: var(--rip-ink);
+ overflow-x: hidden;
+}
+
+.app-shell {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+}
+
+.app-header {
+ padding: 0.95rem 1.25rem;
+ border-bottom: 1px solid var(--rip-border);
+ background: linear-gradient(105deg, #f1d09b 0%, #e1af6d 32%, #d89d57 60%, #be7441 100%);
+ box-shadow: 0 8px 18px rgba(58, 29, 18, 0.12);
+ display: flex;
+ flex-wrap: wrap;
+ gap: 1rem;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.brand-block {
+ display: flex;
+ align-items: center;
+ gap: 0.85rem;
+}
+
+.brand-logo {
+ width: 72px;
+ height: 72px;
+ object-fit: contain;
+ filter: drop-shadow(0 5px 9px rgba(58, 29, 18, 0.28));
+}
+
+.brand-copy h1 {
+ margin: 0;
+ font-size: 1.75rem;
+ line-height: 1.05;
+ color: var(--rip-brown-900);
+}
+
+.brand-copy p {
+ margin: 0.28rem 0 0;
+ font-size: 0.92rem;
+ color: var(--rip-brown-700);
+ letter-spacing: 0.02em;
+}
+
+.brand-meta {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 0.45rem;
+}
+
+.app-version {
+ display: inline-flex;
+ align-items: center;
+ min-height: 1.35rem;
+ padding: 0.1rem 0.45rem;
+ border: 1px solid rgba(58, 29, 18, 0.18);
+ border-radius: 999px;
+ background: rgba(255, 250, 240, 0.45);
+ color: rgba(58, 29, 18, 0.72);
+ font-size: 0.72rem;
+ font-weight: 600;
+ letter-spacing: 0.03em;
+ white-space: nowrap;
+}
+
+.nav-buttons {
+ display: flex;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+ align-items: center;
+}
+
+.nav-btn.p-button {
+ border-color: rgba(58, 29, 18, 0.36);
+ color: var(--rip-brown-900);
+}
+
+.nav-btn.p-button:not(.p-button-outlined) {
+ background: var(--rip-brown-700);
+ border-color: var(--rip-brown-700);
+ color: #fff8eb;
+}
+
+.nav-btn.p-button.p-button-outlined {
+ background: rgba(255, 247, 232, 0.45);
+}
+
+.nav-btn.p-button.p-button-outlined:hover {
+ background: rgba(255, 247, 232, 0.78);
+ border-color: var(--rip-brown-700);
+ color: var(--rip-brown-900);
+}
+
+.nav-btn-active.p-button {
+ box-shadow: 0 0 0 1px rgba(58, 29, 18, 0.3);
+}
+
+.zip-status-indicator {
+ border: 1px solid rgba(58, 29, 18, 0.28);
+ border-radius: 999px;
+ background: rgba(255, 247, 232, 0.55);
+ color: var(--rip-brown-900);
+ display: inline-flex;
+ align-items: center;
+ gap: 0.45rem;
+ padding: 0.55rem 0.8rem;
+ font: inherit;
+ font-weight: 600;
+ cursor: pointer;
+ transition: background 120ms ease, border-color 120ms ease, transform 120ms ease;
+}
+
+.zip-status-indicator:hover {
+ background: rgba(255, 247, 232, 0.82);
+ border-color: var(--rip-brown-700);
+ transform: translateY(-1px);
+}
+
+.zip-status-indicator i {
+ font-size: 0.95rem;
+}
+
+.zip-status-indicator span {
+ white-space: nowrap;
+}
+
+.zip-status-indicator-ready {
+ background: rgba(231, 247, 233, 0.9);
+ border-color: rgba(28, 138, 58, 0.28);
+ color: #1f6d35;
+}
+
+.zip-status-indicator-error {
+ background: rgba(255, 236, 230, 0.9);
+ border-color: rgba(184, 74, 39, 0.26);
+ color: #9f3b1f;
+}
+
+.app-main {
+ width: 100%;
+ max-width: none;
+ margin: 1rem 0 2rem;
+ padding: 0 1rem;
+}
+
+.app-upload-banner {
+ width: auto;
+ max-width: none;
+ margin: 0.9rem 1rem 0;
+ padding: 0.8rem 0.95rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.7rem;
+ background: linear-gradient(135deg, rgba(255, 250, 241, 0.96), rgba(250, 237, 210, 0.92));
+ box-shadow: 0 10px 24px rgba(58, 29, 18, 0.08);
+ display: grid;
+ grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr) auto;
+ gap: 0.85rem;
+ align-items: center;
+}
+
+.app-upload-banner.phase-error {
+ border-color: #d8a19a;
+ background: linear-gradient(135deg, #fff8f5, #f9e1dc);
+}
+
+.app-upload-banner.phase-completed {
+ border-color: #a7cda5;
+ background: linear-gradient(135deg, #f8fff7, #e8f3de);
+}
+
+.app-upload-banner-copy,
+.app-upload-banner-progress {
+ min-width: 0;
+ display: grid;
+ gap: 0.22rem;
+}
+
+.app-upload-banner-head {
+ display: flex;
+ align-items: center;
+ gap: 0.55rem;
+ flex-wrap: wrap;
+}
+
+.app-upload-banner-copy small,
+.app-upload-banner-progress small {
+ color: var(--rip-muted);
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.app-upload-banner-progress .p-progressbar {
+ height: 0.52rem;
+ background: rgba(111, 57, 34, 0.12);
+}
+
+.app-upload-banner-actions {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.4rem;
+ justify-self: end;
+}
+
+.page-grid {
+ display: grid;
+ gap: 1rem;
+}
+
+.page-grid > * {
+ min-width: 0;
+}
+
+.page-grid .p-card,
+.page-grid .p-card .p-card-body,
+.page-grid .p-card .p-card-content {
+ min-width: 0;
+}
+
+.ripper-3col-grid {
+ display: grid;
+ width: 100%;
+ grid-template-columns: var(--ripper-side-width) minmax(0, 1fr) var(--ripper-side-width);
+ gap: 1rem;
+ align-items: start;
+}
+
+.ripper-col {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ min-width: 0;
+}
+
+.ripper-subpage-content {
+ width: 100%;
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.ripper-subpage-content > * {
+ min-width: 0;
+}
+
+@media (max-width: 1100px) {
+ .ripper-3col-grid {
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
+ }
+ .ripper-col-right {
+ grid-column: 1 / -1;
+ }
+}
+
+@media (max-width: 700px) {
+ .ripper-3col-grid {
+ grid-template-columns: minmax(0, 1fr);
+ }
+}
+
+.status-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 1rem;
+ margin-bottom: 1rem;
+}
+
+.status-row span {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.progress-wrap {
+ margin-bottom: 1rem;
+}
+
+.actions-row {
+ display: flex;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.actions-section {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.actions-group {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+}
+
+.actions-group-label {
+ font-size: 0.78rem;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ color: var(--text-color-secondary);
+ margin-bottom: 0.1rem;
+}
+
+.action-item {
+ display: flex;
+ align-items: center;
+ gap: 0.75rem;
+}
+
+.actions-group .action-item .p-button {
+ flex-shrink: 0;
+ width: 13rem;
+}
+
+.action-desc {
+ font-size: 0.8rem;
+ color: var(--text-color-secondary);
+ line-height: 1.35;
+}
+
+.action-delete-entry {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 0.75rem;
+ border-top: 1px solid var(--surface-border);
+ padding-top: 0.75rem;
+ margin-top: 0.25rem;
+}
+
+.action-delete-entry .action-desc {
+ text-align: right;
+}
+
+.ripper-drive-state {
+ margin: 0.5rem 0;
+}
+
+.settings-expert-toggle {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.55rem;
+ padding: 0.45rem 0.7rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+}
+
+.settings-expert-toggle > span {
+ font-size: 0.9rem;
+ font-weight: 600;
+ white-space: nowrap;
+}
+
+.hardware-monitor-head {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 0.45rem;
+ margin-bottom: 0.7rem;
+}
+
+.hardware-monitor-grid {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ gap: 0.75rem;
+ align-items: stretch;
+ justify-content: center;
+ width: 100%;
+}
+
+.hardware-monitor-grid > .hardware-monitor-block {
+ flex: 1 1 18rem;
+ max-width: 24rem;
+ min-width: 0;
+}
+
+.hardware-monitor-block {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+ padding: 0.65rem;
+ display: grid;
+ gap: 0.55rem;
+ align-content: start;
+ justify-items: center;
+ text-align: center;
+}
+
+.hardware-monitor-block h4 {
+ margin: 0;
+}
+
+.hardware-monitor-meta {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.35rem 0.55rem;
+}
+
+.hardware-cpu-summary {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.35rem;
+ align-items: center;
+ justify-content: center;
+ min-width: 0;
+ overflow: hidden;
+}
+
+.hardware-cpu-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 999px;
+ background: var(--rip-panel);
+ padding: 0.18rem 0.42rem;
+ font-size: 0.75rem;
+ font-weight: 600;
+ white-space: nowrap;
+ min-width: 0;
+ flex-shrink: 1;
+}
+
+.hardware-cpu-chip span {
+ line-height: 1;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.hardware-cpu-chip .pi {
+ font-size: 0.75rem;
+ color: var(--rip-brown-700);
+ flex-shrink: 0;
+}
+
+.hardware-cpu-load-group {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.2rem;
+ min-width: 0;
+ flex-shrink: 1;
+}
+
+.hardware-cpu-core-toggle-btn {
+ border: 1px solid var(--rip-border);
+ background: var(--rip-panel);
+ color: var(--rip-brown-700);
+ width: 1.6rem;
+ min-width: 1.6rem;
+ height: 1.6rem;
+ border-radius: 999px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ padding: 0;
+ flex-shrink: 0;
+}
+
+.hardware-cpu-core-toggle-btn:hover {
+ background: #f1e1c8;
+}
+
+.hardware-cpu-core-toggle-btn .pi {
+ font-size: 0.78rem;
+}
+
+.hardware-monitor-meta > div,
+.hardware-core-item,
+.hardware-gpu-item,
+.hardware-storage-item {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.hardware-core-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+ gap: 0.45rem;
+}
+
+.hardware-core-item {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.4rem;
+ padding: 0.42rem 0.5rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.12rem;
+}
+
+.hardware-core-grid.compact {
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 0.32rem;
+}
+
+.hardware-core-item.compact {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ gap: 0.2rem 0.3rem;
+ padding: 0.3rem 0.45rem;
+ text-align: center;
+ overflow: hidden;
+}
+
+.hardware-core-title {
+ font-size: 0.74rem;
+ font-weight: 700;
+ color: var(--rip-brown-700);
+ min-width: 0;
+}
+
+.hardware-core-metric {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+ justify-self: center;
+}
+
+.hardware-core-metric .pi {
+ font-size: 0.72rem;
+ color: var(--rip-muted);
+}
+
+.hardware-gpu-list,
+.hardware-storage-list {
+ display: grid;
+ gap: 0.45rem;
+}
+
+.hardware-panel-section {
+ display: grid;
+ gap: 0.45rem;
+}
+
+.hardware-panel-section h4 {
+ margin: 0;
+}
+
+.hardware-panel-section-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.4rem;
+}
+
+.hardware-panel-link-btn.p-button {
+ width: 1.8rem;
+ height: 1.8rem;
+ color: var(--rip-brown-700);
+}
+
+.hardware-panel-divider {
+ border-top: 1px solid var(--surface-border);
+ margin: 0.75rem 0;
+}
+
+.hardware-mini-monitor-list {
+ display: grid;
+ gap: 0.45rem;
+}
+
+.hardware-mini-monitor-item {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.45rem 0.55rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.15rem;
+}
+
+.hardware-mini-monitor-item strong {
+ font-size: 0.82rem;
+}
+
+.hardware-mini-monitor-line {
+ display: flex;
+ align-items: center;
+ gap: 0.38rem;
+ flex-wrap: wrap;
+}
+
+.hardware-mini-monitor-metric {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.35rem;
+}
+
+.hardware-mini-monitor-sep {
+ color: var(--rip-muted);
+}
+
+.hardware-mini-monitor-metric .pi {
+ font-size: 0.78rem;
+ color: var(--rip-brown-700);
+}
+
+.hardware-gpu-item,
+.hardware-storage-item {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.45rem 0.55rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.15rem;
+}
+
+.hardware-gpu-item {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ gap: 0.25rem 0.35rem;
+}
+
+.hardware-gpu-item strong {
+ flex: 0 0 100%;
+ font-size: 0.82rem;
+ text-align: center;
+}
+
+.hardware-gpu-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 999px;
+ background: var(--rip-panel-soft);
+ padding: 0.18rem 0.42rem;
+ font-size: 0.75rem;
+ font-weight: 600;
+ white-space: nowrap;
+ color: var(--rip-brown-800);
+}
+
+.hardware-storage-item.compact {
+ gap: 0.3rem;
+}
+
+.hardware-storage-group-label {
+ color: var(--rip-muted);
+ font-size: 0.75rem;
+ line-height: 1.3;
+}
+
+.hardware-storage-bar-row {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: center;
+ gap: 0.5rem;
+}
+
+.hardware-storage-head {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: start;
+ gap: 0.5rem;
+}
+
+.hardware-storage-head strong {
+ display: block;
+ min-width: 0;
+ line-height: 1.3;
+ white-space: normal;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.hardware-storage-percent {
+ font-size: 0.74rem;
+ font-weight: 700;
+ border-radius: 999px;
+ padding: 0.1rem 0.45rem;
+ border: 1px solid transparent;
+ white-space: nowrap;
+ justify-self: end;
+ align-self: start;
+}
+
+.hardware-storage-percent.tone-ok {
+ color: #18643a;
+ background: #d8f1df;
+ border-color: #9ed5ad;
+}
+
+.hardware-storage-percent.tone-warn {
+ color: #7d4f00;
+ background: #f8ebc4;
+ border-color: #d7b46a;
+}
+
+.hardware-storage-percent.tone-high {
+ color: #8e3d00;
+ background: #f5dcc9;
+ border-color: #d9a578;
+}
+
+.hardware-storage-percent.tone-critical {
+ color: #8f1f17;
+ background: #f6d6d5;
+ border-color: #d89a97;
+}
+
+.hardware-storage-percent.tone-unknown {
+ color: #5b4636;
+ background: #eadfcc;
+ border-color: #c8ad88;
+}
+
+.hardware-storage-bar .p-progressbar {
+ height: 0.5rem;
+ background: #eadbc1;
+}
+
+.hardware-storage-bar.tone-ok .p-progressbar-value {
+ background: #2d9c4e;
+}
+
+.hardware-storage-bar.tone-warn .p-progressbar-value {
+ background: #c58f00;
+}
+
+.hardware-storage-bar.tone-high .p-progressbar-value {
+ background: #d6761f;
+}
+
+.hardware-storage-bar.tone-critical .p-progressbar-value {
+ background: #c43c2e;
+}
+
+.hardware-storage-bar.tone-unknown .p-progressbar-value {
+ background: #8a6a53;
+}
+
+.hardware-storage-summary {
+ display: flex;
+ justify-content: space-between;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.hardware-storage-path {
+ color: var(--rip-muted);
+}
+
+.hardware-storage-paths {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.25rem 0.4rem;
+ align-items: baseline;
+ margin-top: 0.1rem;
+}
+
+.hardware-storage-label-tag {
+ color: var(--rip-muted);
+ font-weight: 600;
+ white-space: nowrap;
+}
+
+.pipeline-queue-meta {
+ display: flex;
+ gap: 0.45rem;
+ flex-wrap: wrap;
+ margin-bottom: 0.7rem;
+}
+
+.pipeline-queue-grid {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr);
+ gap: 0.75rem;
+}
+
+.pipeline-queue-col {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ padding: 0.55rem 0.6rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ align-content: start;
+ grid-auto-rows: min-content;
+ gap: 0.45rem;
+}
+
+.pipeline-queue-col.queue-col-running {
+ order: 1;
+}
+
+.pipeline-queue-col.queue-col-queued {
+ order: 2;
+}
+
+.pipeline-queue-col.queue-col-idle {
+ order: 3;
+}
+
+.pipeline-queue-col h4 {
+ margin: 0;
+}
+
+.pipeline-queue-col-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+}
+
+.queue-add-entry-btn {
+ background: none;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.35rem;
+ color: var(--rip-muted);
+ cursor: pointer;
+ font-size: 0.75rem;
+ padding: 0.15rem 0.5rem;
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+ transition: color 0.12s, border-color 0.12s, background 0.12s;
+ white-space: nowrap;
+}
+
+.queue-add-entry-btn:hover {
+ color: var(--rip-primary, #6366f1);
+ border-color: var(--rip-primary, #6366f1);
+ background: var(--rip-panel);
+}
+
+.queue-empty-hint {
+ color: var(--rip-muted);
+ font-size: 0.82rem;
+}
+
+.script-results-grid {
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+}
+
+.script-summary-block {
+ display: flex;
+ flex-direction: column;
+ gap: 0.3rem;
+}
+
+.script-summary-counts {
+ display: flex;
+ gap: 0.6rem;
+ font-size: 0.82rem;
+ margin-left: 0.2rem;
+}
+
+.script-summary-counts .tone-success { color: #1c8a3a; font-weight: 600; }
+.script-summary-counts .tone-danger { color: #9c2d2d; font-weight: 600; }
+.script-summary-counts .tone-warning { color: #b45309; font-weight: 600; }
+
+.script-result-list {
+ display: flex;
+ flex-direction: column;
+ gap: 0.25rem;
+ margin-left: 0.5rem;
+ margin-top: 0.15rem;
+}
+
+.script-result-row {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ font-size: 0.83rem;
+}
+
+.script-result-name {
+ flex: 1;
+ color: var(--rip-text);
+}
+
+.script-result-status {
+ font-size: 0.75rem;
+ font-weight: 600;
+ text-transform: uppercase;
+}
+
+.script-result-status.tone-success { color: #1c8a3a; }
+.script-result-status.tone-danger { color: #9c2d2d; }
+.script-result-status.tone-warning { color: #b45309; }
+
+.script-result-error {
+ font-size: 0.75rem;
+ color: #9c2d2d;
+ font-style: italic;
+}
+
+.job-step-inline-warn {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+ color: #b45309;
+ font-weight: 600;
+ font-size: 0.8rem;
+}
+
+.job-step-inline-warn .pi {
+ font-size: 0.85rem;
+}
+
+.pipeline-queue-item {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.42rem 0.5rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.15rem;
+}
+
+.pipeline-queue-item.running {
+ border-style: solid;
+}
+
+.pipeline-queue-item.queue-job-item {
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: center;
+ gap: 0.45rem;
+}
+
+.pipeline-queue-item.queued {
+ grid-template-columns: auto auto minmax(0, 1fr) auto;
+ align-items: center;
+ gap: 0.45rem;
+}
+
+.pipeline-queue-item.queued.non-job {
+ border-style: dotted;
+ background: var(--rip-surface);
+ opacity: 0.92;
+}
+
+.pipeline-queue-type-icon {
+ font-size: 0.82rem;
+ color: var(--rip-muted);
+ flex-shrink: 0;
+}
+
+.queue-job-tag {
+ font-size: 0.72rem;
+ color: var(--rip-muted);
+ margin-left: 0.3rem;
+ vertical-align: middle;
+}
+
+.pipeline-queue-item-actions {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.15rem;
+}
+
+.tmdb-migration-page .p-card .p-card-content {
+ display: grid;
+ gap: 0.9rem;
+}
+
+.tmdb-migration-toolbar {
+ display: flex;
+ justify-content: space-between;
+ gap: 0.75rem;
+ flex-wrap: wrap;
+ align-items: center;
+}
+
+.tmdb-migration-toolbar-left,
+.tmdb-migration-toolbar-actions {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.45rem;
+ flex-wrap: wrap;
+}
+
+.tmdb-migration-countdown {
+ display: grid;
+ grid-template-columns: auto minmax(0, 1fr);
+ gap: 0.65rem 0.75rem;
+ align-items: center;
+ border: 1px solid var(--surface-border);
+ border-radius: 0.55rem;
+ background: var(--surface-section);
+ padding: 0.65rem 0.8rem;
+}
+
+.tmdb-migration-countdown-copy {
+ display: grid;
+ gap: 0.12rem;
+}
+
+.tmdb-migration-countdown-copy small {
+ color: var(--text-color-secondary);
+}
+
+.tmdb-migration-countdown-progress {
+ grid-column: 1 / -1;
+ width: 100%;
+ height: 0.4rem;
+ border-radius: 999px;
+ background: rgba(0, 0, 0, 0.08);
+ overflow: hidden;
+}
+
+.tmdb-migration-countdown-bar {
+ height: 100%;
+ background: var(--primary-color);
+ transition: width 180ms linear;
+}
+
+.queue-job-expand-btn {
+ width: 1.6rem;
+ height: 1.6rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.35rem;
+ background: transparent;
+ color: var(--rip-muted);
+ cursor: pointer;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
+}
+
+.queue-job-expand-btn:hover {
+ border-color: var(--rip-brown-600);
+ color: var(--rip-brown-700);
+ background: var(--rip-surface);
+}
+
+.queue-job-script-details {
+ margin-top: 0.2rem;
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.4rem;
+ background: var(--rip-panel-soft);
+ padding: 0.4rem 0.5rem;
+ display: grid;
+ gap: 0.3rem;
+}
+
+.queue-job-script-group {
+ display: grid;
+ gap: 0.1rem;
+}
+
+.queue-job-script-group strong {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.35rem;
+ font-size: 0.78rem;
+ color: var(--rip-muted);
+}
+
+.queue-job-script-group small {
+ font-size: 0.8rem;
+ color: var(--rip-ink);
+ white-space: normal;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.pipeline-queue-entry-wrap {
+ display: flex;
+ flex-direction: column;
+ gap: 0;
+}
+
+.queue-insert-btn {
+ align-self: center;
+ background: none;
+ border: 1px dashed var(--rip-border);
+ border-radius: 999px;
+ color: var(--rip-muted);
+ cursor: pointer;
+ font-size: 0.7rem;
+ line-height: 1;
+ padding: 0.1rem 0.5rem;
+ margin: 0.15rem auto;
+ opacity: 0.4;
+ transition: opacity 0.15s;
+}
+
+.queue-insert-btn:hover {
+ opacity: 1;
+ color: var(--rip-primary, #6366f1);
+ border-color: var(--rip-primary, #6366f1);
+}
+
+.pipeline-queue-empty {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 0.4rem;
+}
+
+.queue-insert-dialog-body {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.queue-insert-dialog-hint {
+ margin: 0;
+ font-size: 0.82rem;
+ color: var(--rip-muted);
+}
+
+.queue-insert-section {
+ display: flex;
+ flex-direction: column;
+ gap: 0.4rem;
+ padding-top: 0.5rem;
+ border-top: 1px solid var(--rip-border);
+}
+
+.queue-insert-section:first-of-type {
+ border-top: none;
+}
+
+.queue-insert-section-label {
+ font-weight: 600;
+ font-size: 0.88rem;
+ display: flex;
+ align-items: center;
+ gap: 0.35rem;
+}
+
+.queue-insert-options {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.35rem;
+}
+
+.queue-insert-option {
+ background: var(--rip-surface);
+ border: 1px solid var(--rip-border);
+ border-radius: 0.35rem;
+ color: inherit;
+ cursor: pointer;
+ font-size: 0.79rem;
+ padding: 0.2rem 0.5rem;
+ transition: background 0.12s;
+}
+
+.queue-insert-option:hover {
+ background: var(--rip-panel);
+ border-color: var(--rip-primary, #6366f1);
+}
+
+.queue-insert-system-block {
+ display: flex;
+ align-items: center;
+ gap: 0.45rem;
+ background: var(--rip-surface);
+ border: 1px solid var(--rip-border);
+ border-radius: 0.35rem;
+ padding: 0.2rem 0.5rem;
+}
+
+.queue-insert-system-name {
+ font-size: 0.79rem;
+ display: flex;
+ align-items: center;
+ gap: 0.3rem;
+ white-space: nowrap;
+}
+
+.pipeline-queue-item.queued.dragging {
+ opacity: 0.65;
+}
+
+.pipeline-queue-item-main {
+ min-width: 0;
+ display: grid;
+ gap: 0.15rem;
+}
+
+.pipeline-queue-item-main strong,
+.pipeline-queue-item-main small {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.queue-running-progress {
+ margin-top: 0.15rem;
+}
+
+.queue-running-progress .p-progressbar {
+ height: 0.34rem;
+}
+
+.queue-nonjob-subtitle {
+ display: flex;
+ align-items: center;
+ gap: 0.35rem;
+}
+
+.queue-nonjob-subtitle i {
+ font-size: 0.82rem;
+ color: var(--rip-muted);
+ flex: 0 0 auto;
+}
+
+.queue-nonjob-subtitle span {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.pipeline-queue-drag-handle {
+ cursor: grab;
+ color: var(--rip-muted);
+ font-size: 0.9rem;
+ border: 1px solid transparent;
+ border-radius: 0.3rem;
+ padding: 0.2rem;
+}
+
+.pipeline-queue-drag-handle.disabled {
+ opacity: 0.45;
+ cursor: not-allowed;
+}
+
+.pipeline-queue-remove-btn {
+ width: 1.9rem;
+ height: 1.9rem;
+}
+
+.ripper-job-list {
+ display: grid;
+ gap: 0.6rem;
+}
+
+.ripper-job-row {
+ width: 100%;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.55rem;
+ padding: 0.6rem 0.7rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ grid-template-columns: 48px minmax(0, 1fr) auto;
+ gap: 0.7rem;
+ align-items: center;
+ text-align: left;
+ color: var(--rip-ink);
+ cursor: pointer;
+}
+
+.ripper-job-row:hover {
+ border-color: var(--rip-brown-600);
+ background: #fbf0df;
+}
+
+.ripper-job-row-content {
+ min-width: 0;
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ gap: 0.3rem 0.7rem;
+ align-items: start;
+}
+
+.ripper-job-row-main {
+ display: grid;
+ gap: 0.3rem;
+ min-width: 0;
+}
+
+.ripper-job-row-main strong,
+.ripper-job-row-main small {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.ripper-job-title-line {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.4rem;
+ min-width: 0;
+}
+
+.ripper-job-title-line > span {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.media-indicator-icon {
+ width: 1.1rem;
+ height: 1.1rem;
+ flex: 0 0 auto;
+ display: inline-block;
+}
+
+.ripper-job-row-progress {
+ grid-column: 1 / -1;
+ display: grid;
+ gap: 0.2rem;
+}
+
+.ripper-job-row-progress .p-progressbar {
+ height: 0.42rem;
+}
+
+.ripper-job-row-progress small {
+ color: var(--rip-muted);
+ white-space: normal;
+}
+
+.p-fileupload-buttonbar {
+ padding: 0.4rem 0.6rem !important;
+ gap: 0.35rem !important;
+}
+
+.p-fileupload-buttonbar .p-button.p-button-icon-only {
+ width: 2rem !important;
+ height: 2rem !important;
+ padding: 0 !important;
+}
+
+.p-fileupload-buttonbar .p-button.p-button-icon-only .p-button-icon {
+ font-size: 0.85rem !important;
+}
+
+.aax-drop-zone {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 0.35rem;
+ padding: 2rem 1rem;
+ text-align: center;
+ color: var(--rip-muted);
+}
+
+.aax-drop-zone p {
+ margin: 0;
+ font-size: 0.95rem;
+}
+
+.aax-drop-zone small {
+ font-size: 0.8rem;
+}
+
+.aax-drop-icon {
+ font-size: 2.2rem;
+ color: var(--rip-gold-400);
+}
+
+.aax-file-item {
+ display: flex;
+ align-items: flex-start;
+ gap: 0.65rem;
+ padding: 0.6rem 0.75rem;
+ border-top: 1px solid var(--rip-border);
+}
+
+.aax-file-icon {
+ font-size: 1.4rem;
+ color: var(--rip-brown-600);
+ flex-shrink: 0;
+}
+
+.aax-file-info {
+ display: flex;
+ flex-direction: column;
+ gap: 0.1rem;
+ min-width: 0;
+ flex: 1;
+}
+
+.aax-file-name {
+ font-size: 0.875rem;
+ font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.aax-file-status {
+ display: grid;
+ gap: 0.28rem;
+ margin-top: 0.3rem;
+}
+
+.aax-file-status .p-progressbar {
+ height: 0.35rem;
+}
+
+.audiobook-upload-header {
+ width: 100%;
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 0.9rem;
+ flex-wrap: wrap;
+}
+
+.audiobook-upload-header-actions {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.45rem;
+}
+
+.audiobook-upload-header-actions .p-button.p-button-icon-only {
+ width: 2.35rem !important;
+ height: 2.35rem !important;
+}
+
+.audiobook-upload-header-status {
+ display: inline-flex;
+ align-items: center;
+ justify-content: flex-end;
+ min-width: fit-content;
+}
+
+.audiobook-upload-header-status-top {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 0.45rem;
+ flex-wrap: wrap;
+}
+
+.audiobook-upload-header-status-top small {
+ color: var(--rip-muted);
+}
+
+.audiobook-upload-inline-text {
+ color: var(--rip-muted);
+ overflow-wrap: anywhere;
+}
+
+.audiobook-upload-status {
+ margin-top: 0.8rem;
+ padding: 0.7rem 0.8rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.55rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.35rem;
+}
+
+.audiobook-upload-status.tone-warning {
+ border-color: #d9b26d;
+ background: #fff7e8;
+}
+
+.p-fileupload .p-fileupload-content {
+ padding: 0;
+}
+
+.audiobook-upload-status.tone-info {
+ border-color: #c7b086;
+ background: #fbf5ea;
+}
+
+.audiobook-upload-status.tone-success {
+ border-color: #9cc7a1;
+ background: #f5fbf3;
+}
+
+.audiobook-upload-status.tone-danger {
+ border-color: #d8a19a;
+ background: #fff6f3;
+}
+
+.audiobook-upload-status-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.audiobook-upload-file {
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.audiobook-upload-progress {
+ margin-top: 0.15rem;
+}
+
+@media (max-width: 860px) {
+ .audiobook-upload-header-status {
+ min-width: 100%;
+ justify-content: flex-start;
+ }
+
+ .audiobook-upload-header-status-top {
+ justify-content: flex-start;
+ }
+}
+
+.ripper-job-badges {
+ display: flex;
+ align-items: center;
+ gap: 0.35rem;
+ flex-wrap: nowrap;
+ justify-content: flex-end;
+}
+
+.job-step-checks {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.4rem;
+}
+
+.job-step-inline-ok {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+ color: #1c8a3a;
+ font-weight: 600;
+ font-size: 0.8rem;
+}
+
+.job-step-inline-ok .pi {
+ font-size: 0.85rem;
+}
+
+.job-step-inline-no {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+ color: #9c2d2d;
+ font-weight: 600;
+ font-size: 0.8rem;
+}
+
+.job-step-inline-no .pi {
+ font-size: 0.85rem;
+}
+
+.job-step-cell {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.4rem;
+}
+
+.job-step-ok-icon {
+ color: #1c8a3a;
+}
+
+.muted-inline {
+ color: var(--rip-muted);
+ display: block;
+}
+
+.ripper-job-poster-fallback {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 0.56rem;
+ color: var(--rip-muted);
+ background: #f6ebd6;
+}
+
+.ripper-job-expanded {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.6rem;
+ padding: 0.6rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.6rem;
+}
+
+.ripper-job-expanded-head {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 0.75rem;
+}
+
+.ripper-job-expanded-title {
+ display: grid;
+ gap: 0.35rem;
+ flex: 1;
+ min-width: 0;
+}
+
+.multipart-merge-panel {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: #fff;
+ padding: 0.75rem;
+ display: grid;
+ gap: 0.65rem;
+}
+
+.multipart-merge-head {
+ display: grid;
+ gap: 0.2rem;
+}
+
+.multipart-merge-head small {
+ color: var(--rip-muted);
+}
+
+.multipart-merge-list {
+ display: grid;
+ gap: 0.45rem;
+}
+
+.multipart-merge-item {
+ display: grid;
+ gap: 0.35rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.5rem 0.55rem;
+ background: var(--rip-panel-soft);
+ cursor: grab;
+}
+
+.multipart-merge-item:active {
+ cursor: grabbing;
+}
+
+.multipart-merge-item-meta {
+ display: flex;
+ align-items: center;
+ gap: 0.35rem;
+ flex-wrap: wrap;
+}
+
+.multipart-merge-item-text {
+ display: grid;
+ gap: 0.12rem;
+}
+
+.multipart-merge-item-text strong,
+.multipart-merge-item-text small {
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.multipart-merge-item-text small {
+ color: var(--rip-muted);
+}
+
+.multipart-merge-actions {
+ display: flex;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.multipart-merge-preview {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.55rem 0.6rem;
+ background: #fffdf8;
+ display: grid;
+ gap: 0.55rem;
+}
+
+.multipart-merge-preview-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+}
+
+.multipart-merge-preview-section {
+ display: grid;
+ gap: 0.35rem;
+}
+
+.multipart-merge-command-preview {
+ display: block;
+ padding: 0.45rem 0.5rem;
+ border-radius: 0.35rem;
+ border: 1px solid var(--rip-border);
+ background: #fff;
+ white-space: pre-wrap;
+ word-break: break-word;
+ overflow-wrap: anywhere;
+ font-size: 0.78rem;
+}
+
+.multipart-merge-chapter-list {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(260px, 1fr));
+ gap: 0.25rem 0.55rem;
+ max-height: 16rem;
+ overflow: auto;
+ padding-right: 0.2rem;
+}
+
+.multipart-merge-chapter-item {
+ display: grid;
+ grid-template-columns: 3rem 5.5rem minmax(0, 1fr);
+ gap: 0.45rem;
+ align-items: start;
+}
+
+.multipart-merge-track-columns {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+ gap: 0.6rem;
+}
+
+.multipart-merge-track-column {
+ display: grid;
+ gap: 0.3rem;
+}
+
+.multipart-merge-track-heading {
+ color: var(--rip-muted);
+ font-weight: 600;
+}
+
+.multipart-merge-track-list {
+ display: grid;
+ gap: 0.18rem;
+}
+
+@media (max-width: 960px) {
+ .multipart-merge-chapter-list {
+ grid-template-columns: minmax(0, 1fr);
+ max-height: none;
+ overflow: visible;
+ padding-right: 0;
+ }
+}
+
+.playlist-waiting-box {
+ margin-top: 0.75rem;
+ padding: 0.6rem 0.7rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.25rem;
+}
+
+.playlist-title-choice-list {
+ display: grid;
+ gap: 0.3rem;
+ margin-top: 0.25rem;
+}
+
+.playlist-title-choice {
+ display: grid;
+ gap: 0.12rem;
+}
+
+.playlist-title-choice label {
+ display: flex;
+ align-items: flex-start;
+ gap: 0.45rem;
+}
+
+.playlist-title-choice input {
+ margin-top: 0.2rem;
+}
+
+.playlist-recommendation-box {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ background: var(--rip-panel-soft);
+ padding: 0.5rem 0.65rem;
+ display: grid;
+ gap: 0.2rem;
+}
+
+.dialog-actions {
+ margin-top: 1rem;
+ display: flex;
+ justify-content: flex-end;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.playlist-selection-box {
+ margin-top: 0.9rem;
+ padding: 0.75rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.45rem;
+}
+
+.playlist-selection-box h4 {
+ margin: 0;
+}
+
+.playlist-candidate-list {
+ display: grid;
+ gap: 0.2rem;
+}
+
+.search-row {
+ display: grid;
+ grid-template-columns: 1fr auto;
+ gap: 0.5rem;
+}
+
+.metadata-dialog-controls {
+ display: grid;
+ gap: 0.75rem;
+ margin-bottom: 0.75rem;
+}
+
+.metadata-filter-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.5rem;
+ align-items: start;
+}
+
+.metadata-filter-grid-single {
+ grid-template-columns: 1fr;
+}
+
+.metadata-result-filter-row {
+ display: flex;
+ justify-content: flex-start;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.metadata-filter-disc {
+ display: grid;
+ gap: 0.2rem;
+}
+
+.metadata-filter-subtitle {
+ color: var(--text-color-secondary);
+ font-size: 0.78rem;
+ line-height: 1.25;
+}
+
+.metadata-grid {
+ margin-top: 0.75rem;
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 0.5rem;
+}
+
+.cd-rip-config-panel {
+ display: grid;
+ gap: 0.85rem;
+}
+
+.cd-meta-summary {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ background: var(--rip-panel-soft);
+ padding: 0.55rem 0.65rem;
+ display: grid;
+ gap: 0.35rem;
+}
+
+.cd-media-meta-layout {
+ display: grid;
+ grid-template-columns: auto minmax(0, 1fr);
+ gap: 0.75rem;
+ align-items: start;
+}
+
+.cd-cover-wrap {
+ width: 7rem;
+ min-width: 7rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ overflow: hidden;
+ background: #fff;
+}
+
+.cd-cover-image {
+ display: block;
+ width: 100%;
+ height: auto;
+ aspect-ratio: 1/1;
+ object-fit: cover;
+}
+
+.cd-format-field {
+ display: grid;
+ gap: 0.35rem;
+}
+
+.cd-format-field label {
+ font-weight: 600;
+}
+
+.cd-format-field small {
+ color: var(--rip-muted);
+}
+
+.cd-track-selection {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+ padding: 0.65rem;
+ display: grid;
+ gap: 0.55rem;
+}
+
+.cd-track-list {
+ overflow-x: auto;
+}
+
+.cd-track-table {
+ width: 100%;
+ min-width: 44rem;
+ border-collapse: collapse;
+}
+
+.cd-track-table th,
+.cd-track-table td {
+ border-bottom: 1px solid var(--rip-border);
+ padding: 0.45rem 0.5rem;
+ text-align: left;
+ vertical-align: middle;
+}
+
+.cd-track-table thead th {
+ color: var(--rip-muted);
+ font-size: 0.8rem;
+ letter-spacing: 0.02em;
+ text-transform: uppercase;
+}
+
+.cd-track-table tbody tr.selected {
+ background: rgba(175, 114, 7, 0.09);
+}
+
+.cd-track-table td.check,
+.cd-track-table th.check {
+ width: 4.5rem;
+ text-align: center;
+}
+
+.cd-track-table td.num,
+.cd-track-table th.num {
+ width: 4rem;
+ white-space: nowrap;
+}
+
+.cd-track-table td.duration,
+.cd-track-table th.duration {
+ width: 5.5rem;
+ white-space: nowrap;
+}
+
+.cd-track-table td.status,
+.cd-track-table th.status {
+ width: 6.5rem;
+ white-space: nowrap;
+ text-align: center;
+}
+
+.cd-track-table td.artist .p-inputtext,
+.cd-track-table td.title .p-inputtext {
+ width: 100%;
+}
+
+.device-meta {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.5rem;
+}
+
+.settings-grid {
+ display: grid;
+ gap: 0.5rem;
+}
+
+/* Hierarchische Settings — Baumstruktur */
+.settings-grid--depth-1 {
+ margin-left: 1.5rem;
+ padding-left: 0.9rem;
+ border-left: 3px solid var(--rip-amber, #f59e0b);
+ margin-top: 0.2rem;
+ margin-bottom: 0.1rem;
+ background: rgba(245, 158, 11, 0.04);
+ border-radius: 0 0.35rem 0.35rem 0;
+}
+
+.settings-grid--depth-2 {
+ margin-left: 1.25rem;
+ padding-left: 0.75rem;
+ border-left: 2px solid var(--rip-border, #e5e7eb);
+ margin-top: 0.15rem;
+ border-radius: 0 0.25rem 0.25rem 0;
+}
+
+/* Label für readonly/not-yet-implemented Toggles */
+.setting-label--readonly {
+ opacity: 0.55;
+}
+
+/* Readonly-Zeile leicht ausgrauen */
+.settings-grid--depth-1 .setting-row:has(.p-inputswitch.p-disabled),
+.settings-grid--depth-2 .setting-row:has(.p-inputswitch.p-disabled) {
+ opacity: 0.6;
+}
+
+.setting-badge--coming-soon {
+ font-size: 0.68rem;
+ color: var(--rip-muted, #9ca3af);
+ font-weight: 400;
+ font-style: italic;
+ margin-left: 0.3rem;
+}
+
+.settings-tabview {
+ margin-top: 0.75rem;
+}
+
+.settings-root-tabview {
+ margin-top: 0.75rem;
+}
+
+.settings-root-tabview .p-tabview-panels {
+ padding: 1rem 0 0;
+}
+
+.settings-tabview .p-tabview-panels {
+ padding: 1rem 0 0;
+}
+
+.settings-sections {
+ display: grid;
+ gap: 0.6rem;
+}
+
+.settings-section.grouped {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.55rem;
+ background: #fff7ea;
+ padding: 0.75rem;
+}
+
+.settings-section-head {
+ display: grid;
+ gap: 0.15rem;
+ margin-bottom: 0.55rem;
+}
+
+.settings-section-head h4 {
+ margin: 0;
+ color: var(--rip-brown-800);
+ font-size: 1rem;
+}
+
+.settings-section-head small {
+ color: var(--rip-muted);
+}
+
+.activation-bytes-cache-box p {
+ margin: 0;
+}
+
+.activation-bytes-table-wrap {
+ width: 100%;
+ overflow-x: auto;
+}
+
+.activation-bytes-table {
+ width: 100%;
+ border-collapse: collapse;
+ font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+ font-size: 0.82rem;
+}
+
+.activation-bytes-table th,
+.activation-bytes-table td {
+ text-align: left;
+ padding: 0.45rem 0.6rem;
+ border-bottom: 1px solid var(--surface-border);
+ white-space: nowrap;
+}
+
+.activation-bytes-table th {
+ color: var(--rip-brown-800);
+ font-weight: 700;
+}
+
+.setting-row {
+ display: grid;
+ gap: 0.25rem;
+ padding: 0.45rem 0.6rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+}
+
+.setting-row .saved-tag {
+ width: fit-content;
+}
+
+.setting-description {
+ white-space: pre-wrap;
+ font-size: 0.78rem;
+ color: var(--rip-muted);
+ line-height: 1.35;
+}
+
+.makemkv-beta-key-box {
+ display: grid;
+ gap: 0.35rem;
+ margin-top: 0.15rem;
+ padding: 0.55rem 0.65rem;
+ border: 1px dashed rgba(111, 57, 34, 0.32);
+ border-radius: 0.45rem;
+ background: rgba(255, 250, 240, 0.72);
+}
+
+.makemkv-beta-key-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+}
+
+.settings-inline-actions {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.25rem;
+ flex-wrap: wrap;
+}
+
+.makemkv-beta-key-title {
+ font-size: 0.8rem;
+ font-weight: 700;
+ color: var(--rip-brown-800);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+}
+
+.makemkv-beta-key-value {
+ display: block;
+ padding: 0.45rem 0.5rem;
+ border-radius: 0.35rem;
+ background: rgba(58, 29, 18, 0.06);
+ color: var(--rip-brown-900);
+ font-size: 0.82rem;
+ line-height: 1.35;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.notification-toggle-grid {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 1rem;
+ align-items: stretch;
+}
+
+.settings-grid + .notification-toggle-grid {
+ margin-top: 1rem;
+}
+
+/* Detected drives info block (Settings page → Laufwerk) */
+.detected-drives-info {
+ margin-bottom: 1.25rem;
+ padding: 0.6rem 0.75rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+}
+
+.detected-drives-header {
+ display: flex;
+ align-items: center;
+ gap: 0.4rem;
+ margin-bottom: 0.5rem;
+}
+
+.detected-drives-label {
+ font-size: 0.8rem;
+ font-weight: 600;
+ color: var(--rip-muted);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ flex: 1;
+}
+
+.detected-drives-empty {
+ font-size: 0.85rem;
+ color: var(--rip-muted);
+}
+
+.detected-drives-table {
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 0.85rem;
+}
+
+.detected-drives-table th {
+ text-align: left;
+ padding: 0.2rem 0.5rem;
+ color: var(--rip-muted);
+ font-weight: 600;
+ border-bottom: 1px solid var(--rip-border);
+}
+
+.detected-drives-table td {
+ padding: 0.25rem 0.5rem;
+ vertical-align: middle;
+}
+
+.detected-drives-table tr:not(:last-child) td {
+ border-bottom: 1px solid var(--rip-border);
+}
+
+/* Drive devices list editor (Settings page) */
+.drive-devices-editor {
+ display: flex;
+ flex-direction: column;
+ gap: 0.4rem;
+}
+
+.drive-devices-empty {
+ color: var(--rip-muted);
+ font-size: 0.85rem;
+ margin: 0;
+}
+
+.drive-device-row {
+ display: flex;
+ align-items: center;
+ gap: 0.4rem;
+}
+
+.drive-device-input {
+ flex: 1;
+ font-family: monospace;
+ font-size: 0.9rem;
+}
+
+.external-storage-editor {
+ display: flex;
+ flex-direction: column;
+ gap: 0.4rem;
+}
+
+.external-storage-empty {
+ color: var(--rip-muted);
+ font-size: 0.85rem;
+ margin: 0;
+}
+
+.external-storage-row {
+ display: flex;
+ align-items: center;
+ gap: 0.4rem;
+}
+
+.external-storage-name-input {
+ width: 14rem;
+ min-width: 10rem;
+}
+
+.external-storage-input {
+ flex: 1;
+ font-family: monospace;
+ font-size: 0.9rem;
+}
+
+.quick-access-list {
+ display: grid;
+ gap: 0.42rem;
+}
+
+.quick-access-empty {
+ margin: 0.2rem 0 0;
+ font-size: 0.82rem;
+ color: var(--rip-muted);
+}
+
+.quick-access-item {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: center;
+ gap: 0.35rem;
+ padding: 0.3rem 0.45rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.4rem;
+ background: var(--rip-panel-soft);
+}
+
+.quick-access-item-main {
+ display: flex;
+ align-items: center;
+ min-width: 0;
+}
+
+.quick-access-item-title {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.32rem;
+ font-size: 0.83rem;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.quick-access-item-title-icon {
+ font-size: 0.75rem;
+ color: var(--rip-muted);
+ flex: 0 0 auto;
+}
+
+.quick-access-run-btn.p-button.p-button-icon-only {
+ width: 1.5rem;
+ height: 1.5rem;
+ padding: 0;
+}
+
+.converter-scan-extensions-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(7.2rem, 1fr));
+ gap: 0.45rem 0.7rem;
+ margin-top: 0.1rem;
+}
+
+.converter-scan-extension-option {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.45rem;
+ cursor: pointer;
+ user-select: none;
+}
+
+.converter-scan-extension-option span {
+ font-family: monospace;
+ font-size: 0.85rem;
+}
+
+/* Per-drive CD sections in Ripper */
+/* Unified per-drive list (Disk-Information card) */
+.drive-list {
+ display: flex;
+ flex-direction: column;
+ gap: 0.4rem;
+ margin-top: 0.5rem;
+}
+
+.drive-list-empty {
+ font-size: 0.85rem;
+ color: var(--rip-muted);
+ margin: 0.5rem 0 0;
+}
+
+.drive-list-item {
+ padding: 0.35rem 0.55rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.4rem;
+ background: var(--rip-panel-soft);
+}
+
+.drive-list-row {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto auto;
+ align-items: center;
+ gap: 0.35rem;
+}
+
+.drive-list-info {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 0.28rem;
+ min-width: 0;
+}
+
+.drive-list-path {
+ display: inline-block;
+ font-size: 0.8rem;
+ color: var(--rip-muted);
+ white-space: nowrap;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.drive-list-model {
+ font-size: 0.75rem;
+ color: var(--rip-muted);
+ max-width: 14rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.drive-list-disc-arg {
+ font-size: 0.72rem;
+ color: var(--rip-muted);
+ opacity: 0.85;
+ flex: 0 0 auto;
+}
+
+.drive-list-state {
+ justify-self: start;
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+}
+
+.drive-list-status-icon {
+ width: 1.05rem;
+ height: 1.05rem;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 999px;
+ color: var(--rip-muted);
+}
+
+.drive-list-status-icon.tone-success {
+ color: #1c8a3a;
+}
+
+.drive-list-status-icon.tone-danger {
+ color: #9c2d2d;
+}
+
+.drive-list-status-icon.tone-warning {
+ color: #b45309;
+}
+
+.drive-list-status-icon.tone-info {
+ color: #24588b;
+}
+
+.drive-list-status-icon.tone-secondary {
+ color: var(--rip-muted);
+}
+
+.drive-list-lock-indicator {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.2rem;
+ padding: 0.08rem 0.32rem;
+ border: 1px solid rgba(155, 111, 22, 0.4);
+ border-radius: 999px;
+ background: rgba(251, 233, 194, 0.65);
+ color: #8a5a0a;
+ font-size: 0.66rem;
+ font-weight: 600;
+ line-height: 1.1;
+ white-space: nowrap;
+}
+
+.drive-list-lock-indicator .pi {
+ font-size: 0.62rem;
+}
+
+.drive-list-actions {
+ display: flex;
+ align-items: center;
+ gap: 0.16rem;
+ justify-self: end;
+}
+
+.drive-list-action-btn.p-button.p-button-icon-only {
+ width: 1.65rem;
+ height: 1.65rem;
+ padding: 0;
+}
+
+.drive-list-action-btn .p-button-icon {
+ font-size: 0.82rem;
+}
+
+.drive-list-disc-meta {
+ margin-top: 0.08rem;
+ display: flex;
+ align-items: baseline;
+ gap: 0.35rem;
+ min-width: 0;
+}
+
+.drive-list-disc-label {
+ font-size: 0.82rem;
+ min-width: 0;
+ flex: 1 1 auto;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.drive-list-status-text {
+ font-size: 0.75rem;
+ color: var(--rip-muted);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.drive-list-global-actions {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.5rem;
+ margin-top: 0.75rem;
+}
+
+.drive-list-global-actions .p-button {
+ width: 100%;
+}
+
+@media (max-width: 860px) {
+ .drive-list-row {
+ grid-template-columns: minmax(0, 1fr) auto;
+ grid-template-areas:
+ "info info"
+ "state actions";
+ }
+
+ .drive-list-info {
+ grid-area: info;
+ }
+
+ .drive-list-state {
+ grid-area: state;
+ }
+
+ .drive-list-actions {
+ grid-area: actions;
+ }
+}
+
+/* Legacy per-CD-drive section (kept for compat) */
+.cd-drives-section {
+ display: flex;
+ flex-direction: column;
+ gap: 0.6rem;
+ margin-bottom: 0.75rem;
+ padding-bottom: 0.75rem;
+ border-bottom: 1px solid var(--rip-border);
+}
+
+.cd-drive-item {
+ display: grid;
+ gap: 0.3rem;
+ padding: 0.5rem 0.6rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+}
+
+.cd-drive-header {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.cd-drive-path {
+ font-size: 0.8rem;
+ color: var(--rip-muted);
+}
+
+.cd-drive-disc-label {
+ font-size: 0.85rem;
+}
+
+.cd-drive-actions {
+ display: flex;
+ gap: 0.4rem;
+ flex-wrap: wrap;
+}
+
+.cd-drive-status-text {
+ font-size: 0.75rem;
+ color: var(--rip-muted);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.notification-toggle-box {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ height: 100%;
+}
+
+.notification-toggle-head {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 0.65rem;
+}
+
+.notification-toggle-head > label {
+ margin: 0;
+ line-height: 1.25;
+}
+
+.notification-toggle-head .p-inputswitch {
+ flex-shrink: 0;
+}
+
+.notification-toggle-box .setting-description {
+ white-space: normal;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+ line-height: 1.25;
+}
+
+.notification-toggle-box .saved-tag {
+ margin-top: auto;
+}
+
+.setting-owner-row {
+ display: grid;
+ gap: 0.25rem;
+ margin-top: 0.35rem;
+ padding-top: 0.5rem;
+ border-top: 1px dashed var(--rip-border);
+}
+
+.setting-owner-label {
+ font-size: 0.8rem;
+ color: var(--rip-muted);
+ font-weight: 500;
+}
+
+.setting-owner-row .p-inputtext:disabled {
+ opacity: 0.4;
+ cursor: not-allowed;
+}
+
+.setting-owner-row .saved-tag {
+ width: fit-content;
+}
+
+/* ── Path Category Tab ─────────────────────────────────────────────────────── */
+
+.path-category-tab {
+ display: grid;
+ gap: 1.25rem;
+}
+
+.path-overview-card {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.55rem;
+ background: var(--rip-panel-soft);
+ padding: 1rem;
+}
+
+.path-overview-header {
+ display: grid;
+ gap: 0.2rem;
+ margin-bottom: 0.75rem;
+}
+
+.path-overview-header h4 {
+ margin: 0;
+ color: var(--rip-brown-800);
+ font-size: 1rem;
+}
+
+.path-overview-header small {
+ color: var(--rip-muted);
+}
+
+.path-overview-table {
+ width: 100%;
+ border-collapse: collapse;
+ font-size: 0.875rem;
+}
+
+.path-overview-table th {
+ text-align: left;
+ padding: 0.4rem 0.6rem;
+ color: var(--rip-muted);
+ font-weight: 600;
+ border-bottom: 1px solid var(--rip-border);
+}
+
+.path-overview-table td {
+ padding: 0.5rem 0.6rem;
+ border-bottom: 1px solid var(--rip-border);
+ vertical-align: middle;
+}
+
+.path-overview-table tr:last-child td {
+ border-bottom: none;
+}
+
+.path-overview-table code {
+ font-size: 0.8rem;
+ background: rgba(0, 0, 0, 0.06);
+ padding: 0.15rem 0.4rem;
+ border-radius: 3px;
+ word-break: break-all;
+}
+
+.path-default-badge {
+ display: inline-block;
+ margin-left: 0.5rem;
+ padding: 0.1rem 0.45rem;
+ font-size: 0.7rem;
+ background: var(--rip-border);
+ color: var(--rip-muted);
+ border-radius: 999px;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+.path-overview-extra {
+ margin-top: 0.85rem;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 0.45rem;
+}
+
+.path-overview-extra code {
+ font-size: 0.8rem;
+ background: rgba(0, 0, 0, 0.06);
+ padding: 0.15rem 0.4rem;
+ border-radius: 3px;
+ word-break: break-all;
+}
+
+.path-medium-cards {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+ gap: 1rem;
+}
+
+.path-medium-card {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.55rem;
+ background: #fff7ea;
+ overflow: hidden;
+}
+
+.path-medium-card-header {
+ padding: 0.6rem 0.9rem;
+ border-bottom: 1px solid var(--rip-border);
+ background: rgba(0, 0, 0, 0.03);
+}
+
+.path-medium-card-header h4 {
+ margin: 0;
+ font-size: 0.95rem;
+ color: var(--rip-brown-800);
+}
+
+.path-medium-card .settings-grid {
+ padding: 0.75rem;
+}
+
+.script-manager-wrap {
+ display: grid;
+ gap: 0.8rem;
+}
+
+.script-list-box {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.55rem;
+ background: #fff7ea;
+ padding: 0.75rem;
+ display: grid;
+ gap: 0.6rem;
+ width: 100%;
+}
+
+.script-list-box h4 {
+ margin: 0;
+ color: var(--rip-brown-800);
+}
+
+.script-list {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.45rem;
+}
+
+.script-list--reorderable {
+ grid-template-columns: 1fr;
+}
+
+.script-order-list {
+ display: flex;
+ flex-direction: column;
+}
+
+.script-order-wrapper {
+ display: flex;
+ flex-direction: column;
+}
+
+.script-order-drop-zone {
+ min-height: 0.5rem;
+ border-radius: 0.25rem;
+ transition: min-height 0.12s, background 0.12s;
+}
+
+.script-order-drop-zone--end {
+ min-height: 1rem;
+}
+
+.script-order-drop-zone:hover,
+.script-order-drop-zone:focus-within {
+ min-height: 1.2rem;
+ background: var(--rip-gold-200);
+}
+
+.script-list-item {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ background: var(--rip-panel-soft);
+ padding: 0.5rem 0.6rem;
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 0.55rem;
+}
+
+.script-list--reorderable .script-list-item:not(.script-list-item-editing) {
+ grid-template-columns: auto minmax(0, 1fr) minmax(21rem, auto);
+ align-items: center;
+ gap: 0.65rem;
+}
+
+.script-list-item--dragging {
+ opacity: 0.55;
+}
+
+.script-list-drag-handle {
+ color: var(--rip-muted);
+ cursor: grab;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 1.4rem;
+ min-height: 1.4rem;
+ border-radius: 0.25rem;
+}
+
+.script-list-drag-handle:hover {
+ background: var(--rip-gold-200);
+ color: var(--rip-brown-700);
+}
+
+.script-list-drag-handle.disabled {
+ cursor: not-allowed;
+ opacity: 0.45;
+}
+
+.script-list-item-editing {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 0.55rem;
+}
+
+.script-list-main {
+ display: grid;
+ gap: 0.45rem;
+ min-width: 0;
+}
+
+.chain-description-line {
+ display: block;
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.script-title-line {
+ display: grid;
+ grid-template-columns: auto minmax(0, 1fr);
+ align-items: center;
+ gap: 0.45rem;
+ min-width: 0;
+}
+
+.script-id-title {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-weight: 600;
+}
+
+.script-title-input {
+ width: 100%;
+}
+
+.script-list-actions {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 0.45rem;
+}
+
+.script-list-actions--two {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.script-list-actions .p-button {
+ width: 100%;
+ justify-content: center;
+ font-size: 0.82rem;
+ padding: 0.38rem 0.7rem;
+}
+
+.script-list-actions .p-button .p-button-icon {
+ font-size: 0.8rem;
+}
+
+@media (max-width: 1750px) {
+ .script-list--reorderable .script-list-item:not(.script-list-item-editing) {
+ grid-template-columns: auto minmax(0, 1fr) minmax(14.5rem, auto);
+ }
+
+ .script-list-actions {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+.script-action-spacer {
+ display: block;
+}
+
+.preset-media-type-tag {
+ font-size: 0.8rem;
+ opacity: 0.7;
+ white-space: nowrap;
+}
+
+.preset-description-line {
+ display: block;
+ margin-top: 0.2rem;
+ opacity: 0.8;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.user-preset-default-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.8rem;
+}
+
+.user-preset-default-grid-item {
+ min-width: 0;
+}
+
+.preset-list {
+ display: grid;
+ gap: 0.45rem;
+}
+
+.preset-list-item {
+ grid-template-columns: minmax(0, 1fr) minmax(19rem, 40%);
+ align-items: center;
+ gap: 0.65rem;
+}
+
+.preset-list-actions .p-button {
+ min-height: 2.35rem;
+}
+
+@media (max-width: 1400px) {
+ .preset-list-item {
+ grid-template-columns: 1fr;
+ }
+
+ .preset-list-actions {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 900px) {
+ .user-preset-default-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+.script-editor-fields {
+ display: grid;
+ gap: 0.4rem;
+}
+
+.script-editor-fields .p-inputtextarea {
+ width: 100%;
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.82rem;
+}
+
+.script-test-result {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.5rem;
+ background: var(--rip-panel-soft);
+ padding: 0.6rem 0.7rem;
+ display: grid;
+ gap: 0.35rem;
+}
+
+.script-test-result h4 {
+ margin: 0;
+}
+
+.script-test-result pre {
+ margin: 0;
+ background: #f7ecd7;
+ border-radius: 0.35rem;
+ padding: 0.5rem 0.55rem;
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.76rem;
+ white-space: pre-wrap;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.script-test-step {
+ display: grid;
+ gap: 0.2rem;
+}
+
+.script-test-step strong {
+ font-size: 0.82rem;
+}
+
+.required {
+ color: #9d261b;
+ margin-left: 0.25rem;
+}
+
+.error-text {
+ color: #9d261b;
+}
+
+.full-width {
+ width: 100%;
+}
+
+.table-filters {
+ margin-bottom: 1rem;
+ display: grid;
+ grid-template-columns: 1fr 16rem auto;
+ gap: 0.5rem;
+}
+
+.downloads-summary-tags {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.45rem;
+ margin-bottom: 0.85rem;
+}
+
+.downloads-title-cell,
+.downloads-path-cell {
+ display: grid;
+ gap: 0.2rem;
+ min-width: 0;
+}
+
+.downloads-title-cell strong,
+.downloads-title-cell small,
+.downloads-path-cell code,
+.downloads-path-cell small {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.downloads-path-cell code {
+ width: fit-content;
+ max-width: 100%;
+ background: rgba(0, 0, 0, 0.06);
+ padding: 0.15rem 0.4rem;
+ border-radius: 3px;
+}
+
+.downloads-error-text {
+ color: #9f3b1f;
+}
+
+.downloads-actions {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.45rem;
+}
+
+.history-dataview .p-dataview-header {
+ background: transparent;
+ border: none;
+ padding: 0;
+ margin-bottom: 0.85rem;
+}
+
+.history-dataview .p-dataview-content {
+ background: transparent;
+ border: none;
+ padding: 0;
+}
+
+.history-dataview .p-paginator {
+ margin-top: 0.75rem;
+}
+
+.history-dv-toolbar {
+ margin-bottom: 0.5rem;
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) 12rem 10rem 13rem auto auto;
+ gap: 0.5rem;
+ align-items: center;
+}
+
+@media (max-width: 1150px) and (min-width: 901px) {
+ .history-dv-toolbar {
+ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto auto;
+ }
+
+ .history-dv-toolbar > *:first-child {
+ grid-column: 1 / -1;
+ }
+}
+
+.history-dv-layout-toggle {
+ display: flex;
+ justify-content: flex-end;
+}
+
+.history-dataview .p-dataview-content .p-grid.grid {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0 -0.35rem;
+}
+
+.history-dataview .p-dataview-content .p-grid.grid > .col-12,
+.history-dataview .p-dataview-content .p-grid.grid > .md-col-6,
+.history-dataview .p-dataview-content .p-grid.grid > .xl-col-4 {
+ width: 100%;
+ padding: 0.35rem;
+ display: flex;
+ flex-direction: column;
+}
+
+@media (min-width: 900px) {
+ .history-dataview.p-dataview-grid .p-dataview-content .p-grid.grid > .md-col-6 {
+ width: 50%;
+ }
+}
+
+@media (min-width: 1280px) {
+ .history-dataview.p-dataview-grid .p-dataview-content .p-grid.grid > .xl-col-4 {
+ width: 33.3333%;
+ }
+}
+
+.history-dv-item {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.55rem;
+ background: var(--rip-panel-soft);
+ box-shadow: 0 2px 7px rgba(58, 29, 18, 0.06);
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+.history-dv-item:focus-visible {
+ outline: none;
+ box-shadow: var(--focus-ring), 0 2px 7px rgba(58, 29, 18, 0.06);
+}
+
+.history-dv-item-list {
+ display: grid;
+ grid-template-columns: 60px minmax(0, 1fr) auto;
+ gap: 0.75rem;
+ align-items: start;
+ padding: 0.6rem 0.7rem;
+}
+
+.history-dv-main {
+ min-width: 0;
+ display: grid;
+ gap: 0.35rem;
+}
+
+.history-dv-head {
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.history-dv-title-block {
+ min-width: 0;
+ display: grid;
+ gap: 0.1rem;
+}
+
+.history-dv-title {
+ margin: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.history-dv-subtle {
+ color: var(--rip-muted);
+ font-size: 0.78rem;
+}
+
+.history-dv-meta-row,
+.history-dv-flags-row,
+.history-dv-ratings-row {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.45rem;
+ align-items: center;
+}
+
+.history-dv-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.3rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 999px;
+ padding: 0.12rem 0.48rem;
+ font-size: 0.76rem;
+ background: var(--rip-panel);
+}
+
+.history-dv-chip.tone-ok {
+ color: #176635;
+ border-color: #9ed5ad;
+ background: #dcf3e2;
+}
+
+.history-dv-chip.tone-no {
+ color: #8b2c2c;
+ border-color: #d4a29e;
+ background: #f8e1df;
+}
+
+.history-dv-chip.tone-warn {
+ color: #92400e;
+ border-color: #f2c286;
+ background: #fff1db;
+}
+
+.history-dv-chip.tone-info {
+ color: #0d5a86;
+ border-color: #93c7e8;
+ background: #e3f3ff;
+}
+
+.history-dv-rating-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.34rem;
+ border: 1px dashed var(--rip-border);
+ border-radius: 999px;
+ padding: 0.12rem 0.5rem;
+ font-size: 0.76rem;
+ background: var(--rip-panel);
+}
+
+.history-dv-poster-wrap {
+ width: 60px;
+}
+
+.history-dv-poster,
+.history-dv-poster-audio,
+.history-dv-poster-grid,
+.history-dv-poster-grid-audio {
+ display: block;
+ width: 100%;
+ border-radius: 0.35rem;
+ border: 1px solid #cba266;
+ background: #f6ebd6;
+}
+
+.history-dv-poster {
+ height: 88px;
+ object-fit: cover;
+}
+
+.history-dv-poster-audio {
+ aspect-ratio: 1;
+ object-fit: cover;
+}
+
+.history-dv-poster-grid {
+ height: 180px;
+}
+
+.history-dv-poster-grid-audio {
+ aspect-ratio: 1;
+ object-fit: cover;
+}
+
+.history-dv-grid-poster-wrap {
+ width: min(120px, 100%);
+ height: 180px;
+ margin: 0 auto;
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ overflow: hidden;
+}
+
+.history-dv-poster-fallback {
+ width: 100%;
+ height: 88px;
+ border-radius: 0.35rem;
+ border: 1px dashed var(--rip-border);
+ background: #f3e5cc;
+ color: var(--rip-muted);
+ font-size: 0.72rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ padding: 0.3rem;
+}
+
+.history-dv-actions {
+ display: flex;
+ align-items: flex-start;
+}
+
+.history-dv-item-grid {
+ position: relative;
+ display: grid;
+ gap: 0.5rem;
+ padding: 0.65rem;
+ grid-template-rows: auto 1fr auto;
+ flex: 1;
+}
+
+.history-dv-grid-status-overlay {
+ position: absolute;
+ top: 0.5rem;
+ left: 0.5rem;
+ z-index: 1;
+}
+
+.history-dv-grid-status-overlay .p-tag {
+ box-shadow: 0 1px 4px rgba(0,0,0,0.15);
+}
+
+.history-status-tag-wrap {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-end;
+ gap: 0.15rem;
+}
+
+.history-dv-grid-status-overlay .history-status-tag-wrap {
+ align-items: flex-start;
+}
+
+.history-status-tag-subtitle {
+ font-size: 0.7rem;
+ line-height: 1.1;
+ color: #8b2c2c;
+}
+
+.history-dv-grid-main {
+ display: grid;
+ gap: 0.35rem;
+ min-width: 0;
+}
+
+.history-dv-actions-grid {
+ justify-content: flex-end;
+}
+
+.history-delete-preview-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 0.75rem;
+ margin-top: 0.75rem;
+}
+
+.history-delete-preview-grid h4 {
+ margin: 0 0 0.35rem;
+ font-size: 0.9rem;
+}
+
+.history-delete-preview-list {
+ margin: 0;
+ padding-left: 1rem;
+ display: grid;
+ gap: 0.22rem;
+ max-height: 12rem;
+ overflow: auto;
+ font-size: 0.78rem;
+}
+
+.history-delete-preview-list li {
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.history-delete-preview-checkbox-row {
+ display: inline-flex;
+ align-items: flex-start;
+ gap: 0.35rem;
+ cursor: pointer;
+}
+
+.history-delete-preview-checkbox-row input[type="checkbox"] {
+ margin-top: 0.15rem;
+}
+
+.history-delete-preview-list .exists-yes {
+ color: #176635;
+ font-weight: 600;
+}
+
+.history-delete-preview-list .exists-no {
+ color: #8b2c2c;
+ font-weight: 600;
+}
+
+.table-scroll-wrap {
+ width: 100%;
+ max-width: 100%;
+ min-width: 0;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+.table-scroll-wrap .p-datatable {
+ min-width: 0;
+}
+
+.table-scroll-wrap .p-datatable-wrapper {
+ max-width: 100%;
+ overflow-x: auto;
+}
+
+.table-scroll-wrap .p-datatable-table {
+ min-width: 44rem;
+}
+
+.table-scroll-wrap.table-scroll-medium .p-datatable-table {
+ min-width: 54rem;
+}
+
+.table-scroll-wrap.table-scroll-wide .p-datatable-table {
+ min-width: 72rem;
+}
+
+.clickable-table tbody tr {
+ cursor: pointer;
+}
+
+.job-meta-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.job-meta-grid > div,
+.device-meta > div,
+.selected-meta > div,
+.pipeline-meta-inline .device-meta > div {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.job-head-row {
+ display: grid;
+ grid-template-columns: 11rem 1fr;
+ gap: 1rem;
+}
+
+.job-detail-meta-wrap {
+ display: grid;
+ gap: 0.65rem;
+}
+
+.job-film-info-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+ gap: 0.55rem;
+}
+
+.job-meta-block {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.55rem 0.65rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.45rem;
+}
+
+.job-meta-block.job-meta-block-film {
+ padding: 0.55rem 0.65rem;
+}
+
+.job-meta-list {
+ display: grid;
+ gap: 0.4rem;
+ font-size: 0.84rem;
+ line-height: 1.3;
+}
+
+.job-meta-item {
+ min-width: 0;
+ display: grid;
+ grid-template-columns: 8rem minmax(0, 1fr);
+ gap: 0.35rem;
+ align-items: start;
+}
+
+.job-meta-item strong,
+.job-meta-item span {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.job-meta-block h4 {
+ margin: 0;
+ font-size: 0.88rem;
+}
+
+.job-meta-grid.job-meta-grid-compact {
+ margin-bottom: 0;
+ gap: 0.4rem 0.65rem;
+ font-size: 0.84rem;
+}
+
+.job-meta-grid.job-meta-grid-compact strong {
+ font-weight: 600;
+}
+
+.job-path-field {
+ min-width: 0;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 0.15rem 0.4rem;
+}
+
+.job-path-field-value {
+ min-width: 0;
+ flex: 1 1 auto;
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+}
+
+.job-path-field-value > span {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.job-path-download-button {
+ flex-shrink: 0;
+}
+
+.job-path-download-button.p-button.p-button-icon-only {
+ width: 1.5rem;
+ height: 1.5rem;
+ padding: 0;
+}
+
+.job-path-download-button .p-button-icon {
+ font-size: 0.8rem;
+}
+
+.job-meta-col-span-2 {
+ grid-column: 1 / -1;
+}
+
+.job-infos-header {
+ display: flex;
+ align-items: baseline;
+ justify-content: space-between;
+ gap: 0.75rem;
+ flex-wrap: wrap;
+}
+
+.job-infos-header h4 {
+ margin: 0;
+}
+
+.job-infos-badges {
+ display: flex;
+ align-items: baseline;
+ gap: 0.4rem;
+ font-size: 0.84rem;
+ flex-wrap: wrap;
+}
+
+.job-infos-sep {
+ color: var(--rip-border);
+ font-weight: 300;
+}
+
+.job-infos-layout {
+ display: grid;
+ gap: 0.4rem;
+ font-size: 0.84rem;
+}
+
+.job-infos-layout strong {
+ font-weight: 600;
+}
+
+.job-infos-row-2 {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.5rem;
+}
+
+.ripper-downloads-row {
+ border-top: 1px solid var(--surface-border);
+ padding-top: 0.75rem;
+ margin-top: 0.5rem;
+}
+
+.ripper-downloads-row h4 {
+ margin: 0 0 0.45rem;
+ font-size: 0.88rem;
+}
+
+.ripper-downloads-meta {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.job-meta-subtle {
+ font-size: 0.82rem;
+ color: var(--text-color-secondary);
+}
+
+.job-db-link {
+ font-size: 0.82rem;
+ color: var(--text-color-secondary);
+ text-decoration: none;
+ display: inline-flex;
+ align-items: center;
+ gap: 0.3rem;
+}
+.job-db-link:hover {
+ color: var(--primary-color);
+ text-decoration: underline;
+}
+
+.job-meta-encode-config {
+ margin-bottom: 0.5rem;
+}
+
+.job-configured-selection-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.35rem 0.65rem;
+ font-size: 0.84rem;
+}
+
+.job-configured-selection-grid > div {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.job-status-icon {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 1rem;
+ height: 1rem;
+}
+
+.job-status-icon .pi {
+ font-size: 1rem;
+}
+
+.job-status-icon.tone-success {
+ color: #1c8a3a;
+}
+
+.job-status-icon.tone-danger {
+ color: #9c2d2d;
+}
+
+.job-status-icon.tone-warning {
+ color: #7a4f00;
+}
+
+.job-status-icon.tone-info {
+ color: #0d5a86;
+}
+
+.job-status-icon.tone-secondary {
+ color: #46556a;
+}
+
+.job-detail-body {
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+}
+
+.job-detail-body > h4 {
+ margin: 0.25rem 0 0;
+}
+
+.job-json-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.55rem;
+}
+
+.job-titles-list {
+ display: flex;
+ flex-direction: column;
+ gap: 0.3rem;
+ font-size: 0.83rem;
+}
+
+.job-title-row {
+ display: flex;
+ align-items: center;
+ gap: 0.6rem;
+ padding: 0.25rem 0.4rem;
+ border-radius: 0.3rem;
+ background: var(--surface-ground);
+ flex-wrap: wrap;
+}
+
+.job-title-row.job-title-row-selected {
+ background: color-mix(in srgb, var(--primary-color) 10%, transparent);
+ border: 1px solid color-mix(in srgb, var(--primary-color) 30%, transparent);
+}
+
+.job-title-id {
+ font-weight: 600;
+ color: var(--text-color-secondary);
+ min-width: 2rem;
+}
+
+.job-title-name {
+ flex: 1;
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.job-title-duration,
+.job-title-size {
+ color: var(--text-color-secondary);
+ white-space: nowrap;
+}
+
+.job-title-playlist {
+ color: var(--text-color-secondary);
+ font-size: 0.78rem;
+ white-space: nowrap;
+}
+
+.job-title-selected-badge {
+ font-size: 0.72rem;
+ font-weight: 600;
+ background: var(--primary-color);
+ color: var(--primary-color-text);
+ padding: 0.1rem 0.4rem;
+ border-radius: 999px;
+ white-space: nowrap;
+}
+
+.json-box {
+ background: #2a140d;
+ color: #f8e2b8;
+ padding: 0.75rem;
+ border-radius: 0.5rem;
+ height: 16rem;
+ overflow: auto;
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.78rem;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.poster-thumb {
+ width: 46px;
+ height: 68px;
+ object-fit: cover;
+ border-radius: 0.35rem;
+ border: 1px solid #cba266;
+}
+
+.poster-thumb-lg {
+ width: 64px;
+ height: 92px;
+ object-fit: cover;
+ border-radius: 0.35rem;
+ border: 1px solid #cba266;
+ background: #f6ebd6;
+}
+
+.metadata-row {
+ display: grid;
+ grid-template-columns: 64px 1fr;
+ gap: 0.65rem;
+ align-items: center;
+}
+
+.metadata-row > div {
+ min-width: 0;
+}
+
+.orphan-path-cell {
+ max-width: 36rem;
+ white-space: normal;
+ word-break: break-all;
+}
+
+.selected-meta {
+ display: grid;
+ grid-template-columns: 12rem 1fr;
+ gap: 1rem;
+}
+
+.pipeline-meta-inline {
+ margin-top: 1rem;
+ display: grid;
+ grid-template-columns: 12rem 1fr;
+ gap: 1rem;
+}
+
+.poster-large {
+ width: 100%;
+ height: 16rem;
+ object-fit: cover;
+ border-radius: 0.5rem;
+ border: 1px solid #cba266;
+ background: #f6ebd6;
+}
+
+.poster-large-audio {
+ width: 100%;
+ aspect-ratio: 1;
+ object-fit: cover;
+ border-radius: 0.5rem;
+ border: 1px solid #cba266;
+ background: #f6ebd6;
+}
+
+.poster-fallback {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--rip-muted);
+}
+
+.log-box {
+ background: #231109;
+ color: #f6ddb2;
+ padding: 0.75rem;
+ border-radius: 0.5rem;
+ height: 25rem;
+ max-width: 100%;
+ min-width: 0;
+ overflow: auto;
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.82rem;
+ white-space: pre-wrap;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.live-log-block {
+ margin-top: 1rem;
+ max-width: 100%;
+ overflow-x: auto;
+}
+
+.live-log-block h4 {
+ margin: 0 0 0.5rem;
+}
+
+.live-log-block .log-box {
+ width: 100%;
+ max-width: 100%;
+ box-sizing: border-box;
+ overflow-x: auto;
+ overflow-y: auto;
+ white-space: pre-wrap;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.playlist-decision-block {
+ margin-top: 1rem;
+ border: 1px solid #d4a29e;
+ border-left: 4px solid #8b2c2c;
+ border-radius: 0.5rem;
+ padding: 0.75rem;
+ display: grid;
+ gap: 0.5rem;
+ background: #f8e1df;
+ color: #8b2c2c;
+}
+
+.playlist-decision-block h3 {
+ margin: 0;
+ color: #7a2525;
+}
+
+.rip-error-notice {
+ margin-top: 1rem;
+ border: 1px solid #d48c7c;
+ border-left: 4px solid #b6452c;
+ border-radius: 0.5rem;
+ padding: 0.75rem;
+ display: grid;
+ gap: 0.5rem;
+ background: #fff1ec;
+ color: #4e2418;
+}
+
+.rip-error-notice-head {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.4rem;
+}
+
+.rip-error-notice-head .pi {
+ color: #b6452c;
+}
+
+.rip-error-notice-list {
+ display: grid;
+ gap: 0.4rem;
+}
+
+.rip-error-notice-item {
+ display: grid;
+ grid-template-columns: auto minmax(0, 1fr);
+ gap: 0.5rem;
+ align-items: flex-start;
+ padding: 0.35rem 0.45rem;
+ border: 1px dashed #d8a79b;
+ border-radius: 0.4rem;
+ background: #fff8f6;
+}
+
+.rip-error-notice-code {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 4.9rem;
+ padding: 0.1rem 0.4rem;
+ border-radius: 0.3rem;
+ background: #b6452c;
+ color: #fff;
+ font-size: 0.72rem;
+ font-weight: 700;
+ letter-spacing: 0.01em;
+}
+
+.rip-error-notice-message {
+ font-size: 0.83rem;
+ line-height: 1.3;
+ word-break: break-word;
+}
+
+.rip-error-notice-more {
+ color: #7a3a2a;
+}
+
+.rip-error-notice-actions {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5rem;
+}
+
+.playlist-decision-list {
+ display: grid;
+ gap: 0.75rem;
+}
+
+.ready-job-list {
+ display: grid;
+ gap: 0.65rem;
+}
+
+.ready-job-item {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ padding: 0.55rem 0.65rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.35rem;
+}
+
+.ready-job-item > summary {
+ cursor: pointer;
+ font-weight: 600;
+}
+
+.playlist-decision-item {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.5rem 0.6rem;
+ display: grid;
+ gap: 0.2rem;
+ background: var(--rip-panel);
+}
+
+.mediainfo-review-block {
+ margin-top: 1rem;
+ border-top: 1px solid var(--rip-border);
+ padding-top: 1rem;
+}
+
+.mediainfo-review-block h3 {
+ margin: 0 0 0.65rem;
+}
+
+.media-review-wrap {
+ display: grid;
+ gap: 0.75rem;
+}
+
+.media-review-meta {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.4rem 0.9rem;
+}
+
+.media-review-notes {
+ display: grid;
+ gap: 0.2rem;
+}
+
+.post-script-box {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.55rem 0.65rem;
+ background: var(--rip-panel-soft);
+ display: flex;
+ flex-direction: column;
+ gap: 0.45rem;
+}
+
+.post-script-box h4 {
+ margin: 0;
+}
+
+.post-script-box > small:last-child {
+ display: block;
+ min-height: 2.4em;
+ line-height: 1.2;
+}
+
+.post-script-box .actions-row,
+.post-script-box .encode-item-add-row {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.5rem;
+ width: 100%;
+ margin-top: auto;
+}
+
+.post-script-box .actions-row .p-button,
+.post-script-box .encode-item-add-row .p-button {
+ width: 100%;
+ min-height: 2.35rem;
+}
+
+.post-script-box .actions-row > .p-button:only-child,
+.post-script-box .encode-item-add-row > .p-button:only-child {
+ grid-column: 1 / -1;
+}
+
+@media (max-width: 1675px) {
+ .post-script-box .actions-row,
+ .post-script-box .encode-item-add-row {
+ grid-template-columns: 1fr;
+ }
+
+ .post-script-box .actions-row > .p-button:only-child,
+ .post-script-box .encode-item-add-row > .p-button:only-child {
+ grid-column: auto;
+ }
+}
+
+.post-script-row {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ align-items: center;
+ gap: 0.45rem;
+}
+
+.post-script-row.editable {
+ grid-template-columns: auto auto minmax(0, 1fr) auto;
+}
+
+.post-script-type-icon {
+ color: var(--rip-muted);
+ font-size: 0.95rem;
+ width: 1rem;
+ text-align: center;
+}
+
+.post-script-drag-handle {
+ cursor: grab;
+ color: var(--rip-muted);
+ font-size: 0.95rem;
+ padding: 0.25rem;
+ border-radius: 0.25rem;
+ border: 1px solid transparent;
+}
+
+.post-script-drag-handle:hover {
+ border-color: var(--rip-border);
+ background: color-mix(in srgb, var(--rip-panel-soft) 75%, #ffffff 25%);
+}
+
+.post-script-drag-handle:active {
+ cursor: grabbing;
+}
+
+.post-script-drag-handle.disabled {
+ cursor: not-allowed;
+ opacity: 0.45;
+}
+
+.cd-encode-item-order {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.15rem;
+}
+
+.cd-encode-item-order .p-button {
+ width: 1.5rem;
+ min-width: 1.5rem;
+ height: 1.5rem;
+ padding: 0;
+}
+
+.media-title-list,
+.media-track-list {
+ display: grid;
+ gap: 0.35rem;
+}
+
+.media-track-item {
+ display: grid;
+ gap: 0.15rem;
+}
+
+.subtitle-footnote-list {
+ display: grid;
+ gap: 0.2rem;
+ margin-top: 0.2rem;
+ width: 100%;
+ font-size: 0.72rem;
+}
+
+.subtitle-footnote-list .track-action-note {
+ margin-left: 0;
+ display: block;
+ width: 100%;
+ max-width: none;
+ line-height: 1.3;
+ font-size: inherit;
+}
+
+.track-action-note {
+ margin-left: 1.7rem;
+ color: var(--rip-muted);
+}
+
+.track-selection-inline-neutral {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.28rem;
+ color: var(--rip-muted);
+ font-weight: 600;
+ font-size: 0.8rem;
+}
+
+.track-selection-inline-neutral .pi {
+ font-size: 0.85rem;
+}
+
+.spurauswahl-block {
+ display: grid;
+ gap: 0.5rem;
+ margin-top: 0.25rem;
+}
+
+.spurauswahl-label {
+ font-weight: 600;
+ font-size: 0.85rem;
+ color: var(--rip-muted);
+ text-transform: uppercase;
+ letter-spacing: 0.03em;
+}
+
+.track-title-block {
+ display: grid;
+ gap: 0.5rem;
+}
+
+.track-title-row {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+ font-size: 0.875rem;
+ font-weight: 500;
+}
+
+.track-input-badge {
+ font-size: 0.72rem;
+ font-weight: 600;
+ padding: 0.1rem 0.4rem;
+ border-radius: 0.3rem;
+ background: var(--rip-accent-soft, #e8f4ea);
+ color: var(--rip-success, #2d7a3a);
+ border: 1px solid var(--rip-success, #2d7a3a);
+}
+
+.track-groups-row {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+ gap: 0.5rem;
+ align-items: start;
+ border-top: 1px solid var(--rip-border);
+ padding-top: 0.5rem;
+ margin-top: 0.1rem;
+}
+
+.track-group {
+ display: grid;
+ gap: 0.25rem;
+ padding-left: 0.5rem;
+ border-left: 2px solid var(--rip-border);
+}
+
+.track-group-label {
+ font-size: 0.78rem;
+ font-weight: 600;
+ color: var(--rip-muted);
+ margin-bottom: 0.1rem;
+}
+
+.track-item {
+ display: grid;
+ gap: 0.1rem;
+ font-size: 0.85rem;
+}
+
+.track-item-inline-status {
+ display: flex;
+ align-items: center;
+ gap: 0.45rem;
+ flex-wrap: wrap;
+}
+
+.track-item-inline-status .track-item-main {
+ min-width: 0;
+}
+
+.track-item-inline-status .track-action-note {
+ margin-left: 0;
+}
+
+.media-title-block {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.55rem 0.65rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.6rem;
+}
+
+.episode-fill-box {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.55rem 0.65rem;
+ background: var(--rip-panel-soft);
+}
+
+.episode-fill-field {
+ display: grid;
+ gap: 0.3rem;
+}
+
+.episode-fill-field label {
+ font-weight: 600;
+}
+
+.episode-fill-field small {
+ color: var(--text-color-secondary);
+ font-size: 0.78rem;
+}
+
+.episode-title-input-row {
+ display: grid;
+ gap: 0.25rem;
+}
+
+.episode-title-input-row label {
+ font-weight: 600;
+ font-size: 0.82rem;
+}
+
+.episode-global-selection-box {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.55rem 0.65rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.45rem;
+}
+
+.episode-global-selection-box h4 {
+ margin: 0;
+}
+
+.episode-track-accordion {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.4rem;
+ padding: 0.35rem 0.5rem;
+ background: var(--rip-panel);
+}
+
+.episode-track-accordion > summary {
+ cursor: pointer;
+ user-select: none;
+ font-weight: 600;
+ color: var(--rip-muted);
+ margin: 0.1rem 0;
+}
+
+.episode-track-accordion[open] > summary {
+ margin-bottom: 0.45rem;
+}
+
+.series-batch-progress-wrap {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.55rem 0.65rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ gap: 0.45rem;
+ margin-bottom: 0.65rem;
+}
+
+.series-batch-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.series-batch-episodes {
+ display: grid;
+ gap: 0.45rem;
+}
+
+.series-batch-episode-row {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.38rem;
+ padding: 0.4rem 0.5rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.22rem;
+}
+
+.series-batch-episode-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.45rem;
+}
+
+.series-batch-episode-title {
+ font-size: 0.86rem;
+ font-weight: 600;
+ min-width: 0;
+ overflow-wrap: anywhere;
+}
+
+.playlist-info-box {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.4rem;
+ padding: 0.4rem 0.55rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.2rem;
+}
+
+.playlist-segment-output {
+ margin: 0;
+ padding: 0.4rem 0.5rem;
+ border-radius: 0.35rem;
+ background: #f7ecd7;
+ color: var(--rip-brown-900);
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.76rem;
+ white-space: pre-wrap;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.playlist-segment-toggle {
+ display: grid;
+ gap: 0.3rem;
+}
+
+.playlist-segment-toggle > summary {
+ cursor: pointer;
+ font-size: 0.82rem;
+ color: var(--rip-muted);
+ user-select: none;
+}
+
+.readonly-check-row {
+ display: flex;
+ align-items: flex-start;
+ gap: 0.5rem;
+ font-size: 0.92rem;
+ line-height: 1.3;
+}
+
+.readonly-check-row input {
+ margin-top: 0.2rem;
+}
+
+.readonly-check-row span {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+.media-track-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 1rem;
+}
+
+.handbrake-command-preview {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.4rem;
+ padding: 0.45rem 0.55rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.25rem;
+}
+
+.handbrake-command-preview pre {
+ margin: 0;
+ padding: 0.45rem 0.55rem;
+ border-radius: 0.35rem;
+ background: #f7ecd7;
+ color: var(--rip-brown-900);
+ font-family: 'JetBrains Mono', monospace;
+ font-size: 0.76rem;
+ white-space: pre-wrap;
+ word-break: break-word;
+}
+
+.job-detail-dialog .p-dialog-content,
+.disc-detected-dialog .p-dialog-content {
+ max-height: min(80vh, 56rem);
+ overflow: auto;
+}
+
+.metadata-selection-dialog .p-dialog-content {
+ max-height: min(84vh, 60rem);
+ overflow: hidden;
+}
+
+.job-detail-dialog,
+.metadata-selection-dialog,
+.disc-detected-dialog {
+ max-width: calc(100vw - 0.75rem);
+}
+
+.job-detail-dialog .p-dialog-header-title,
+.metadata-selection-dialog .p-dialog-header-title,
+.disc-detected-dialog .p-dialog-header-title {
+ min-width: 0;
+ overflow-wrap: anywhere;
+ word-break: break-word;
+}
+
+@media (max-width: 900px) {
+ .app-header {
+ padding: 0.8rem 1rem;
+ }
+
+ .nav-buttons {
+ width: 100%;
+ justify-content: flex-start;
+ }
+
+ .app-upload-banner {
+ width: calc(100% - 1.5rem);
+ grid-template-columns: 1fr;
+ justify-items: stretch;
+ }
+
+ .app-upload-banner-actions {
+ justify-self: start;
+ }
+
+ .brand-logo {
+ width: 60px;
+ height: 60px;
+ }
+
+ .brand-copy h1 {
+ font-size: 1.45rem;
+ }
+
+ .brand-copy p {
+ font-size: 0.82rem;
+ }
+
+ .app-version {
+ font-size: 0.68rem;
+ }
+
+ .metadata-grid,
+ .device-meta,
+ .hardware-monitor-grid,
+ .hardware-monitor-meta,
+ .pipeline-queue-grid,
+ .media-review-meta,
+ .media-track-grid,
+ .job-meta-grid,
+ .job-configured-selection-grid,
+ .job-film-info-grid,
+ .history-delete-preview-grid,
+ .table-filters,
+ .history-dv-toolbar,
+ .job-head-row,
+ .job-json-grid,
+ .selected-meta,
+ .pipeline-meta-inline {
+ grid-template-columns: 1fr;
+ }
+
+ .notification-toggle-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .ripper-job-row {
+ grid-template-columns: 48px minmax(0, 1fr) auto;
+ }
+
+ .ripper-job-badges {
+ justify-content: flex-start;
+ }
+
+ .ripper-job-expanded-head {
+ flex-wrap: wrap;
+ }
+
+ .cd-track-table {
+ min-width: 36rem;
+ }
+
+ .cd-media-meta-layout {
+ grid-template-columns: 1fr;
+ }
+
+ .cd-cover-wrap {
+ width: 6.5rem;
+ min-width: 6.5rem;
+ }
+
+ .script-list {
+ grid-template-columns: 1fr;
+ }
+
+ .script-list-item {
+ grid-template-columns: 1fr;
+ }
+
+ .script-list--reorderable .script-list-item:not(.script-list-item-editing) {
+ grid-template-columns: 1fr;
+ }
+
+ .post-script-row {
+ grid-template-columns: minmax(0, 1fr) auto;
+ }
+
+ .post-script-row.editable {
+ grid-template-columns: auto auto minmax(0, 1fr) auto;
+ }
+
+ .orphan-path-cell {
+ max-width: 100%;
+ }
+
+ .metadata-selection-dialog .p-datatable-wrapper {
+ max-height: 16rem !important;
+ }
+
+ .hardware-core-item.compact {
+ grid-template-columns: auto auto auto;
+ align-items: center;
+ justify-content: center;
+ gap: 0.3rem;
+ text-align: center;
+ }
+
+ .hardware-core-grid.compact {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .hardware-core-title {
+ min-width: 2rem;
+ }
+
+ .hardware-core-metric {
+ justify-self: center;
+ }
+
+ .history-dv-item-list {
+ grid-template-columns: 52px minmax(0, 1fr);
+ }
+
+ .history-dv-actions {
+ grid-column: 1 / -1;
+ justify-content: flex-end;
+ }
+
+ .history-dv-toolbar {
+ grid-template-columns: 1fr;
+ }
+
+ .history-dv-poster-grid {
+ height: 148px;
+ }
+}
+
+@media (max-width: 640px) {
+ .app-main {
+ width: min(1280px, 98vw);
+ }
+
+ .app-upload-banner {
+ width: min(1280px, 98vw);
+ padding: 0.75rem 0.8rem;
+ }
+
+ .hardware-storage-head {
+ grid-template-columns: 1fr;
+ }
+
+ .hardware-storage-percent {
+ justify-self: start;
+ }
+
+ .table-filters {
+ grid-template-columns: 1fr;
+ }
+
+ .zip-status-indicator {
+ width: 100%;
+ justify-content: center;
+ }
+
+ .history-dv-item-list {
+ grid-template-columns: 1fr;
+ }
+
+ .history-dv-poster-wrap {
+ width: 54px;
+ }
+
+ .history-dv-poster {
+ height: 80px;
+ }
+
+ .history-dv-poster-fallback {
+ height: 80px;
+ }
+
+ .history-dv-poster-grid {
+ height: 136px;
+ }
+
+ .search-row {
+ grid-template-columns: 1fr;
+ }
+
+ .metadata-filter-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .actions-row .p-button {
+ width: 100%;
+ }
+
+ .settings-expert-toggle {
+ width: 100%;
+ justify-content: space-between;
+ }
+
+ .notification-toggle-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .dialog-actions {
+ justify-content: stretch;
+ }
+
+ .dialog-actions .p-button {
+ width: 100%;
+ }
+
+ .script-title-line {
+ grid-template-columns: 1fr;
+ gap: 0.3rem;
+ }
+
+ .script-list-actions {
+ grid-template-columns: 1fr;
+ }
+
+ .script-list--reorderable .script-list-item:not(.script-list-item-editing) {
+ grid-template-columns: 1fr;
+ }
+
+ .script-list-drag-handle {
+ width: 100%;
+ justify-content: flex-start;
+ }
+
+ .script-action-spacer {
+ display: none;
+ }
+
+ .ripper-job-row {
+ grid-template-columns: 1fr;
+ }
+
+ .ripper-job-row .poster-thumb,
+ .ripper-job-row .ripper-job-poster-fallback {
+ width: 52px;
+ height: 76px;
+ }
+
+ .ripper-job-row-main strong,
+ .ripper-job-row-main small {
+ white-space: normal;
+ }
+
+ .pipeline-queue-item-main strong,
+ .pipeline-queue-item-main small {
+ white-space: normal;
+ }
+
+ .ripper-job-title-line > span {
+ white-space: normal;
+ }
+
+ .job-detail-dialog .p-dialog-header,
+ .metadata-selection-dialog .p-dialog-header,
+ .disc-detected-dialog .p-dialog-header {
+ padding: 0.85rem 1rem;
+ }
+
+ .job-detail-dialog .p-dialog-content,
+ .metadata-selection-dialog .p-dialog-content,
+ .disc-detected-dialog .p-dialog-content {
+ padding: 0.9rem 1rem 1rem;
+ max-height: 78vh;
+ }
+
+ .chain-editor-body {
+ flex-direction: column;
+ }
+
+ .chain-palette,
+ .chain-canvas {
+ min-width: unset;
+ max-width: unset;
+ width: 100%;
+ }
+}
+
+/* ── Chain Editor ─────────────────────────────────────── */
+.chain-editor-name-row {
+ display: grid;
+ grid-template-columns: auto 1fr;
+ align-items: center;
+ gap: 0.5rem 0.75rem;
+ margin-bottom: 1rem;
+}
+
+.chain-editor-body {
+ display: flex;
+ gap: 1rem;
+ min-height: 20rem;
+}
+
+.chain-palette {
+ min-width: 14rem;
+ max-width: 18rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.4rem;
+ padding: 0.75rem;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ background: var(--rip-panel-soft);
+}
+
+.chain-palette h4 {
+ margin: 0 0 0.25rem;
+ font-size: 0.9rem;
+ color: var(--rip-muted);
+}
+
+.chain-palette-hint {
+ font-size: 0.72rem;
+ color: var(--rip-muted);
+ margin: 0 0 0.5rem;
+}
+
+.chain-palette-section {
+ display: flex;
+ flex-direction: column;
+ gap: 0.3rem;
+}
+
+.chain-palette-section strong {
+ font-size: 0.78rem;
+ color: var(--rip-muted);
+ text-transform: uppercase;
+ letter-spacing: 0.03em;
+}
+
+.chain-palette-item {
+ padding: 0.4rem 0.6rem;
+ border-radius: 0.3rem;
+ border: 1px solid var(--rip-border);
+ cursor: grab;
+ font-size: 0.85rem;
+ user-select: none;
+ transition: background 0.15s, border-color 0.15s;
+}
+
+.chain-palette-item:hover {
+ background: var(--rip-gold-200);
+ border-color: var(--rip-gold-400);
+}
+
+.chain-palette-item--system {
+ background: #fff3cd;
+ border-color: #ffc107;
+}
+
+.chain-palette-item--script {
+ background: var(--rip-cream-100);
+}
+
+.chain-canvas {
+ flex: 1;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.4rem;
+ padding: 0.75rem;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ background: var(--rip-panel);
+ overflow-y: auto;
+ max-height: 60vh;
+}
+
+.chain-canvas h4 {
+ margin: 0 0 0.25rem;
+ font-size: 0.9rem;
+ color: var(--rip-muted);
+}
+
+.chain-canvas-empty {
+ flex: 1;
+ border: 2px dashed var(--rip-border);
+ border-radius: 0.4rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: var(--rip-muted);
+ font-size: 0.85rem;
+ min-height: 8rem;
+}
+
+.chain-steps-list {
+ display: flex;
+ flex-direction: column;
+}
+
+.chain-step-wrapper {
+ display: flex;
+ flex-direction: column;
+}
+
+.chain-drop-zone {
+ height: 0.5rem;
+ border-radius: 0.25rem;
+ transition: height 0.12s, background 0.12s;
+}
+
+.chain-drop-zone--end {
+ flex: 1;
+ min-height: 1.5rem;
+}
+
+.chain-drop-zone:hover,
+.chain-drop-zone:focus-within {
+ height: 1.5rem;
+ background: var(--rip-gold-200);
+}
+
+.chain-step {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.35rem;
+ padding: 0.4rem 0.5rem;
+ cursor: grab;
+ user-select: none;
+ margin: 0.1rem 0;
+}
+
+.chain-step--wait {
+ background: #fffbe6;
+ border-color: #ffc107;
+}
+
+.chain-step--script {
+ background: var(--rip-cream-100);
+}
+
+.chain-step-drag-handle {
+ color: var(--rip-muted);
+ cursor: grab;
+ flex-shrink: 0;
+}
+
+.chain-step-content {
+ flex: 1;
+ min-width: 0;
+}
+
+.chain-step-wait,
+.chain-step-script {
+ display: flex;
+ align-items: center;
+ gap: 0.4rem;
+ font-size: 0.88rem;
+}
+
+.chain-wait-input {
+ width: 4rem;
+ border: 1px solid var(--rip-border);
+ border-radius: 0.25rem;
+ padding: 0.15rem 0.3rem;
+ font-size: 0.88rem;
+ text-align: center;
+ background: #fff;
+}
+
+.chain-step-remove {
+ flex-shrink: 0;
+}
+
+.chain-selection-groups {
+ display: flex;
+ flex-direction: row;
+ gap: 1rem;
+ align-items: flex-start;
+}
+
+.chain-selection-group {
+ flex: 1 1 0;
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 0.35rem;
+ padding: 0.5rem 0;
+ border-top: 1px dashed var(--rip-border);
+}
+
+.chain-selection-group:first-child {
+ border-top: none;
+}
+
+.chain-selection-group strong {
+ font-size: 0.82rem;
+ color: var(--rip-muted);
+}
+
+.chain-add-dropdown {
+ max-width: 100%;
+}
+
+@media (max-width: 640px) {
+ .chain-selection-groups {
+ flex-direction: column;
+ gap: 0;
+ }
+
+ .chain-selection-group {
+ flex: unset;
+ width: 100%;
+ }
+}
+
+/* ── Cronjobs Tab ─────────────────────────────────────────────────────────── */
+
+.cron-tab {
+ display: flex;
+ flex-direction: column;
+ gap: 1.25rem;
+}
+
+.cron-empty-hint {
+ color: var(--rip-muted, #888);
+ font-size: 0.9rem;
+ margin: 0.5rem 0;
+}
+
+/* Job-Liste */
+.cron-list {
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+}
+
+.cron-item {
+ border: 1px solid var(--surface-border, #dee2e6);
+ border-radius: 8px;
+ padding: 1rem;
+ display: flex;
+ flex-direction: column;
+ gap: 0.6rem;
+ background: var(--surface-card, #fff);
+ transition: opacity 0.2s;
+}
+
+.cron-item--disabled {
+ opacity: 0.55;
+}
+
+.cron-item-header {
+ display: flex;
+ align-items: center;
+ gap: 0.75rem;
+ flex-wrap: wrap;
+}
+
+.cron-item-name {
+ font-weight: 600;
+ font-size: 1rem;
+}
+
+.cron-item-expr {
+ background: var(--surface-ground, #f4f4f4);
+ border-radius: 4px;
+ padding: 0.15rem 0.45rem;
+ font-size: 0.82rem;
+ color: var(--text-color-secondary, #555);
+ font-family: monospace;
+}
+
+.cron-item-meta {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5rem 1.25rem;
+ font-size: 0.85rem;
+}
+
+.cron-meta-entry {
+ display: flex;
+ align-items: center;
+ gap: 0.3rem;
+}
+
+.cron-meta-label {
+ color: var(--rip-muted, #777);
+ font-size: 0.8rem;
+}
+
+.cron-meta-value {
+ display: flex;
+ align-items: center;
+ gap: 0.35rem;
+}
+
+/* Status-Badge */
+.cron-status {
+ display: inline-block;
+ padding: 0.1rem 0.45rem;
+ border-radius: 99px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ line-height: 1.4;
+}
+
+.cron-status--success { background: #d4edda; color: #1c5e2e; }
+.cron-status--error { background: #f8d7da; color: #842029; }
+.cron-status--running { background: #d0e4ff; color: #0c3b7c; }
+.cron-status--none { background: transparent; color: var(--rip-muted, #888); }
+
+/* Toggles-Zeile */
+.cron-item-toggles {
+ display: flex;
+ gap: 1.25rem;
+ flex-wrap: wrap;
+}
+
+.cron-toggle-label {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ cursor: pointer;
+ font-size: 0.88rem;
+}
+
+/* Aktionen-Zeile */
+.cron-item-actions {
+ display: flex;
+ gap: 0.4rem;
+ flex-wrap: wrap;
+}
+
+/* Editor-Dialog */
+.cron-editor-fields {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.cron-editor-field {
+ display: flex;
+ flex-direction: column;
+ gap: 0.35rem;
+}
+
+.cron-editor-label {
+ font-weight: 600;
+ font-size: 0.88rem;
+ display: flex;
+ align-items: center;
+ gap: 0.4rem;
+}
+
+.cron-help-link {
+ color: var(--rip-muted, #999);
+ font-size: 0.85rem;
+ text-decoration: none;
+}
+.cron-help-link:hover { color: var(--primary-color, #3b82f6); }
+
+.cron-expr-hint {
+ font-size: 0.8rem;
+ line-height: 1.4;
+}
+.cron-expr-hint--ok { color: #1c5e2e; }
+.cron-expr-hint--err { color: #842029; }
+.cron-expr-hint--checking { color: var(--rip-muted, #888); }
+
+.cron-expr-examples {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.4rem;
+ margin-top: 0.25rem;
+}
+
+.cron-expr-chip {
+ background: var(--surface-ground, #f4f4f4);
+ border: 1px solid var(--surface-border, #dee2e6);
+ border-radius: 99px;
+ padding: 0.2rem 0.7rem;
+ font-size: 0.78rem;
+ cursor: pointer;
+ transition: background 0.15s;
+}
+.cron-expr-chip:hover { background: var(--surface-hover, #e9ecef); }
+
+/* Quell-Typ-Auswahl */
+.cron-source-type-row {
+ display: flex;
+ gap: 0.5rem;
+}
+
+.cron-source-type-btn {
+ flex: 1;
+ padding: 0.45rem 0.75rem;
+ border: 1px solid var(--surface-border, #dee2e6);
+ border-radius: 6px;
+ background: var(--surface-ground, #f4f4f4);
+ font-size: 0.88rem;
+ cursor: pointer;
+ transition: all 0.15s;
+}
+.cron-source-type-btn.active {
+ border-color: var(--primary-color, #3b82f6);
+ background: var(--primary-50, #eff6ff);
+ color: var(--primary-color, #3b82f6);
+ font-weight: 600;
+}
+
+/* Editor-Toggles */
+.cron-editor-toggles {
+ display: flex;
+ flex-direction: column;
+ gap: 0.6rem;
+}
+
+/* Logs-Dialog */
+.cron-log-list {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+}
+
+.cron-log-entry {
+ border: 1px solid var(--surface-border, #dee2e6);
+ border-radius: 6px;
+ overflow: hidden;
+}
+
+.cron-log-summary {
+ display: flex;
+ align-items: center;
+ gap: 0.6rem;
+ padding: 0.6rem 0.75rem;
+ cursor: pointer;
+ background: var(--surface-ground, #f8f9fa);
+ list-style: none;
+ font-size: 0.88rem;
+ flex-wrap: wrap;
+}
+
+.cron-log-time {
+ font-weight: 600;
+}
+
+.cron-log-duration {
+ color: var(--rip-muted, #777);
+ font-size: 0.8rem;
+}
+
+.cron-log-errmsg {
+ color: #842029;
+ font-size: 0.8rem;
+ font-style: italic;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 260px;
+}
+
+.cron-log-output {
+ margin: 0;
+ padding: 0.75rem;
+ background: #1e1e1e;
+ color: #d4d4d4;
+ font-size: 0.78rem;
+ max-height: 300px;
+ overflow-y: auto;
+ white-space: pre-wrap;
+ word-break: break-all;
+}
+
+.runtime-activity-meta {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5rem;
+ margin-bottom: 0.75rem;
+}
+
+.runtime-activity-grid {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr);
+ gap: 0.75rem;
+}
+
+.runtime-activity-col {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.5rem;
+ padding: 0.55rem 0.6rem;
+ background: var(--rip-panel-soft);
+ display: grid;
+ align-content: start;
+ grid-auto-rows: min-content;
+ gap: 0.45rem;
+}
+
+.runtime-activity-col h4 {
+ margin: 0;
+}
+
+.runtime-activity-list {
+ display: flex;
+ flex-direction: column;
+ gap: 0.45rem;
+}
+
+.runtime-activity-item {
+ border: 1px dashed var(--rip-border);
+ border-radius: 0.45rem;
+ padding: 0.45rem 0.55rem;
+ background: var(--rip-panel);
+ display: grid;
+ gap: 0.2rem;
+}
+
+.runtime-activity-item.running {
+ border-style: solid;
+}
+
+.runtime-activity-item.done {
+ border-style: dotted;
+ background: var(--rip-surface);
+ opacity: 0.94;
+}
+
+.runtime-activity-head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+}
+
+.runtime-activity-head strong {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.runtime-activity-tags {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.35rem;
+}
+
+.runtime-activity-actions {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.45rem;
+ margin-top: 0.15rem;
+}
+
+.runtime-activity-details {
+ margin-top: 0.2rem;
+}
+
+.runtime-chain-current {
+ display: flex;
+ flex-direction: column;
+ gap: 0.1rem;
+ padding: 0.3rem 0.45rem;
+ border-left: 2px solid var(--rip-border);
+ margin: 0.1rem 0;
+ background: var(--rip-surface);
+ border-radius: 0 0.3rem 0.3rem 0;
+}
+
+.runtime-activity-details summary {
+ cursor: pointer;
+ font-size: 0.82rem;
+ color: var(--rip-muted, #666);
+}
+
+.runtime-activity-details-block {
+ margin-top: 0.4rem;
+}
+
+.runtime-activity-details-block pre {
+ margin: 0.25rem 0 0;
+ padding: 0.55rem;
+ border-radius: 6px;
+ border: 1px solid var(--surface-border, #d8d3c6);
+ background: #1f1f1f;
+ color: #e8e8e8;
+ max-height: 180px;
+ overflow: auto;
+ white-space: pre-wrap;
+ word-break: break-word;
+ font-size: 0.78rem;
+}
+
+@media (max-width: 980px) {
+ .runtime-activity-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+.audiobook-config-panel {
+ display: grid;
+ gap: 1rem;
+}
+
+.encode-automation-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.85rem;
+ align-items: stretch;
+}
+
+.encode-automation-grid > :only-child {
+ grid-column: 1 / -1;
+}
+
+.audiobook-config-head {
+ display: flex;
+ justify-content: space-between;
+ gap: 1rem;
+ align-items: flex-start;
+ flex-wrap: wrap;
+}
+
+.audiobook-config-summary {
+ display: flex;
+ gap: 1rem;
+ align-items: flex-start;
+ flex-wrap: wrap;
+}
+
+.audiobook-config-cover {
+ width: 120px;
+ min-width: 120px;
+ aspect-ratio: 1 / 1;
+ border-radius: 14px;
+ overflow: hidden;
+ border: 1px solid var(--surface-border, #d8d3c6);
+ background: var(--surface-ground, #f6f1e8);
+ box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
+}
+
+.audiobook-config-cover img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ display: block;
+}
+
+.audiobook-config-grid {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 1rem;
+}
+
+.audiobook-config-settings,
+.audiobook-config-chapters {
+ display: grid;
+ gap: 0.85rem;
+}
+
+.audiobook-description-preview {
+ display: grid;
+ gap: 0.25rem;
+ margin-top: 0.25rem;
+}
+
+.audiobook-description-preview .p-button {
+ justify-self: flex-start;
+ padding-left: 0;
+}
+
+.audiobook-config-chapters h4 {
+ margin: 0;
+}
+
+.audiobook-chapter-list {
+ display: grid;
+ gap: 0.55rem;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.audiobook-chapter-row {
+ display: grid;
+ gap: 0.15rem;
+ padding: 0.65rem 0.75rem;
+ border: 1px solid var(--surface-border, #d8d3c6);
+ border-radius: 10px;
+ background: var(--surface-card, #fff);
+}
+
+.audiobook-chapter-row small {
+ color: var(--rip-muted, #666);
+}
+
+.audiobook-chapter-row-head {
+ display: flex;
+ justify-content: space-between;
+ gap: 0.75rem;
+ align-items: center;
+}
+
+.audiobook-chapter-row-editable {
+ gap: 0.55rem;
+}
+
+.audiobook-chapter-status {
+ display: grid;
+ gap: 0.5rem;
+ margin-top: 0.25rem;
+}
+
+.audiobook-chapter-status .cd-track-table {
+ min-width: 38rem;
+}
+
+.audiobook-chapter-status .cd-track-table td.title,
+.audiobook-chapter-status .cd-track-table th.title {
+ min-width: 16rem;
+}
+
+.audiobook-description-dialog p {
+ margin: 0;
+ white-space: pre-wrap;
+ line-height: 1.6;
+}
+
+.audiobook-output-path {
+ padding: 0.75rem 0.85rem;
+ border-radius: 10px;
+ border: 1px solid var(--surface-border, #d8d3c6);
+ background: var(--surface-ground, #f7f7f7);
+ word-break: break-word;
+}
+
+@media (max-width: 1600px) {
+ .audiobook-chapter-list {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 1350px) {
+ .audiobook-config-summary {
+ width: 100%;
+ }
+
+ .audiobook-config-cover {
+ width: 96px;
+ min-width: 96px;
+ }
+
+ .audiobook-config-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .audiobook-chapter-list {
+ grid-template-columns: 1fr;
+ }
+
+}
+
+@media (max-width: 1400px) {
+ .encode-automation-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+/* ── ReencodeConflictModal ──────────────────────────────────────────────── */
+.reencode-conflict-modal .p-dialog-content {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.reencode-conflict-intro {
+ margin: 0;
+ font-size: 0.95rem;
+}
+
+.reencode-conflict-folders {
+ display: flex;
+ flex-direction: column;
+ gap: 0.4rem;
+ border: 1px solid var(--surface-border, #d8d3c6);
+ border-radius: 8px;
+ padding: 0.75rem;
+ background: var(--surface-ground, #f7f7f7);
+}
+
+.reencode-conflict-folders-header {
+ padding-bottom: 0.4rem;
+ border-bottom: 1px solid var(--surface-border, #d8d3c6);
+ margin-bottom: 0.25rem;
+}
+
+.reencode-conflict-check-all {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ cursor: pointer;
+ font-weight: 600;
+ font-size: 0.85rem;
+}
+
+.reencode-conflict-folder-row {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ cursor: pointer;
+ padding: 0.3rem 0.25rem;
+ border-radius: 4px;
+ transition: background 0.15s;
+}
+
+.reencode-conflict-folder-row:hover {
+ background: var(--surface-hover, #eeebe4);
+}
+
+.reencode-conflict-folder-row.is-checked {
+ background: var(--red-50, #fff5f5);
+}
+
+.reencode-conflict-folder-name {
+ flex: 1;
+ font-size: 0.875rem;
+ word-break: break-all;
+}
+
+.reencode-conflict-folder-date {
+ color: var(--text-color-secondary, #6c757d);
+ white-space: nowrap;
+ font-size: 0.78rem;
+}
+
+.reencode-conflict-hint {
+ font-size: 0.82rem;
+ color: var(--text-color-secondary, #6c757d);
+ line-height: 1.5;
+ padding: 0.5rem 0.75rem;
+ border-left: 3px solid var(--primary-color, #a89f91);
+ background: var(--surface-ground, #f7f7f7);
+ border-radius: 0 4px 4px 0;
+}
+
+.reencode-conflict-no-folders {
+ margin: 0;
+ font-size: 0.875rem;
+ color: var(--text-color-secondary, #6c757d);
+}
+
+.reencode-conflict-footer {
+ display: flex;
+ gap: 0.5rem;
+ justify-content: flex-end;
+ flex-wrap: wrap;
+}
+
+/* ===== Hardware Detail Page ===== */
+
+.hardware-detail-page {
+ display: grid;
+ gap: 1rem;
+}
+
+.hardware-detail-hero .p-card-content,
+.hardware-detail-card .p-card-content,
+.hardware-detail-empty .p-card-content {
+ padding-top: 0.2rem;
+}
+
+.hardware-detail-hero {
+ border: 1px solid var(--rip-border);
+ background: #ffffff;
+ color: var(--text-color);
+}
+
+.hardware-detail-hero-head {
+ display: flex;
+ justify-content: space-between;
+ gap: 0.8rem;
+ align-items: flex-start;
+ flex-wrap: wrap;
+}
+
+.hardware-detail-hero-head h2 {
+ margin: 0;
+ font-size: 1.1rem;
+ font-weight: 700;
+ line-height: 1.2;
+}
+
+.hardware-detail-hero-head small {
+ color: var(--rip-muted);
+}
+
+.hardware-detail-hero-tags {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.45rem;
+}
+
+.hardware-detail-empty {
+ border: 1px solid var(--rip-border);
+}
+
+.hardware-detail-empty h3 {
+ margin: 0 0 0.45rem;
+}
+
+.hardware-detail-empty p {
+ margin: 0 0 0.9rem;
+ color: var(--rip-muted);
+}
+
+.hardware-detail-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 1rem;
+}
+
+.hardware-detail-card {
+ border: 1px solid var(--rip-border);
+ background: #ffffff;
+ color: var(--text-color);
+}
+
+.hardware-detail-card h3 {
+ margin: 0;
+ font-size: 1rem;
+ line-height: 1.25;
+ font-weight: 700;
+}
+
+.hardware-detail-card h4 {
+ margin: 0;
+ font-size: 0.9rem;
+ font-weight: 700;
+}
+
+.hardware-detail-card small {
+ color: var(--rip-muted);
+}
+
+.hardware-detail-card-head {
+ display: flex;
+ align-items: center;
+ gap: 0.75rem;
+ margin-bottom: 0.85rem;
+}
+
+.hardware-detail-card-icon {
+ width: 2.4rem;
+ height: 2.4rem;
+ border-radius: 0.5rem;
+ background: #f5f1e7;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.hardware-detail-card-icon .pi {
+ font-size: 0.95rem;
+}
+
+.hardware-detail-gauge-layout {
+ display: grid;
+ grid-template-columns: 170px minmax(0, 1fr);
+ align-items: center;
+ gap: 0.85rem;
+}
+
+.hardware-detail-gauge-wrap {
+ position: relative;
+ width: 170px;
+ height: 170px;
+}
+
+.hardware-detail-gauge-chart {
+ width: 170px;
+ height: 170px;
+}
+
+.hardware-detail-gauge-center {
+ position: absolute;
+ inset: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.75rem;
+ font-weight: 700;
+}
+
+.hardware-detail-bar-list {
+ display: grid;
+ gap: 0.5rem;
+}
+
+.hardware-detail-bar-item,
+.hardware-detail-temp-item,
+.hardware-detail-list-item {
+ display: grid;
+ gap: 0.25rem;
+}
+
+.hardware-detail-bar-item .p-progressbar,
+.hardware-detail-temp-item .p-progressbar,
+.hardware-detail-list-item .p-progressbar {
+ height: 0.38rem;
+}
+
+.hardware-detail-page .p-progressbar .p-progressbar-value {
+ background: #b07a24;
+}
+
+.hardware-detail-bar-head {
+ display: flex;
+ justify-content: space-between;
+ gap: 0.5rem;
+ align-items: baseline;
+ font-size: 0.88rem;
+}
+
+.hardware-detail-scroll-list {
+ max-height: 12rem;
+ overflow: auto;
+ margin-top: 0.7rem;
+ padding-right: 0.2rem;
+ display: grid;
+ gap: 0.5rem;
+}
+
+.hardware-detail-core-grid {
+ margin-top: 0.65rem;
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.45rem 0.55rem;
+}
+
+.hardware-detail-core-item {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.35rem;
+ background: #ffffff;
+ padding: 0.35rem 0.42rem;
+ display: grid;
+ gap: 0.15rem;
+}
+
+.hardware-detail-core-item .p-progressbar {
+ height: 0.26rem;
+}
+
+.hardware-detail-scroll-item {
+ display: grid;
+ gap: 0.2rem;
+}
+
+.hardware-detail-meter-wrap {
+ margin-top: 0.8rem;
+ border-top: 1px solid var(--surface-border);
+ padding-top: 0.65rem;
+ display: grid;
+ gap: 0.45rem;
+}
+
+.hardware-detail-meter-wrap .p-progressbar {
+ height: 0.38rem;
+}
+
+.hardware-detail-meter-head {
+ display: flex;
+ justify-content: space-between;
+ gap: 0.5rem;
+}
+
+.hardware-detail-list {
+ display: grid;
+ gap: 0.65rem;
+}
+
+.hardware-detail-list-item small {
+ color: var(--rip-muted);
+}
+
+.hardware-detail-list-item.tone-warn .p-progressbar-value {
+ background: linear-gradient(90deg, #d5a242, #e0b25f);
+}
+
+.hardware-detail-list-item.tone-high .p-progressbar-value {
+ background: linear-gradient(90deg, #d9924d, #c97931);
+}
+
+.hardware-detail-list-item.tone-critical .p-progressbar-value {
+ background: linear-gradient(90deg, #c64d37, #ad3a2f);
+}
+
+.hardware-history-card {
+ border: 1px solid var(--rip-border);
+ background: #ffffff;
+}
+
+.hardware-history-card-head {
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 0.65rem;
+}
+
+.hardware-history-window-buttons {
+ display: inline-flex;
+ flex-wrap: wrap;
+ gap: 0.4rem;
+}
+
+.hardware-history-window-buttons .p-button {
+ min-width: 3.2rem;
+}
+
+.hardware-history-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 0.85rem;
+ min-width: 0;
+}
+
+.hardware-history-chart-wrap {
+ border: 1px solid var(--rip-border);
+ border-radius: 0.45rem;
+ background: #ffffff;
+ padding: 0.6rem;
+ min-width: 0;
+ overflow: hidden;
+}
+
+.hardware-history-chart-wrap h4 {
+ margin: 0 0 0.5rem;
+ font-size: 0.9rem;
+}
+
+.hardware-history-series-toggles {
+ display: inline-flex;
+ flex-wrap: wrap;
+ gap: 0.35rem;
+ margin-bottom: 0.5rem;
+}
+
+.hardware-history-series-toggles .p-button {
+ min-height: 1.9rem;
+ padding: 0.2rem 0.55rem;
+ font-size: 0.78rem;
+}
+
+.hardware-history-series-toggles .p-button.hardware-series-toggle-btn {
+ box-shadow: none;
+}
+
+.hardware-history-series-toggles .p-button.hardware-series-toggle-btn:focus {
+ box-shadow: 0 0 0 1px rgba(58, 29, 18, 0.18);
+}
+
+.hardware-history-chart {
+ position: relative;
+ height: 320px;
+ width: 100%;
+ min-width: 0;
+ overflow: hidden;
+}
+
+.hardware-history-chart canvas {
+ display: block;
+}
+
+.hardware-history-chart .hardware-history-chart-canvas,
+.hardware-history-chart .hardware-history-chart-canvas canvas {
+ height: 100% !important;
+}
+
+.hardware-history-chart .hardware-history-chart-canvas canvas {
+ width: 100% !important;
+}
+
+.hardware-history-legend-row {
+ margin-top: 0.45rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 0.8rem;
+ flex-wrap: wrap;
+ color: var(--rip-muted);
+ font-weight: 600;
+}
+
+.hardware-history-legend-item {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.35rem;
+}
+
+.hardware-history-legend-dot {
+ width: 0.62rem;
+ height: 0.62rem;
+ border-radius: 2px;
+ display: inline-block;
+}
+
+@media (max-width: 1700px) {
+ .hardware-history-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+@media (max-width: 1900px) {
+ .hardware-detail-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+}
+
+@media (max-width: 1500px) {
+ .hardware-detail-grid {
+ grid-template-columns: 1fr;
+ }
+}
+
+@media (max-width: 980px) {
+ .hardware-detail-grid,
+ .hardware-detail-gauge-layout {
+ grid-template-columns: 1fr;
+ }
+
+ .hardware-detail-core-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .hardware-detail-gauge-wrap {
+ margin-inline: auto;
+ }
+
+ .hardware-detail-card h3 {
+ font-size: 0.95rem;
+ }
+}
+
+/* ===== Converter Page ===== */
+
+.converter-beta-notice {
+ display: flex;
+ align-items: flex-start;
+ gap: 0.55rem;
+ padding: 0.75rem 0.9rem;
+ border-radius: 10px;
+ border: 1px solid #f5d28a;
+ background: #fff8e7;
+ color: #7a4b00;
+ font-size: 0.92rem;
+ line-height: 1.45;
+}
+
+.converter-beta-notice .pi {
+ margin-top: 0.05rem;
+ color: #d17d00;
+}
+
+.converter-card-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.5rem;
+ padding: 1rem 1.25rem 0;
+}
+
+.converter-card-title {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ font-size: 1rem;
+ font-weight: 700;
+ color: var(--text-color, #333);
+}
+
+.converter-jobs-group-label {
+ margin: 0 0 0.6rem;
+ font-size: 0.78rem;
+ font-weight: 600;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ color: var(--rip-muted, #6a4d38);
+}
+
+.converter-jobs-empty-hint {
+ margin: 0;
+ color: var(--rip-muted, #6a4d38);
+}
+
+/* ===== File Explorer (Klangkiste 1:1 mit Ripster-Farben) ===== */
+
+/* Äußere Hülle */
+.cfx-wrap {
+ display: flex;
+ flex-direction: column;
+ gap: 0;
+}
+
+/* Obere Infozeile: rawdir + Aktualisieren */
+.cfx-top-bar {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ padding: 0.45rem 0.75rem;
+ font-size: 0.8rem;
+}
+
+.cfx-rawdir {
+ flex: 1;
+ font-size: 0.75rem;
+ color: var(--rip-muted, #6a4d38);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+/* ── Klangkiste Explorer-Layout ───────────────────────────────────────────── */
+
+.explorer {
+ display: grid;
+ grid-template-columns: 320px 1fr;
+ grid-template-rows: 1fr auto;
+ gap: 0;
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 12px;
+ overflow-x: auto;
+ overflow-y: hidden;
+ background: var(--rip-panel, #fffaf1);
+ min-height: 260px;
+ align-items: stretch;
+ font-size: 13px;
+}
+
+.explorer-sidebar {
+ grid-row: 1;
+ padding: 12px;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ background: var(--rip-panel-soft, #fdf5e7);
+ border-right: 1px solid var(--rip-border, #d9bc8d);
+ height: 100%;
+}
+
+.explorer-toolbar,
+.sidebar-toolbar {
+ height: 40px;
+ min-height: 40px;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.sidebar-toolbar {
+ border: 1px solid var(--rip-border, #d9bc8d);
+ background: var(--rip-cream-50, #fffaf0);
+ padding: 0 10px;
+ border-radius: 8px;
+ flex-shrink: 0;
+}
+
+.sidebar-tree {
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 10px;
+ background: var(--rip-cream-50, #fffaf0);
+ padding: 8px;
+ overflow: auto;
+ flex: 1;
+}
+
+.sidebar-search {
+ flex: 1;
+ width: 100%;
+ border: 1px solid var(--rip-border, #d9bc8d);
+ background: var(--rip-cream-50, #fffaf0);
+ border-radius: 8px;
+ padding: 0 10px;
+ font-size: 13px;
+ color: var(--rip-ink, #2f180f);
+ min-width: 0;
+ height: 28px;
+ line-height: 28px;
+ outline: none;
+}
+.sidebar-search:focus {
+ border-color: var(--rip-gold-400, #d49c56);
+ box-shadow: 0 0 0 2px rgba(212, 156, 86, 0.2);
+}
+
+.explorer-main {
+ grid-row: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ padding: 12px 14px 14px;
+ background: var(--rip-panel, #fffaf1);
+ height: 100%;
+ overflow: hidden;
+}
+
+.explorer-toolbar {
+ flex-wrap: wrap;
+ padding: 0 10px;
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 10px;
+ background: var(--rip-cream-50, #fffaf0);
+ flex-shrink: 0;
+}
+
+.explorer-toolbar .icon-button {
+ width: 30px;
+ height: 30px;
+}
+
+.explorer-path {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0;
+ font-size: 13px;
+ color: var(--rip-muted, #6a4d38);
+ align-items: center;
+ line-height: 1;
+ flex: 1;
+ min-width: 0;
+}
+
+.breadcrumb-root {
+ font-weight: 600;
+ color: var(--rip-ink, #2f180f);
+}
+
+.path-link {
+ background: transparent;
+ border: none;
+ color: var(--rip-ink, #2f180f);
+ cursor: pointer;
+ padding: 0;
+ font-size: 13px;
+ font-weight: 600;
+}
+.path-link:hover,
+.path-link:focus { background: transparent; color: var(--primary-color, #8e4d2d); outline: none; text-decoration: underline; }
+
+.toolbar-actions {
+ margin-left: auto;
+ display: flex;
+ align-items: center;
+ gap: 6px;
+}
+
+.explorer-list {
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 10px;
+ background: var(--rip-cream-50, #fffaf0);
+ overflow: auto;
+ flex: 1;
+ min-height: 0;
+}
+
+.explorer-row {
+ display: grid;
+ grid-template-columns: 28px 2fr minmax(90px, 0.8fr) minmax(90px, 0.8fr) minmax(170px, 1.4fr);
+ gap: 10px;
+ align-items: center;
+ padding: 8px 12px;
+ border-bottom: 1px solid var(--rip-border, #d9bc8d);
+ font-size: 13px;
+ cursor: pointer;
+ user-select: none;
+ transition: background 0.08s, border-left 0.08s;
+}
+.explorer-row:hover:not(.header):not(.footer) { background: var(--rip-cream-100, #fbf2df); }
+.explorer-row.selected {
+ background: color-mix(in srgb, var(--primary-color) 10%, transparent);
+ border-left: 3px solid var(--primary-color);
+ padding-left: 9px;
+}
+.explorer-row.row-active {
+ background: color-mix(in srgb, var(--primary-color) 18%, transparent);
+ outline: 1px solid color-mix(in srgb, var(--primary-color) 40%, transparent);
+ outline-offset: -1px;
+}
+.explorer-row.row-active.selected {
+ background: color-mix(in srgb, var(--primary-color) 22%, transparent);
+}
+.explorer-row.header {
+ font-size: 11px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ color: var(--rip-muted, #6a4d38);
+ background: var(--rip-panel-soft, #fdf5e7);
+ cursor: default;
+ border-left: 3px solid transparent;
+ position: sticky;
+ top: 0;
+ z-index: 1;
+}
+.explorer-row.footer {
+ background: var(--rip-panel-soft, #fdf5e7);
+ cursor: default;
+ border-left: 3px solid transparent;
+}
+.explorer-row:last-child { border-bottom: none; }
+
+.row-name {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.row-icon {
+ display: inline-flex;
+ align-items: center;
+ color: var(--rip-brown-700, #6f3922);
+ flex-shrink: 0;
+}
+
+.row-checkbox {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.row-checkbox input[type="checkbox"] {
+ width: 15px;
+ height: 15px;
+ cursor: pointer;
+ accent-color: var(--primary-color);
+ border-radius: 3px;
+}
+.explorer-row.header .row-checkbox { pointer-events: none; }
+
+.row-job {
+ min-width: 0;
+ text-align: left;
+}
+
+.row-job-assignment {
+ display: inline-block;
+ max-width: 100%;
+ font-size: 0.74rem;
+ color: var(--primary-color, #8e4d2d);
+ font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.row-job-empty {
+ font-size: 0.74rem;
+ color: var(--rip-muted, #6a4d38);
+}
+
+.explorer-row.row-locked {
+ opacity: 0.7;
+ cursor: default;
+ background: repeating-linear-gradient(
+ -45deg,
+ transparent,
+ transparent 6px,
+ rgba(0,0,0,0.025) 6px,
+ rgba(0,0,0,0.025) 12px
+ ) !important;
+}
+
+.footer-count {
+ font-weight: 600;
+ color: var(--rip-ink, #2f180f);
+ text-align: right;
+}
+
+.explorer-footer {
+ grid-column: 1 / -1;
+ padding: 8px 14px;
+ font-size: 12px;
+ color: var(--rip-muted, #6a4d38);
+ border-top: 1px solid var(--rip-border, #d9bc8d);
+ background: var(--rip-panel-soft, #fdf5e7);
+ border-radius: 0 0 11px 11px;
+}
+
+.explorer-loading,
+.explorer-empty {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+ min-height: 180px;
+ gap: 0.55rem;
+}
+
+/* ── Icon-Button (wie Klangkiste) ────────────────────────────────────────── */
+
+.icon-button {
+ border: 1px solid var(--rip-border, #d9bc8d);
+ background: var(--rip-panel, #fffaf1);
+ color: var(--rip-ink, #2f180f);
+ border-radius: 8px;
+ padding: 0;
+ width: 32px;
+ height: 32px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ line-height: 1;
+ font-size: 14px;
+ transition: background 0.1s;
+ flex-shrink: 0;
+}
+.icon-button:hover:not(:disabled) { background: var(--rip-cream-100, #fbf2df); }
+.icon-button.danger {
+ border-color: rgba(239, 68, 68, 0.55);
+ color: rgb(220, 38, 38);
+ background: rgba(239, 68, 68, 0.08);
+}
+.icon-button.danger:hover:not(:disabled) { background: rgba(239, 68, 68, 0.15); }
+.icon-button:disabled { cursor: not-allowed; opacity: 0.4; }
+
+/* ── Ordnerbaum ──────────────────────────────────────────────────────────── */
+
+.tree-node { display: flex; flex-direction: column; gap: 2px; }
+
+.depth-1 .tree-row { margin-left: 16px; }
+.depth-2 .tree-row { margin-left: 32px; }
+.depth-3 .tree-row { margin-left: 48px; }
+.depth-4 .tree-row { margin-left: 64px; }
+.depth-5 .tree-row { margin-left: 80px; }
+
+.tree-row {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ padding: 6px 8px;
+ border-radius: 8px;
+ cursor: pointer;
+ color: var(--rip-muted, #6a4d38);
+ user-select: none;
+}
+.tree-row:hover { background: var(--rip-cream-100, #fbf2df); color: var(--rip-ink, #2f180f); }
+.tree-row.active { background: var(--primary-50, #fef6ec); color: var(--rip-ink, #2f180f); font-weight: 600; }
+
+.tree-caret {
+ border: none;
+ background: transparent;
+ color: var(--rip-muted, #6a4d38);
+ padding: 0;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 18px;
+ flex: 0 0 18px;
+ cursor: pointer;
+}
+.tree-caret.disabled { width: 18px; flex: 0 0 18px; }
+
+.tree-checkbox {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ flex: 0 0 18px;
+}
+.tree-checkbox input[type="checkbox"] {
+ width: 14px;
+ height: 14px;
+ cursor: pointer;
+ accent-color: var(--primary-color);
+ border-radius: 3px;
+}
+
+.tree-icon.folder { color: var(--rip-brown-700, #6f3922); }
+
+.tree-label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
+/* Selection bar */
+.converter-selection-bar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.75rem;
+ margin-top: 0.75rem;
+ padding: 0.5rem 0.75rem;
+ background: var(--primary-50, #fef6ec);
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 6px;
+ font-size: 0.85rem;
+}
+
+/* ===== Upload Panel ===== */
+
+.converter-upload-panel {
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+}
+
+.converter-upload-dropzone {
+ border: 2px dashed var(--rip-border, #d9bc8d);
+ border-radius: 8px;
+ padding: 1.25rem 1rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 0.75rem;
+ background: var(--rip-panel, #fffaf1);
+ transition: border-color 0.15s, background 0.15s;
+}
+
+.converter-upload-dropzone.drag-over {
+ border-color: var(--primary-color, #8e4d2d);
+ background: var(--primary-50, #fef6ec);
+}
+
+.converter-upload-hint {
+ text-align: center;
+ font-size: 0.85rem;
+ color: var(--rip-muted, #6a4d38);
+ line-height: 1.5;
+}
+
+.converter-upload-buttons {
+ display: flex;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.converter-upload-status {
+ display: flex;
+ flex-direction: column;
+ gap: 0.4rem;
+ padding: 0.5rem 0.75rem;
+ background: var(--rip-panel-soft, #fdf5e7);
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 6px;
+}
+
+.converter-upload-status-head {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ font-size: 0.85rem;
+}
+
+/* ===== Job Card ===== */
+
+.converter-jobs-list {
+ gap: 0.6rem;
+}
+
+.converter-jobs-empty {
+ padding: 1rem 0;
+ color: var(--rip-muted, #6a4d38);
+}
+
+.converter-job-card {
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 0.6rem;
+ padding: 0.6rem 0.7rem;
+ background: var(--rip-panel-soft, #fdf5e7);
+ display: flex;
+ flex-direction: column;
+ gap: 0.6rem;
+}
+
+.converter-job-card.status-done,
+.converter-job-card.status-finished {
+ border-color: var(--green-300, #74c69d);
+ background: #f6fff9;
+}
+
+.converter-job-card.status-error {
+ border-color: var(--red-300, #ff8080);
+ background: #fff5f5;
+}
+
+.converter-job-card.status-cancelled {
+ opacity: 0.7;
+}
+
+.converter-job-card-header {
+ display: flex;
+ flex-direction: column;
+ gap: 0.3rem;
+}
+
+.converter-job-card-title-row {
+ display: flex;
+ align-items: center;
+ gap: 0.4rem;
+ flex-wrap: wrap;
+}
+
+.converter-job-card-title {
+ font-weight: 600;
+ font-size: 0.92rem;
+ flex: 1;
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.converter-job-card-meta {
+ font-size: 0.8rem;
+ color: var(--rip-muted, #6a4d38);
+}
+
+.converter-job-card-progress {
+ display: flex;
+ flex-direction: column;
+ gap: 0.25rem;
+}
+
+.converter-job-card-progress-meta {
+ display: flex;
+ justify-content: space-between;
+ font-size: 0.78rem;
+ color: var(--rip-muted, #6a4d38);
+ gap: 0.5rem;
+ flex-wrap: wrap;
+}
+
+.converter-job-card-error {
+ color: var(--red-600, #c62828);
+ font-size: 0.8rem;
+ background: #fff0f0;
+ padding: 0.25rem 0.5rem;
+ border-radius: 4px;
+}
+
+.converter-job-card-output {
+ font-size: 0.8rem;
+ color: var(--rip-muted, #6a4d38);
+}
+
+.converter-job-card-actions {
+ display: flex;
+ gap: 0.5rem;
+ flex-wrap: wrap;
+ margin-top: 0.1rem;
+}
+
+/* Inline-Konfiguration für READY_TO_START Jobs */
+.converter-job-card.is-ready {
+ border-color: #d9b26d;
+ background: #fff7e8;
+}
+
+.cjc-config {
+ margin-top: 0.75rem;
+ padding-top: 0.75rem;
+ border-top: 1px solid var(--surface-200, #e5e7eb);
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+}
+
+.cjc-config-row {
+ display: flex;
+ gap: 1rem;
+ flex-wrap: wrap;
+}
+
+.cjc-config-field {
+ display: flex;
+ flex-direction: column;
+ gap: 0.3rem;
+ flex: 1;
+ min-width: 160px;
+}
+
+.cjc-config-label {
+ font-size: 0.78rem;
+ font-weight: 600;
+ color: var(--text-color-secondary);
+ text-transform: uppercase;
+ letter-spacing: 0.02em;
+}
+
+.cjc-config-value {
+ display: flex;
+ align-items: center;
+ gap: 0.4rem;
+ padding-top: 0.1rem;
+}
+
+.cjc-config-actions {
+ display: flex;
+ gap: 0.5rem;
+ justify-content: flex-end;
+ padding-top: 0.25rem;
+}
+
+.cjc-section-label {
+ margin: 0 0 0.5rem;
+ font-size: 0.8rem;
+ font-weight: 600;
+ color: var(--rip-muted, #6a4d38);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+}
+
+.converter-mb-results {
+ border: 1px solid var(--rip-border, #d9bc8d);
+ border-radius: 6px;
+ overflow-y: auto;
+ max-height: 12rem;
+ margin-bottom: 0.75rem;
+}
+
+.converter-mb-result-row {
+ display: flex;
+ flex-direction: column;
+ gap: 0.15rem;
+ padding: 0.5rem 0.75rem;
+ cursor: pointer;
+ border-bottom: 1px solid var(--rip-border, #d9bc8d);
+ transition: background 0.12s;
+}
+
+.converter-mb-result-row:last-child {
+ border-bottom: none;
+}
+
+.converter-mb-result-row:hover {
+ background: var(--surface-100, #f5f0eb);
+}
+
+.converter-mb-result-row.selected {
+ background: rgba(142, 77, 45, 0.1);
+}
diff --git a/frontend/src/utils/confirmModal.js b/frontend/src/utils/confirmModal.js
new file mode 100644
index 0000000..a5c25fe
--- /dev/null
+++ b/frontend/src/utils/confirmModal.js
@@ -0,0 +1,49 @@
+import { confirmDialog } from 'primereact/confirmdialog';
+
+export function confirmModal(options = {}) {
+ const message = String(options?.message || '').trim();
+ if (!message) {
+ return Promise.resolve(false);
+ }
+
+ const header = String(options?.header || 'Bitte bestätigen').trim() || 'Bitte bestätigen';
+ const acceptLabel = String(options?.acceptLabel || 'Ja').trim() || 'Ja';
+ const rejectLabel = String(options?.rejectLabel || 'Abbrechen').trim() || 'Abbrechen';
+ const icon = String(options?.icon || 'pi pi-exclamation-triangle').trim() || 'pi pi-exclamation-triangle';
+ const danger = Boolean(options?.danger);
+ const style = options?.style && typeof options.style === 'object'
+ ? options.style
+ : null;
+ const breakpoints = options?.breakpoints && typeof options.breakpoints === 'object'
+ ? options.breakpoints
+ : null;
+
+ return new Promise((resolve) => {
+ let finished = false;
+ const settle = (value) => {
+ if (finished) {
+ return;
+ }
+ finished = true;
+ resolve(Boolean(value));
+ };
+
+ confirmDialog({
+ header,
+ message,
+ icon,
+ closable: true,
+ closeOnEscape: true,
+ draggable: false,
+ dismissableMask: true,
+ acceptLabel,
+ rejectLabel,
+ ...(style ? { style } : {}),
+ ...(breakpoints ? { breakpoints } : {}),
+ ...(danger ? { acceptClassName: 'p-button-danger' } : {}),
+ accept: () => settle(true),
+ reject: () => settle(false),
+ onHide: () => settle(false)
+ });
+ });
+}
diff --git a/frontend/src/utils/jobTaxonomy.js b/frontend/src/utils/jobTaxonomy.js
new file mode 100644
index 0000000..d49f736
--- /dev/null
+++ b/frontend/src/utils/jobTaxonomy.js
@@ -0,0 +1,289 @@
+function safeParseJson(value, fallback = null) {
+ if (!value) {
+ return fallback;
+ }
+ if (typeof value === 'object') {
+ return value;
+ }
+ try {
+ return JSON.parse(value);
+ } catch (_error) {
+ return fallback;
+ }
+}
+
+function getEncodePlan(job) {
+ if (!job || typeof job !== 'object') {
+ return null;
+ }
+ return safeParseJson(job.encodePlan || job.encode_plan_json, null);
+}
+
+function normalizeConverterMediaType(value) {
+ const raw = String(value || '').trim().toLowerCase();
+ if (raw === 'audio' || raw === 'video' || raw === 'iso') {
+ return raw;
+ }
+ return null;
+}
+
+function normalizeMediaType(value) {
+ const raw = String(value || '').trim().toLowerCase();
+ if (!raw) {
+ return null;
+ }
+ if (['bluray', 'blu-ray', 'blu_ray', 'bd', 'bdmv', 'bdrom', 'bd-rom', 'bd-r', 'bd-re'].includes(raw)) {
+ return 'bluray';
+ }
+ if (['dvd', 'disc', 'dvdvideo', 'dvd-video', 'dvdrom', 'dvd-rom', 'video_ts', 'iso9660'].includes(raw)) {
+ return 'dvd';
+ }
+ if (['cd', 'audio_cd', 'audio cd'].includes(raw)) {
+ return 'cd';
+ }
+ if (['audiobook', 'audio_book', 'audio book', 'book'].includes(raw)) {
+ return 'audiobook';
+ }
+ if (raw === 'converter') {
+ return 'converter';
+ }
+ return null;
+}
+
+function normalizeJobKind(value) {
+ const raw = String(value || '').trim().toLowerCase();
+ if (!raw) {
+ return null;
+ }
+ if (
+ [
+ 'audiobook',
+ 'cd',
+ 'dvd',
+ 'bluray',
+ 'dvd_series_container',
+ 'dvd_series_child',
+ 'multipart_movie_container',
+ 'multipart_movie_child',
+ 'multipart_movie_merge',
+ 'converter_audio',
+ 'converter_video',
+ 'converter_iso'
+ ].includes(raw)
+ ) {
+ return raw;
+ }
+ if (raw === 'converter') {
+ return 'converter_video';
+ }
+ if (raw === 'converter-audio' || raw === 'converter audio') {
+ return 'converter_audio';
+ }
+ if (raw === 'converter-video' || raw === 'converter video') {
+ return 'converter_video';
+ }
+ if (raw === 'converter-iso' || raw === 'converter iso') {
+ return 'converter_iso';
+ }
+ return null;
+}
+
+function converterJobKindFromMediaType(converterMediaType) {
+ const normalized = normalizeConverterMediaType(converterMediaType);
+ if (normalized === 'audio') {
+ return 'converter_audio';
+ }
+ if (normalized === 'iso') {
+ return 'converter_iso';
+ }
+ return 'converter_video';
+}
+
+function mediaTypeFromJobKind(jobKind) {
+ const normalized = normalizeJobKind(jobKind);
+ if (!normalized) {
+ return null;
+ }
+ if (normalized.startsWith('converter_')) {
+ return 'converter';
+ }
+ if (
+ normalized === 'dvd_series_container'
+ || normalized === 'dvd_series_child'
+ || normalized === 'multipart_movie_container'
+ || normalized === 'multipart_movie_child'
+ || normalized === 'multipart_movie_merge'
+ ) {
+ return null;
+ }
+ return normalized;
+}
+
+export function resolveJobKind(job) {
+ const encodePlan = getEncodePlan(job);
+ const converterMediaType = normalizeConverterMediaType(
+ encodePlan?.converterMediaType || job?.converterMediaType
+ );
+ const directCandidates = [
+ job?.job_kind,
+ job?.jobKind,
+ encodePlan?.jobKind,
+ job?.makemkvInfo?.jobKind,
+ job?.makemkvInfo?.analyzeContext?.jobKind,
+ job?.mediainfoInfo?.jobKind,
+ job?.handbrakeInfo?.jobKind
+ ];
+ for (const candidate of directCandidates) {
+ const normalized = normalizeJobKind(candidate);
+ if (!normalized) {
+ continue;
+ }
+ if (normalized.startsWith('converter_')) {
+ return converterMediaType ? converterJobKindFromMediaType(converterMediaType) : normalized;
+ }
+ return normalized;
+ }
+
+ const mediaCandidates = [
+ job?.mediaType,
+ job?.media_type,
+ job?.mediaProfile,
+ job?.media_profile,
+ encodePlan?.mediaProfile,
+ job?.makemkvInfo?.analyzeContext?.mediaProfile,
+ job?.makemkvInfo?.mediaProfile,
+ job?.mediainfoInfo?.mediaProfile
+ ];
+ for (const candidate of mediaCandidates) {
+ const normalized = normalizeMediaType(candidate);
+ if (!normalized) {
+ continue;
+ }
+ if (normalized === 'converter') {
+ return converterJobKindFromMediaType(converterMediaType);
+ }
+ return normalized;
+ }
+
+ if (converterMediaType) {
+ return converterJobKindFromMediaType(converterMediaType);
+ }
+
+ const statusCandidates = [job?.status, job?.last_state, job?.makemkvInfo?.lastState];
+ if (statusCandidates.some((value) => String(value || '').trim().toUpperCase().startsWith('CD_'))) {
+ return 'cd';
+ }
+
+ const planFormat = String(encodePlan?.format || '').trim().toLowerCase();
+ const hasCdTracksInPlan = Array.isArray(encodePlan?.selectedTracks) && encodePlan.selectedTracks.length > 0;
+ if (hasCdTracksInPlan && ['flac', 'wav', 'mp3', 'opus', 'ogg'].includes(planFormat)) {
+ return 'cd';
+ }
+ if (String(job?.handbrakeInfo?.mode || '').trim().toLowerCase() === 'cd_rip') {
+ return 'cd';
+ }
+ if (Array.isArray(job?.makemkvInfo?.tracks) && job.makemkvInfo.tracks.length > 0) {
+ return 'cd';
+ }
+ if (['audiobook_encode', 'audiobook_encode_split'].includes(String(job?.handbrakeInfo?.mode || '').trim().toLowerCase())) {
+ return 'audiobook';
+ }
+ if (String(encodePlan?.mode || '').trim().toLowerCase() === 'audiobook') {
+ return 'audiobook';
+ }
+
+ return null;
+}
+
+export function resolveMediaType(job) {
+ const jobKind = resolveJobKind(job);
+ const mediaTypeFromKind = mediaTypeFromJobKind(jobKind);
+ if (mediaTypeFromKind) {
+ return mediaTypeFromKind;
+ }
+
+ const encodePlan = getEncodePlan(job);
+ const directCandidates = [
+ job?.mediaType,
+ job?.media_type,
+ job?.mediaProfile,
+ job?.media_profile,
+ encodePlan?.mediaProfile,
+ job?.makemkvInfo?.analyzeContext?.mediaProfile,
+ job?.makemkvInfo?.mediaProfile,
+ job?.mediainfoInfo?.mediaProfile
+ ];
+ for (const candidate of directCandidates) {
+ const normalized = normalizeMediaType(candidate);
+ if (normalized) {
+ return normalized;
+ }
+ }
+
+ const converterMediaType = normalizeConverterMediaType(encodePlan?.converterMediaType || job?.converterMediaType);
+ if (converterMediaType) {
+ return 'converter';
+ }
+
+ return 'other';
+}
+
+export function isSeriesVideoJob(job) {
+ const mediaType = resolveMediaType(job);
+ if (mediaType !== 'dvd' && mediaType !== 'bluray') {
+ return false;
+ }
+
+ const analyzeContext = job?.makemkvInfo?.analyzeContext && typeof job.makemkvInfo.analyzeContext === 'object'
+ ? job.makemkvInfo.analyzeContext
+ : {};
+ const selectedMetadata = analyzeContext?.selectedMetadata && typeof analyzeContext.selectedMetadata === 'object'
+ ? analyzeContext.selectedMetadata
+ : (job?.makemkvInfo?.selectedMetadata && typeof job.makemkvInfo.selectedMetadata === 'object'
+ ? job.makemkvInfo.selectedMetadata
+ : {});
+ const workflowKind = String(
+ selectedMetadata?.workflowKind
+ || analyzeContext?.workflowKind
+ || ''
+ ).trim().toLowerCase();
+ if (['film', 'movie', 'feature'].includes(workflowKind)) {
+ return false;
+ }
+ if (['series', 'tv', 'season', 'episode'].includes(workflowKind)) {
+ return true;
+ }
+
+ const metadataKind = String(
+ selectedMetadata?.metadataKind
+ || analyzeContext?.metadataKind
+ || ''
+ ).trim().toLowerCase();
+ if (['film', 'movie', 'feature'].includes(metadataKind)) {
+ return false;
+ }
+ const seasonNumberRaw = selectedMetadata?.seasonNumber ?? analyzeContext?.seriesLookupHint?.seasonNumber ?? null;
+ const seasonNumberText = String(seasonNumberRaw ?? '').trim();
+ const parsedSeasonNumber = Number(seasonNumberText.replace(',', '.'));
+ const hasSeasonNumber = seasonNumberText
+ ? (Number.isFinite(parsedSeasonNumber) ? parsedSeasonNumber > 0 : true)
+ : false;
+ const seasonName = String(selectedMetadata?.seasonName || '').trim();
+ const episodeCount = Number(selectedMetadata?.episodeCount ?? 0);
+ const hasEpisodeList = Array.isArray(selectedMetadata?.episodes) && selectedMetadata.episodes.length > 0;
+ const isSeriesKind = ['series', 'season', 'tv', 'tv_series', 'tv-season', 'tv_season'].includes(metadataKind);
+
+ if (isSeriesKind || hasSeasonNumber || Boolean(seasonName) || hasEpisodeList || (Number.isFinite(episodeCount) && episodeCount > 0)) {
+ return true;
+ }
+
+ return false;
+}
+
+export function isSeriesDvdJob(job) {
+ return isSeriesVideoJob(job);
+}
+
+export function isConverterJob(job) {
+ return resolveMediaType(job) === 'converter';
+}
diff --git a/frontend/src/utils/statusPresentation.js b/frontend/src/utils/statusPresentation.js
new file mode 100644
index 0000000..886c686
--- /dev/null
+++ b/frontend/src/utils/statusPresentation.js
@@ -0,0 +1,162 @@
+const STATUS_LABELS = {
+ IDLE: 'Bereit',
+ DISC_DETECTED: 'Medium erkannt',
+ ANALYZING: 'Analyse',
+ METADATA_LOOKUP: 'TMDb-Suche',
+ METADATA_SELECTION: 'Metadatenauswahl',
+ WAITING_FOR_USER_DECISION: 'Warte auf Auswahl',
+ READY_TO_START: 'Startbereit',
+ MEDIAINFO_CHECK: 'Mediainfo-Prüfung',
+ READY_TO_ENCODE: 'Bereit zum Encodieren',
+ RIPPING: 'Rippen',
+ ENCODING: 'Encodieren',
+ POST_ENCODE_SCRIPTS: 'Nachbearbeitung',
+ FINISHED: 'Fertig',
+ CANCELLED: 'Abgebrochen',
+ ERROR: 'Fehler',
+ CD_ANALYZING: 'Analyse',
+ CD_METADATA_SELECTION: 'Metadatenauswahl',
+ CD_READY_TO_RIP: 'Bereit zum Encodieren',
+ CD_RIPPING: 'Rippen',
+ CD_ENCODING: 'Encodieren'
+};
+
+const PROCESS_STATUS_LABELS = {
+ SUCCESS: 'Erfolgreich',
+ ERROR: 'Fehler',
+ CANCELLED: 'Abgebrochen',
+ RUNNING: 'Läuft',
+ STARTED: 'Gestartet',
+ PENDING: 'Ausstehend',
+ DONE: 'Erledigt',
+ FAILED: 'Fehlgeschlagen',
+ COMPLETE: 'Abgeschlossen',
+ COMPLETED: 'Abgeschlossen',
+ SKIPPED: 'Übersprungen',
+ OK: 'OK'
+};
+
+const FALLBACK_TOKEN_LABELS = {
+ IDLE: 'Bereit',
+ DISC: 'Medium',
+ DETECTED: 'erkannt',
+ READY: 'bereit',
+ TO: 'zu',
+ RIP: 'rippen',
+ RIPPING: 'rippen',
+ ENCODE: 'encodieren',
+ ENCODING: 'encodieren',
+ ANALYZING: 'analyse',
+ LOOKUP: 'suche',
+ METADATA: 'metadaten',
+ SELECTION: 'auswahl',
+ WAITING: 'warte',
+ FOR: 'auf',
+ USER: 'Benutzer',
+ DECISION: 'entscheidung',
+ CHECK: 'prüfung',
+ POST: 'post',
+ SCRIPTS: 'skripte',
+ FINISHED: 'fertig',
+ CANCELLED: 'abgebrochen',
+ ERROR: 'fehler',
+ SUCCESS: 'erfolgreich',
+ RUNNING: 'läuft',
+ STARTED: 'gestartet',
+ PENDING: 'ausstehend',
+ FAILED: 'fehlgeschlagen',
+ SKIPPED: 'übersprungen',
+ CD: 'CD',
+ DVD: 'DVD',
+ RAW: 'RAW'
+};
+
+function prettifyUnknownStatus(status) {
+ const raw = String(status || '').trim();
+ if (!raw) {
+ return '-';
+ }
+ if (!raw.includes('_')) {
+ return raw;
+ }
+ const parts = raw
+ .split('_')
+ .map((part) => String(part || '').trim().toUpperCase())
+ .filter(Boolean);
+ if (parts.length === 0) {
+ return raw;
+ }
+ const mapped = parts.map((token) => FALLBACK_TOKEN_LABELS[token] || token.toLowerCase());
+ const joined = mapped.join(' ').trim();
+ if (!joined) {
+ return raw;
+ }
+ return joined.charAt(0).toUpperCase() + joined.slice(1);
+}
+
+export function normalizeStatus(status) {
+ return String(status || '').trim().toUpperCase();
+}
+
+export function getStatusLabel(status, options = {}) {
+ if (options?.queued) {
+ return 'In der Queue';
+ }
+ const normalized = normalizeStatus(status);
+ return STATUS_LABELS[normalized] || prettifyUnknownStatus(status);
+}
+
+export function getStatusSeverity(status, options = {}) {
+ if (options?.queued) {
+ return 'info';
+ }
+ const normalized = normalizeStatus(status);
+ if (normalized === 'FINISHED') return 'success';
+ if (normalized === 'CANCELLED') return 'warning';
+ if (normalized === 'ERROR') return 'danger';
+ if (normalized === 'READY_TO_START' || normalized === 'READY_TO_ENCODE') return 'info';
+ if (normalized === 'WAITING_FOR_USER_DECISION') return 'warning';
+ if (normalized === 'CD_READY_TO_RIP') return 'info';
+ if (normalized === 'CD_METADATA_SELECTION') return 'warning';
+ if (
+ normalized === 'RIPPING'
+ || normalized === 'ENCODING'
+ || normalized === 'ANALYZING'
+ || normalized === 'METADATA_LOOKUP'
+ || normalized === 'MEDIAINFO_CHECK'
+ || normalized === 'METADATA_SELECTION'
+ || normalized === 'POST_ENCODE_SCRIPTS'
+ || normalized === 'CD_ANALYZING'
+ || normalized === 'CD_RIPPING'
+ || normalized === 'CD_ENCODING'
+ ) {
+ return 'warning';
+ }
+ return 'secondary';
+}
+
+export function getProcessStatusLabel(status) {
+ const normalized = normalizeStatus(status);
+ return PROCESS_STATUS_LABELS[normalized] || prettifyUnknownStatus(status);
+}
+
+export const STATUS_FILTER_OPTIONS = [
+ { label: 'Alle', value: '' },
+ { label: getStatusLabel('FINISHED'), value: 'FINISHED' },
+ { label: getStatusLabel('CANCELLED'), value: 'CANCELLED' },
+ { label: getStatusLabel('ERROR'), value: 'ERROR' },
+ { label: getStatusLabel('CD_METADATA_SELECTION'), value: 'CD_METADATA_SELECTION' },
+ { label: getStatusLabel('CD_READY_TO_RIP'), value: 'CD_READY_TO_RIP' },
+ { label: getStatusLabel('CD_ANALYZING'), value: 'CD_ANALYZING' },
+ { label: getStatusLabel('CD_RIPPING'), value: 'CD_RIPPING' },
+ { label: getStatusLabel('CD_ENCODING'), value: 'CD_ENCODING' },
+ { label: getStatusLabel('WAITING_FOR_USER_DECISION'), value: 'WAITING_FOR_USER_DECISION' },
+ { label: getStatusLabel('READY_TO_START'), value: 'READY_TO_START' },
+ { label: getStatusLabel('READY_TO_ENCODE'), value: 'READY_TO_ENCODE' },
+ { label: getStatusLabel('MEDIAINFO_CHECK'), value: 'MEDIAINFO_CHECK' },
+ { label: getStatusLabel('RIPPING'), value: 'RIPPING' },
+ { label: getStatusLabel('ENCODING'), value: 'ENCODING' },
+ { label: getStatusLabel('ANALYZING'), value: 'ANALYZING' },
+ { label: getStatusLabel('METADATA_LOOKUP'), value: 'METADATA_LOOKUP' },
+ { label: getStatusLabel('METADATA_SELECTION'), value: 'METADATA_SELECTION' }
+];
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
new file mode 100644
index 0000000..bdacedf
--- /dev/null
+++ b/frontend/vite.config.js
@@ -0,0 +1,74 @@
+import { readFileSync } from 'node:fs';
+import { createLogger, defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+const appPackage = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8'));
+const publicOrigin = (process.env.VITE_PUBLIC_ORIGIN || '').trim();
+const parsedAllowedHosts = (process.env.VITE_ALLOWED_HOSTS || '')
+ .split(',')
+ .map((item) => item.trim())
+ .filter(Boolean);
+const allowedHosts = parsedAllowedHosts.length > 0 ? parsedAllowedHosts : true;
+
+let hmr = undefined;
+if (publicOrigin) {
+ const url = new URL(publicOrigin);
+ const defaultClientPort = url.port
+ ? Number(url.port)
+ : (url.protocol === 'https:' ? 443 : 80);
+
+ hmr = {
+ protocol: process.env.VITE_HMR_PROTOCOL || (url.protocol === 'https:' ? 'wss' : 'ws'),
+ host: process.env.VITE_HMR_HOST || url.hostname,
+ clientPort: Number(process.env.VITE_HMR_CLIENT_PORT || defaultClientPort)
+ };
+}
+
+const viteLogger = createLogger();
+const customLogger = {
+ ...viteLogger,
+ error(message, options) {
+ const text = String(message || '');
+ const stack = String(options?.error?.stack || '');
+ const isWsProxyMessage = text.includes('ws proxy socket error');
+ const isEpipe = text.includes('EPIPE') || stack.includes('EPIPE');
+
+ if (isWsProxyMessage && isEpipe) {
+ return;
+ }
+
+ viteLogger.error(message, options);
+ }
+};
+
+export default defineConfig({
+ plugins: [react()],
+ customLogger,
+ define: {
+ __APP_VERSION__: JSON.stringify(appPackage.version)
+ },
+ server: {
+ host: '0.0.0.0',
+ port: 5173,
+ strictPort: true,
+ origin: publicOrigin || undefined,
+ allowedHosts,
+ hmr,
+ proxy: {
+ '/api': {
+ target: 'http://127.0.0.1:3001',
+ changeOrigin: true
+ },
+ '/ws': {
+ target: 'ws://127.0.0.1:3001',
+ ws: true,
+ changeOrigin: true
+ }
+ }
+ },
+ preview: {
+ host: '0.0.0.0',
+ port: 5173,
+ strictPort: true
+ }
+});
diff --git a/install.sh b/install.sh
new file mode 100644
index 0000000..e007b5f
--- /dev/null
+++ b/install.sh
@@ -0,0 +1,1255 @@
+#!/usr/bin/env bash
+# =============================================================================
+# Ripster – Installationsskript (Git)
+# Unterstützt: Debian 11/12, Ubuntu 22.04/24.04
+# Benötigt: sudo / root, Internetzugang
+#
+# Verwendung:
+# curl -fsSL https://raw.githubusercontent.com/Mboehmlaender/ripster/main/install.sh | sudo bash
+# oder:
+# wget -qO- https://raw.githubusercontent.com/Mboehmlaender/ripster/main/install.sh | sudo bash
+#
+# Mit Optionen (nur via Datei möglich):
+# sudo bash install.sh [Optionen]
+#
+# Optionen:
+# --branch
Git-Branch (Standard: main)
+# --dir Installationsverzeichnis (Standard: /opt/ripster)
+# --user Systembenutzer für den Dienst (Standard: ripster)
+# --port Backend-Port (Standard: 3001)
+# --host Hostname/IP für die Weboberfläche (Standard: Maschinen-IP)
+# --no-makemkv MakeMKV-Installation überspringen
+# --no-handbrake HandBrake-Installation überspringen
+# --no-nginx Nginx-Einrichtung überspringen
+# --no-system-deps Abschnitt "Systemabhängigkeiten installieren" überspringen
+# --reinstall Vorhandene Installation aktualisieren (Daten bleiben erhalten)
+# -h, --help Diese Hilfe anzeigen
+# =============================================================================
+set -euo pipefail
+
+REPO_URL="https://github.com/Mboehmlaender/ripster.git"
+REPO_RAW_BASE="https://raw.githubusercontent.com/Mboehmlaender/ripster"
+SCRIPT_DIR="$(cd -- "$(dirname -- "${BASH_SOURCE[0]}")" >/dev/null 2>&1 && pwd -P)"
+BUNDLED_HANDBRAKE_CLI="${SCRIPT_DIR}/bin/HandBrakeCLI"
+
+# --- Farben -------------------------------------------------------------------
+RED='\033[0;31m'; GREEN='\033[0;32m'; YELLOW='\033[1;33m'
+BLUE='\033[0;34m'; BOLD='\033[1m'; RESET='\033[0m'
+
+info() { echo -e "${BLUE}[INFO]${RESET} $*"; }
+ok() { echo -e "${GREEN}[OK]${RESET} $*"; }
+warn() { echo -e "${YELLOW}[WARN]${RESET} $*"; }
+error() { echo -e "${RED}[FEHLER]${RESET} $*" >&2; }
+header() { echo -e "\n${BOLD}${BLUE}══════════════════════════════════════════${RESET}"; \
+ echo -e "${BOLD} $*${RESET}"; \
+ echo -e "${BOLD}${BLUE}══════════════════════════════════════════${RESET}"; }
+fatal() { error "$*"; exit 1; }
+
+# --- Standard-Optionen --------------------------------------------------------
+GIT_BRANCH="dev"
+INSTALL_DIR="/opt/ripster"
+SERVICE_USER="ripster"
+BACKEND_PORT="3001"
+FRONTEND_HOST=""
+SKIP_MAKEMKV=false
+SKIP_HANDBRAKE=false
+HANDBRAKE_INSTALL_MODE=""
+SKIP_NGINX=false
+SKIP_SYSTEM_DEPS=false
+REINSTALL=false
+GIT_COMMAND_TIMEOUT_SEC=180
+
+# Keine interaktiven Git-Prompts im Installer (z.B. Credentials) - stattdessen
+# sauber mit Fehler abbrechen.
+export GIT_TERMINAL_PROMPT=0
+
+# --- Container-Optionen -------------------------------------------------------
+CONTAINER_TYPE="none"
+CONTAINER_PRIVILEGE="unknown"
+SERVICE_SECURITY=""
+
+# --- Argumente parsen ---------------------------------------------------------
+while [[ $# -gt 0 ]]; do
+ case "$1" in
+ --branch) GIT_BRANCH="$2"; shift 2 ;;
+ --dir) INSTALL_DIR="$2"; shift 2 ;;
+ --user) SERVICE_USER="$2"; shift 2 ;;
+ --port) BACKEND_PORT="$2"; shift 2 ;;
+ --host) FRONTEND_HOST="$2"; shift 2 ;;
+ --no-makemkv) SKIP_MAKEMKV=true; shift ;;
+ --no-handbrake) SKIP_HANDBRAKE=true; shift ;;
+ --no-nginx) SKIP_NGINX=true; shift ;;
+ --no-system-deps) SKIP_SYSTEM_DEPS=true; shift ;;
+ --reinstall) REINSTALL=true; shift ;;
+ -h|--help)
+ sed -n '/^# Verwendung/,/^# ====/p' "$0" | head -n -1 | sed 's/^# \?//'
+ exit 0 ;;
+ *) fatal "Unbekannte Option: $1" ;;
+ esac
+done
+
+# --- Voraussetzungen prüfen ---------------------------------------------------
+header "Ripster Installationsskript (Git)"
+
+if [[ $EUID -ne 0 ]]; then
+ fatal "Dieses Skript muss als root ausgeführt werden (sudo bash install.sh)"
+fi
+
+if [[ ! -f /etc/os-release ]]; then
+ fatal "Betriebssystem nicht erkennbar. Nur Debian/Ubuntu wird unterstützt."
+fi
+. /etc/os-release
+case "$ID" in
+ debian|ubuntu|linuxmint|pop) ok "Betriebssystem: $PRETTY_NAME" ;;
+ *) fatal "Nicht unterstütztes OS: $ID. Nur Debian/Ubuntu unterstützt." ;;
+esac
+
+# --- Container Detection ------------------------------------------------------
+detect_container_env() {
+ CONTAINER_TYPE="none"
+ CONTAINER_PRIVILEGE="unknown"
+
+ if command -v systemd-detect-virt &>/dev/null; then
+ local virt
+ virt=$(systemd-detect-virt 2>/dev/null || true)
+ if [[ -n "$virt" && "$virt" != "none" ]]; then
+ CONTAINER_TYPE="$virt"
+ fi
+ fi
+
+ if [[ -f /proc/1/environ ]] && tr '\0' '\n' < /proc/1/environ | grep -q '^container=lxc$'; then
+ CONTAINER_TYPE="lxc"
+ fi
+
+ if [[ "$CONTAINER_TYPE" == "lxc" ]]; then
+ if [[ -r /proc/self/uid_map ]]; then
+ local uid_map_line
+ uid_map_line=$(head -n1 /proc/self/uid_map 2>/dev/null || true)
+ if [[ "$uid_map_line" =~ ^0[[:space:]]+0[[:space:]]+ ]]; then
+ CONTAINER_PRIVILEGE="privileged"
+ else
+ CONTAINER_PRIVILEGE="unprivileged"
+ fi
+ else
+ CONTAINER_PRIVILEGE="unprivileged"
+ fi
+ fi
+
+ info "Container-Typ: $CONTAINER_TYPE"
+ info "Privileg-Level: $CONTAINER_PRIVILEGE"
+}
+
+# --- Hilfsfunktionen ----------------------------------------------------------
+
+command_exists() { command -v "$1" &>/dev/null; }
+
+run_git_command() {
+ local description="$1"
+ shift
+ local status=0
+
+ info "$description..."
+ if command_exists timeout; then
+ timeout --foreground "${GIT_COMMAND_TIMEOUT_SEC}" "$@"
+ status=$?
+ if [[ "$status" -ne 0 ]]; then
+ if [[ "$status" -eq 124 ]]; then
+ fatal "Git-Kommando lief in Timeout (${GIT_COMMAND_TIMEOUT_SEC}s): $*"
+ fi
+ fatal "Git-Kommando fehlgeschlagen (Exit $status): $*"
+ fi
+ else
+ "$@"
+ status=$?
+ if [[ "$status" -ne 0 ]]; then
+ fatal "Git-Kommando fehlgeschlagen (Exit $status): $*"
+ fi
+ fi
+}
+
+service_unit_exists() {
+ local unit="$1"
+ systemctl list-unit-files --type=service --all --no-legend 2>/dev/null \
+ | awk '{print $1}' | grep -Fxq "$unit"
+}
+
+stop_service_if_exists() {
+ local service="$1"
+ local unit="${service}.service"
+
+ if ! command_exists systemctl; then
+ warn "systemctl nicht gefunden - Stop von '$service' uebersprungen"
+ return 0
+ fi
+
+ if service_unit_exists "$unit"; then
+ if systemctl is-active --quiet "$service"; then
+ info "Stoppe Dienst '$service' vor dem Update..."
+ systemctl stop "$service"
+ ok "Dienst '$service' gestoppt"
+ else
+ info "Dienst '$service' ist bereits gestoppt"
+ fi
+ else
+ info "Dienst '$service' nicht vorhanden - Stop uebersprungen"
+ fi
+}
+
+backup_and_remove_backend_src() {
+ local src_dir="$INSTALL_DIR/backend/src"
+ local backup_root="$INSTALL_DIR/backend/src_backups"
+ local backup_dir="${backup_root}/src_bak_$(date +%Y%m%d%H%M%S)"
+ local keep_count=2
+ local backups=()
+ local old_backup
+
+ if [[ ! -d "$src_dir" ]]; then
+ fatal "Reinstall erwartet vorhandenes Backend-Quellverzeichnis: $src_dir"
+ fi
+
+ mkdir -p "$backup_root"
+ mv "$src_dir" "$backup_dir"
+ ok "Backend-Quellverzeichnis gesichert nach: $backup_dir"
+
+ mapfile -t backups < <(ls -1dt "$backup_root"/src_bak_* 2>/dev/null || true)
+ if (( ${#backups[@]} > keep_count )); then
+ for old_backup in "${backups[@]:keep_count}"; do
+ rm -rf "$old_backup"
+ info "Altes src-Backup entfernt: $old_backup"
+ done
+ fi
+}
+
+backup_persistent_backend_data() {
+ local src_dir="$INSTALL_DIR/backend/data"
+ local backup_root="$INSTALL_DIR/backend/data/temp/ripster-data-backup"
+ local backup_dir="${backup_root}/data_bak_$(date +%Y%m%d%H%M%S)"
+ local copied_any=false
+ local candidate
+
+ if [[ ! -d "$src_dir" ]]; then
+ warn "Kein Backend-Datenverzeichnis gefunden: $src_dir"
+ return 0
+ fi
+
+ # Nur kleine, kritische Metadaten sichern. Medienordner bleiben im
+ # Installationspfad bestehen und werden hier bewusst nicht kopiert.
+ mkdir -p "$backup_dir"
+ for candidate in "ripster.db" "ripster.db-shm" "ripster.db-wal" "thumbnails"; do
+ if [[ -e "${src_dir}/${candidate}" ]]; then
+ cp -a "${src_dir}/${candidate}" "$backup_dir/"
+ copied_any=true
+ fi
+ done
+
+ if [[ "$copied_any" == true ]]; then
+ DATA_BACKUP="$backup_dir"
+ ok "Persistente Backend-Daten gesichert nach: $DATA_BACKUP"
+ else
+ warn "Keine zu sichernden Kern-Daten in $src_dir gefunden (ripster.db/thumbnails)."
+ fi
+}
+
+enforce_default_output_dirs_permissions() {
+ local default_dirs=(
+ "$INSTALL_DIR/backend/data/output/raw"
+ "$INSTALL_DIR/backend/data/output/movies"
+ "$INSTALL_DIR/backend/data/output/series"
+ "$INSTALL_DIR/backend/data/output/cd"
+ )
+ local dir
+
+ for dir in "${default_dirs[@]}"; do
+ mkdir -p "$dir"
+ chown "$SERVICE_USER:$SERVICE_USER" "$dir"
+ chmod 755 "$dir"
+ done
+
+ ok "Default-Output-Ordner auf $SERVICE_USER:$SERVICE_USER (755) gesetzt"
+}
+
+post_install_check_default_dirs() {
+ header "Post-Install-Check (Default-Ordner)"
+
+ local default_dirs=(
+ "$INSTALL_DIR/backend/data/output/raw"
+ "$INSTALL_DIR/backend/data/output/movies"
+ "$INSTALL_DIR/backend/data/output/series"
+ "$INSTALL_DIR/backend/data/output/cd"
+ )
+ local expected_owner="${SERVICE_USER}:${SERVICE_USER}"
+ local expected_mode="755"
+ local dir
+ local owner
+ local mode
+ local failed=0
+
+ for dir in "${default_dirs[@]}"; do
+ if [[ ! -d "$dir" ]]; then
+ error "Fehlt: $dir"
+ failed=1
+ continue
+ fi
+ owner="$(stat -c '%U:%G' "$dir" 2>/dev/null || true)"
+ mode="$(stat -c '%a' "$dir" 2>/dev/null || true)"
+ if [[ "$owner" != "$expected_owner" || "$mode" != "$expected_mode" ]]; then
+ error "Falsche Rechte bei $dir (owner=$owner mode=$mode, erwartet: $expected_owner / $expected_mode)"
+ failed=1
+ else
+ ok "$dir -> $owner / $mode"
+ fi
+ done
+
+ if [[ "$failed" -ne 0 ]]; then
+ fatal "Post-Install-Check fehlgeschlagen. Rechte/Owner der Default-Ordner bitte prüfen."
+ fi
+}
+
+download_file() {
+ local url="$1"
+ local target="$2"
+
+ if command_exists curl; then
+ curl -fsSL "$url" -o "$target"
+ return 0
+ fi
+
+ if command_exists wget; then
+ wget -q "$url" -O "$target"
+ return 0
+ fi
+
+ return 1
+}
+
+nginx_replace_or_insert_directive() {
+ local file="$1"
+ local directive_regex="$2"
+ local desired_line="$3"
+ local anchor_regex="$4"
+ local directive_sed_regex="${directive_regex//\//\\/}"
+ local anchor_sed_regex="${anchor_regex//\//\\/}"
+ local desired_sed_line="${desired_line//\//\\/}"
+
+ if grep -Eq "$directive_regex" "$file"; then
+ sed -i -E "0,/$directive_sed_regex/s//${desired_sed_line}/" "$file"
+ return 0
+ fi
+
+ sed -i "/$anchor_sed_regex/a\\$desired_line" "$file"
+}
+
+patch_existing_ripster_nginx_site() {
+ local file="$1"
+ local backup_file="${file}.bak-$(date +%Y%m%d%H%M%S)"
+
+ [[ -f "$file" ]] || return 1
+
+ cp -a "$file" "$backup_file"
+ info "Bestehende nginx-Konfiguration erkannt - ergänze Upload-/Proxy-Settings"
+ info "Backup erstellt: $backup_file"
+
+ nginx_replace_or_insert_directive \
+ "$file" \
+ '^[[:space:]]*client_max_body_size[[:space:]]+[^;]+;' \
+ ' client_max_body_size 8G;' \
+ 'server_name .*;'
+
+ nginx_replace_or_insert_directive \
+ "$file" \
+ '^[[:space:]]*proxy_connect_timeout[[:space:]]+[^;]+;' \
+ ' proxy_connect_timeout 60s;' \
+ 'location /api/ {'
+
+ nginx_replace_or_insert_directive \
+ "$file" \
+ '^[[:space:]]*proxy_send_timeout[[:space:]]+[^;]+;' \
+ ' proxy_send_timeout 3600s;' \
+ 'location /api/ {'
+
+ nginx_replace_or_insert_directive \
+ "$file" \
+ '^[[:space:]]*proxy_read_timeout[[:space:]]+[^;]+;' \
+ ' proxy_read_timeout 3600s;' \
+ 'location /api/ {'
+
+ nginx_replace_or_insert_directive \
+ "$file" \
+ '^[[:space:]]*proxy_request_buffering[[:space:]]+[^;]+;' \
+ ' proxy_request_buffering off;' \
+ 'location /api/ {'
+}
+
+generate_systemd_security() {
+ SERVICE_SECURITY=$(cat <&1 | head -1))"
+ return
+ fi
+
+ info "Installiere Build-Abhängigkeiten für MakeMKV..."
+ apt-get install -y \
+ build-essential pkg-config libc6-dev libssl-dev \
+ libexpat1-dev libavcodec-dev libgl1-mesa-dev \
+ qtbase5-dev zlib1g-dev wget
+
+ # Aktuelle Version aus dem offiziellen Linux-Forum-Thread ermitteln.
+ # Der Titel lautet immer: "MakeMKV X.Y.Z for Linux is available"
+ local makemkv_fallback="1.18.3"
+ info "Ermittle aktuelle MakeMKV-Version (forum.makemkv.com)..."
+ local makemkv_version
+ makemkv_version=$(curl -s --max-time 15 \
+ "https://forum.makemkv.com/forum/viewtopic.php?f=3&t=224" \
+ | grep -oP 'MakeMKV \K[0-9]+\.[0-9]+\.[0-9]+(?= for Linux)' | head -1 || true)
+
+ if [[ -z "$makemkv_version" ]]; then
+ warn "MakeMKV-Version konnte nicht ermittelt werden – verwende Fallback $makemkv_fallback"
+ makemkv_version="$makemkv_fallback"
+ else
+ info "Aktuelle Version: $makemkv_version"
+ fi
+
+ info "Baue MakeMKV $makemkv_version..."
+ local tmp_dir
+ tmp_dir=$(mktemp -d)
+ cd "$tmp_dir"
+
+ local base_url="https://www.makemkv.com/download"
+ wget -q "${base_url}/makemkv-bin-${makemkv_version}.tar.gz"
+ wget -q "${base_url}/makemkv-oss-${makemkv_version}.tar.gz"
+
+ tar xf "makemkv-oss-${makemkv_version}.tar.gz"
+ cd "makemkv-oss-${makemkv_version}"
+ ./configure
+ make -j"$(nproc)"
+ make install
+
+ cd "$tmp_dir"
+ tar xf "makemkv-bin-${makemkv_version}.tar.gz"
+ cd "makemkv-bin-${makemkv_version}"
+ mkdir -p tmp && echo "accepted" > tmp/eula_accepted
+ make -j"$(nproc)"
+ make install
+
+ cd /
+ rm -rf "$tmp_dir"
+ ok "MakeMKV $makemkv_version installiert"
+ info "Der MakeMKV-Betakey wird nach dem Backend-Start automatisch per API übernommen, sofern noch kein eigener Key gespeichert ist."
+}
+
+sync_makemkv_beta_key() {
+ header "MakeMKV Betakey synchronisieren"
+
+ local backend_base_url="http://127.0.0.1:${BACKEND_PORT}/api"
+ local backend_health_url="${backend_base_url}/health"
+ local backend_settings_url="${backend_base_url}/settings"
+ local beta_api_url="https://cable.ayra.ch/makemkv/api.php?json"
+ local settings_response=""
+ local current_key=""
+ local beta_response=""
+ local beta_key=""
+ local save_response=""
+ local makemkv_settings_file="${SERVICE_HOME}/.MakeMKV/settings.conf"
+ local wait_attempt=0
+
+ update_makemkv_settings_file_key() {
+ local settings_file="$1"
+ local registration_key="$2"
+ local tmp_file
+ tmp_file=$(mktemp)
+
+ if [[ -f "$settings_file" ]]; then
+ grep -vE '^[[:space:]]*app_Key[[:space:]]*=' "$settings_file" > "$tmp_file" || true
+ else
+ : > "$tmp_file"
+ fi
+
+ printf 'app_Key = "%s"\n' "$registration_key" >> "$tmp_file"
+ mv "$tmp_file" "$settings_file"
+ chown "$SERVICE_USER:$SERVICE_USER" "$settings_file" 2>/dev/null || true
+ chmod 600 "$settings_file" 2>/dev/null || true
+ }
+
+ while (( wait_attempt < 10 )); do
+ if curl -fsS "$backend_health_url" >/dev/null 2>&1; then
+ break
+ fi
+ wait_attempt=$((wait_attempt + 1))
+ sleep 1
+ done
+
+ if ! settings_response=$(curl -fsS "$backend_settings_url" 2>/dev/null); then
+ warn "Backend-Settings konnten nicht geladen werden."
+ warn "Betakey-Synchronisierung übersprungen: $backend_settings_url"
+ return 0
+ fi
+
+ current_key=$(printf '%s' "$settings_response" | jq -r '
+ (.categories // [])
+ | map(.settings // [])
+ | add
+ | map(select(.key == "makemkv_registration_key"))
+ | .[0].value // ""
+ ' 2>/dev/null || true)
+ current_key="${current_key:-}"
+
+ mkdir -p "${SERVICE_HOME}/.MakeMKV"
+ chown "$SERVICE_USER:$SERVICE_USER" "${SERVICE_HOME}/.MakeMKV" 2>/dev/null || true
+ chmod 700 "${SERVICE_HOME}/.MakeMKV" 2>/dev/null || true
+
+ if [[ -n "$current_key" ]]; then
+ update_makemkv_settings_file_key "$makemkv_settings_file" "$current_key"
+ ok "Vorhandener MakeMKV-Key bleibt erhalten ($makemkv_settings_file)"
+ return 0
+ fi
+
+ if ! beta_response=$(curl -fsS \
+ -A 'Ripster/1.0 (MakeMKV beta key installer)' \
+ -H 'From: admin@example.invalid' \
+ -H 'Accept: application/json, text/plain;q=0.9, */*;q=0.8' \
+ -H 'Accept-Language: de,en-US;q=0.7,en;q=0.3' \
+ -H 'Cache-Control: no-cache' \
+ -H 'Pragma: no-cache' \
+ "$beta_api_url" 2>/dev/null); then
+ warn "MakeMKV-Betakey konnte nicht von der JSON-API geladen werden."
+ warn "API-Endpunkt fehlgeschlagen: $beta_api_url"
+ return 0
+ fi
+
+ beta_key=$(printf '%s' "$beta_response" | jq -r '.key // ""' 2>/dev/null || true)
+ beta_key="${beta_key:-}"
+ if [[ -z "$beta_key" ]]; then
+ warn "MakeMKV-Betakey fehlt in der JSON-Antwort."
+ return 0
+ fi
+
+ if ! save_response=$(curl -fsS \
+ -X PUT \
+ -H 'Content-Type: application/json' \
+ --data "{\"value\":$(printf '%s' "$beta_key" | jq -Rs .)}" \
+ "${backend_settings_url}/makemkv_registration_key" 2>/dev/null); then
+ warn "MakeMKV-Betakey konnte nicht in den Settings gespeichert werden."
+ return 0
+ fi
+
+ update_makemkv_settings_file_key "$makemkv_settings_file" "$beta_key"
+ ok "MakeMKV-Betakey automatisch gespeichert ($makemkv_settings_file)"
+}
+
+select_handbrake_mode() {
+ [[ "$SKIP_HANDBRAKE" == true ]] && return
+
+ local mode_answer=""
+ echo ""
+ echo "Install HandBrake:"
+ echo ""
+ echo "1. Standard version (apt install handbrake-cli)"
+ echo "2. GPU version with NVDEC (use bundled binary)"
+
+ if [[ -t 0 ]]; then
+ read -r -p "Select option [1/2]: " mode_answer
+ elif [[ -r /dev/tty ]]; then
+ read -r -p "Select option [1/2]: " mode_answer /dev/null || true
+
+ if command_exists HandBrakeCLI; then
+ ok "HandBrakeCLI installiert: $(HandBrakeCLI --version 2>&1 | head -1)"
+ return
+ fi
+
+ if command_exists handbrake-cli; then
+ ok "handbrake-cli installiert: $(handbrake-cli --version 2>&1 | head -1)"
+ return
+ fi
+
+ fatal "HandBrake wurde installiert, aber kein CLI-Befehl wurde gefunden."
+}
+
+install_handbrake_gpu_bundled() {
+ info "Installiere gebündeltes HandBrakeCLI mit NVDEC..."
+ local bundled_source="$BUNDLED_HANDBRAKE_CLI"
+ local downloaded_tmp=""
+
+ if [[ ! -f "$bundled_source" ]]; then
+ local remote_url="${REPO_RAW_BASE}/${GIT_BRANCH}/bin/HandBrakeCLI"
+ downloaded_tmp=$(mktemp)
+ info "Lokale Binary fehlt – lade aus Branch '$GIT_BRANCH' nach..."
+ if download_file "$remote_url" "$downloaded_tmp"; then
+ chmod 0755 "$downloaded_tmp"
+ bundled_source="$downloaded_tmp"
+ ok "Bundled HandBrakeCLI temporär heruntergeladen"
+ else
+ rm -f "$downloaded_tmp" 2>/dev/null || true
+ fatal "Bundled Binary fehlt lokal ($BUNDLED_HANDBRAKE_CLI) und Download schlug fehl: $remote_url"
+ fi
+ fi
+
+ install -m 0755 "$bundled_source" /usr/local/bin/HandBrakeCLI
+ hash -r 2>/dev/null || true
+ if [[ -n "$downloaded_tmp" ]]; then
+ rm -f "$downloaded_tmp" 2>/dev/null || true
+ fi
+
+ ok "Bundled HandBrakeCLI installiert nach /usr/local/bin/HandBrakeCLI"
+ if command_exists HandBrakeCLI; then
+ ok "HandBrakeCLI Version: $(HandBrakeCLI --version 2>&1 | head -1)"
+ fi
+}
+
+install_handbrake() {
+ header "HandBrake CLI installieren"
+
+ if [[ -z "$HANDBRAKE_INSTALL_MODE" ]]; then
+ HANDBRAKE_INSTALL_MODE="standard"
+ fi
+
+ case "$HANDBRAKE_INSTALL_MODE" in
+ standard) install_handbrake_standard ;;
+ gpu) install_handbrake_gpu_bundled ;;
+ *) fatal "Unbekannter HandBrake-Modus: $HANDBRAKE_INSTALL_MODE" ;;
+ esac
+}
+
+# --- apt-Hilfsfunktionen ------------------------------------------------------
+
+# Führt apt-get update aus. Bei Release-Fehlern wird versucht, die Sources zu
+# reparieren (Proxmox-Container, veraltete Spiegelserver, etc.).
+apt_update() {
+ local output
+ if output=$(apt-get update 2>&1); then
+ return 0
+ fi
+
+ # Release-Datei fehlt → versuche Repair
+ if echo "$output" | grep -q "no longer has a Release file\|does not have a Release file"; then
+ warn "apt-Sources fehlerhaft. Versuche Reparatur..."
+
+ # Strategie 1: --allow-releaseinfo-change
+ if apt-get update --allow-releaseinfo-change -qq 2>/dev/null; then
+ ok "apt-Update mit --allow-releaseinfo-change erfolgreich"
+ return 0
+ fi
+
+ # Strategie 2: Kaputte Einträge aus sources.list.d entfernen und Fallback
+ # auf offizielle Spiegel schreiben
+ if [[ -n "${VERSION_CODENAME:-}" ]]; then
+ warn "Schreibe minimale sources.list für $VERSION_CODENAME..."
+ local main_list=/etc/apt/sources.list
+
+ # Backup
+ cp "$main_list" "${main_list}.bak-$(date +%Y%m%d%H%M%S)" 2>/dev/null || true
+
+ case "$ID" in
+ ubuntu)
+ cat > "$main_list" < "$main_list" </dev/null; then
+ ok "apt-Update nach Sources-Reparatur erfolgreich"
+ return 0
+ fi
+ fi
+
+ # Strategie 3: Kaputte .list-Dateien in sources.list.d deaktivieren
+ warn "Deaktiviere fehlerhafte Eintraege in /etc/apt/sources.list.d/ ..."
+ local broken_files
+ broken_files=$(apt-get update 2>&1 | grep -oP "(?<=The repository ').*?(?=' )" | \
+ xargs -I{} grep -rl "{}" /etc/apt/sources.list.d/ 2>/dev/null || true)
+ if [[ -n "$broken_files" ]]; then
+ echo "$broken_files" | while read -r f; do
+ warn "Deaktiviere: $f"
+ mv "$f" "${f}.disabled" 2>/dev/null || true
+ done
+ if apt-get update -qq 2>/dev/null; then
+ ok "apt-Update nach Deaktivierung fehlerhafter Sources erfolgreich"
+ return 0
+ fi
+ fi
+
+ error "apt-Update fehlgeschlagen. Bitte Sources manuell pruefen:"
+ echo "$output"
+ fatal "Installation abgebrochen. Repariere /etc/apt/sources.list und starte erneut."
+ else
+ error "apt-Update fehlgeschlagen:"
+ echo "$output"
+ fatal "Installation abgebrochen."
+ fi
+}
+
+detect_container_env
+
+if [[ -z "$FRONTEND_HOST" ]]; then
+ FRONTEND_HOST=$(hostname -I | awk '{print $1}')
+ info "Erkannte IP: $FRONTEND_HOST"
+fi
+
+info "Repository: $REPO_URL"
+info "Branch: $GIT_BRANCH"
+info "Installationsverzeichnis: $INSTALL_DIR"
+info "Systembenutzer: $SERVICE_USER"
+info "Backend-Port: $BACKEND_PORT"
+info "Frontend-Host: $FRONTEND_HOST"
+info "System-Dependencies: $([[ "$SKIP_SYSTEM_DEPS" == true ]] && echo "überspringen" || echo "installieren")"
+
+# --- HandBrake-Installmodus auswählen ----------------------------------------
+if [[ "$SKIP_SYSTEM_DEPS" == false ]]; then
+ select_handbrake_mode
+fi
+
+# --- Systemabhängigkeiten -----------------------------------------------------
+if [[ "$SKIP_SYSTEM_DEPS" == true ]]; then
+ header "Systemabhängigkeiten installieren"
+ warn "Übersprungen (--no-system-deps)"
+else
+ header "Systemabhängigkeiten installieren"
+
+ info "Paketlisten aktualisieren..."
+ apt_update
+
+ info "Installiere Basispakete..."
+ apt-get install -y \
+ curl wget git jq \
+ ffmpeg \
+ mediainfo \
+ util-linux udev \
+ ca-certificates gnupg \
+ lsb-release \
+ mkvtoolnix \
+ coreutils
+
+ ok "Basispakete installiert"
+
+ info "Installiere CD-Ripping-Tools..."
+ apt-get install -y \
+ cdparanoia \
+ flac \
+ lame \
+ opus-tools \
+ vorbis-tools
+
+ ok "CD-Ripping-Tools installiert (cdparanoia, flac, lame, opus-tools, vorbis-tools)"
+
+ install_node
+
+ if [[ "$SKIP_MAKEMKV" == false ]]; then
+ install_makemkv
+ else
+ warn "MakeMKV-Installation übersprungen (--no-makemkv)"
+ fi
+
+ if [[ "$SKIP_HANDBRAKE" == false ]]; then
+ install_handbrake
+ else
+ warn "HandBrake-Installation übersprungen (--no-handbrake)"
+ fi
+
+ if [[ "$SKIP_NGINX" == false ]]; then
+ if ! command_exists nginx; then
+ info "Installiere nginx..."
+ apt-get install -y nginx
+ fi
+ ok "nginx installiert"
+ fi
+fi
+
+if [[ "$SKIP_SYSTEM_DEPS" == true ]]; then
+ missing_required=()
+ command_exists git || missing_required+=("git")
+ command_exists jq || missing_required+=("jq")
+ command_exists node || missing_required+=("node")
+ command_exists npm || missing_required+=("npm")
+ if [[ "$SKIP_NGINX" == false ]]; then
+ command_exists nginx || missing_required+=("nginx")
+ fi
+
+ if [[ ${#missing_required[@]} -gt 0 ]]; then
+ fatal "--no-system-deps gesetzt, aber folgende Pflicht-Tools fehlen: ${missing_required[*]}. Bitte vorab installieren oder ohne --no-system-deps ausführen."
+ fi
+fi
+
+# --- Systembenutzer anlegen ---------------------------------------------------
+header "Systembenutzer anlegen"
+
+if id "$SERVICE_USER" &>/dev/null; then
+ ok "Benutzer '$SERVICE_USER' existiert bereits"
+else
+ info "Lege Systembenutzer '$SERVICE_USER' an..."
+ useradd --system --no-create-home --shell /usr/sbin/nologin "$SERVICE_USER"
+ ok "Benutzer '$SERVICE_USER' angelegt"
+fi
+
+SERVICE_HOME="$(getent passwd "$SERVICE_USER" | cut -d: -f6)"
+if [[ -z "$SERVICE_HOME" || "$SERVICE_HOME" == "/" || "$SERVICE_HOME" == "/nonexistent" ]]; then
+ SERVICE_HOME="/home/$SERVICE_USER"
+fi
+mkdir -p "$SERVICE_HOME"
+chown "$SERVICE_USER:$SERVICE_USER" "$SERVICE_HOME" 2>/dev/null || true
+chmod 755 "$SERVICE_HOME" 2>/dev/null || true
+info "Service-Home für '$SERVICE_USER': $SERVICE_HOME"
+
+for grp in cdrom optical disk video render; do
+ if getent group "$grp" &>/dev/null; then
+ usermod -aG "$grp" "$SERVICE_USER" 2>/dev/null || true
+ info "Benutzer '$SERVICE_USER' zur Gruppe '$grp' hinzugefügt"
+ fi
+done
+
+# --- Dienste vor Reinstall stoppen --------------------------------------------
+if [[ "$REINSTALL" == true ]]; then
+ header "Dienste vor Reinstall stoppen"
+ stop_service_if_exists ripster-backend
+ if [[ "$SKIP_NGINX" == false ]]; then
+ stop_service_if_exists nginx
+ fi
+fi
+
+# --- Repository klonen / aktualisieren ----------------------------------------
+header "Repository holen (Git)"
+
+# Prüfen ob der gewünschte Branch auf dem Remote existiert
+info "Prüfe Branch '$GIT_BRANCH' auf Remote..."
+branch_check_output=""
+branch_check_status=0
+if command_exists timeout; then
+ branch_check_output=$(timeout --foreground "${GIT_COMMAND_TIMEOUT_SEC}" \
+ git ls-remote --exit-code --heads "$REPO_URL" "$GIT_BRANCH" 2>&1) || branch_check_status=$?
+else
+ branch_check_output=$(git ls-remote --exit-code --heads "$REPO_URL" "$GIT_BRANCH" 2>&1) || branch_check_status=$?
+fi
+
+if [[ "$branch_check_status" -ne 0 ]]; then
+ if [[ "$branch_check_status" -eq 124 ]]; then
+ fatal "Timeout beim Prüfen des Branches '${GIT_BRANCH}' (${GIT_COMMAND_TIMEOUT_SEC}s)."
+ fi
+ if [[ "$branch_check_status" -eq 2 ]]; then
+ if command_exists timeout; then
+ available_branches=$(timeout --foreground "${GIT_COMMAND_TIMEOUT_SEC}" \
+ git ls-remote --heads "$REPO_URL" 2>/dev/null | awk '{print $2}' | sed 's|refs/heads/||' | tr '\n' ' ')
+ else
+ available_branches=$(git ls-remote --heads "$REPO_URL" 2>/dev/null | awk '{print $2}' | sed 's|refs/heads/||' | tr '\n' ' ')
+ fi
+ fatal "Branch '$GIT_BRANCH' existiert nicht im Repository $REPO_URL.\nVerfügbare Branches: ${available_branches:-keine oder Remote nicht erreichbar}"
+ fi
+ fatal "Remote $REPO_URL ist nicht erreichbar.\nGit-Fehler: ${branch_check_output:-unbekannt}"
+fi
+ok "Branch '$GIT_BRANCH' gefunden"
+
+if [[ -d "$INSTALL_DIR/.git" ]]; then
+ if [[ "$REINSTALL" == true ]]; then
+ info "Aktualisiere bestehendes Repository..."
+ info "Sichere persistente Backend-Daten (ohne große Medienordner)..."
+ backup_persistent_backend_data
+ backup_and_remove_backend_src
+ # safe.directory nötig wenn das Verzeichnis einem anderen User gehört
+ # (z.B. ripster-Serviceuser nach erstem Install)
+ git config --global --add safe.directory "$INSTALL_DIR" 2>/dev/null || true
+ run_git_command "Setze Git-Remote-URL" \
+ git -C "$INSTALL_DIR" remote set-url origin "$REPO_URL"
+ run_git_command "Aktualisiere Remote-Branch-Mapping" \
+ git -C "$INSTALL_DIR" remote set-branches origin '*'
+ run_git_command "Hole Änderungen vom Remote" \
+ git -C "$INSTALL_DIR" fetch --quiet origin
+ run_git_command "Setze Arbeitsverzeichnis auf aktuellen Stand (HEAD)" \
+ git -C "$INSTALL_DIR" reset --hard HEAD
+ run_git_command "Checkout Branch '$GIT_BRANCH'" \
+ git -C "$INSTALL_DIR" checkout --quiet -B "$GIT_BRANCH" "origin/$GIT_BRANCH"
+ run_git_command "Setze Branch auf origin/$GIT_BRANCH" \
+ git -C "$INSTALL_DIR" reset --hard "origin/$GIT_BRANCH"
+ ok "Repository aktualisiert auf Branch '$GIT_BRANCH'"
+ else
+ fatal "$INSTALL_DIR enthält bereits ein Git-Repository.\nVerwende --reinstall um zu aktualisieren."
+ fi
+elif [[ -d "$INSTALL_DIR" && "$REINSTALL" == false ]]; then
+ fatal "Verzeichnis $INSTALL_DIR existiert bereits (kein Git-Repo).\nBitte manuell entfernen oder --reinstall verwenden."
+else
+ info "Klone $REPO_URL (Branch: $GIT_BRANCH)..."
+ git clone --quiet --branch "$GIT_BRANCH" --depth 1 "$REPO_URL" "$INSTALL_DIR"
+ ok "Repository geklont nach $INSTALL_DIR"
+fi
+
+# Daten- und Log-Verzeichnisse sicherstellen
+mkdir -p "$INSTALL_DIR/backend/data"
+mkdir -p "$INSTALL_DIR/backend/logs"
+mkdir -p "$INSTALL_DIR/backend/data/output/raw"
+mkdir -p "$INSTALL_DIR/backend/data/output/movies"
+mkdir -p "$INSTALL_DIR/backend/data/output/series"
+mkdir -p "$INSTALL_DIR/backend/data/output/cd"
+mkdir -p "$INSTALL_DIR/backend/data/downloads"
+mkdir -p "$INSTALL_DIR/backend/data/logs"
+mkdir -p "$INSTALL_DIR/backend/data/temp"
+
+# Gesicherte Daten zurückspielen
+if [[ -n "${DATA_BACKUP:-}" && -d "$DATA_BACKUP" ]]; then
+ cp -a "$DATA_BACKUP/." "$INSTALL_DIR/backend/data/"
+ ok "Datenbank wiederhergestellt"
+fi
+
+# Restore kann Altstrukturen zurückbringen – Default-Ausgabeordner danach
+# erneut sicherstellen.
+mkdir -p "$INSTALL_DIR/backend/data/output/raw"
+mkdir -p "$INSTALL_DIR/backend/data/output/movies"
+mkdir -p "$INSTALL_DIR/backend/data/output/series"
+mkdir -p "$INSTALL_DIR/backend/data/output/cd"
+mkdir -p "$INSTALL_DIR/backend/data/temp"
+
+# --- npm-Abhängigkeiten installieren -----------------------------------------
+header "npm-Abhängigkeiten installieren"
+
+info "Root-Abhängigkeiten..."
+npm install --prefix "$INSTALL_DIR" --omit=dev --silent
+
+info "Backend-Abhängigkeiten..."
+npm install --prefix "$INSTALL_DIR/backend" --omit=dev --silent
+
+info "Frontend-Abhängigkeiten..."
+npm install --prefix "$INSTALL_DIR/frontend" --silent
+
+ok "npm-Abhängigkeiten installiert"
+
+# --- Frontend bauen -----------------------------------------------------------
+header "Frontend bauen"
+
+info "Baue Frontend für $FRONTEND_HOST..."
+
+# Relative URLs verwenden – funktioniert mit jedem Hostnamen/Domain, da nginx
+# /api/ und /ws auf dem selben Host proxied. Absolute IP-URLs würden Chromes
+# Private Network Access (PNA) Policy verletzen, wenn das Frontend über einen
+# Domainnamen aufgerufen wird.
+rm -f "$INSTALL_DIR/frontend/.env.production.local"
+
+npm run build --prefix "$INSTALL_DIR/frontend" --silent
+ok "Frontend gebaut: $INSTALL_DIR/frontend/dist"
+
+# --- Backend-Konfiguration ---------------------------------------------------
+header "Backend konfigurieren"
+
+ENV_FILE="$INSTALL_DIR/backend/.env"
+
+if [[ -f "$ENV_FILE" && "$REINSTALL" == true ]]; then
+ warn "Bestehende .env bleibt erhalten (--reinstall)"
+else
+ info "Erstelle Backend .env..."
+ cat > "$ENV_FILE" </dev/null || true
+chmod 700 "$MAKEMKV_SERVICE_DIR" 2>/dev/null || true
+
+# --- Systemd-Dienst: Backend -------------------------------------------------
+header "Systemd-Dienst (Backend) erstellen"
+
+generate_systemd_security
+
+cat > /etc/systemd/system/ripster-backend.service < /etc/nginx/sites-available/ripster <=8"
+ }
+ },
+ "node_modules/ansi-styles": {
+ "version": "4.3.0",
+ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+ "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+ "dev": true,
+ "dependencies": {
+ "color-convert": "^2.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+ }
+ },
+ "node_modules/chalk": {
+ "version": "4.1.2",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+ "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^4.1.0",
+ "supports-color": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/chalk?sponsor=1"
+ }
+ },
+ "node_modules/chalk/node_modules/supports-color": {
+ "version": "7.2.0",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+ "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/cliui": {
+ "version": "8.0.1",
+ "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+ "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+ "dev": true,
+ "dependencies": {
+ "string-width": "^4.2.0",
+ "strip-ansi": "^6.0.1",
+ "wrap-ansi": "^7.0.0"
+ },
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/color-convert": {
+ "version": "2.0.1",
+ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+ "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+ "dev": true,
+ "dependencies": {
+ "color-name": "~1.1.4"
+ },
+ "engines": {
+ "node": ">=7.0.0"
+ }
+ },
+ "node_modules/color-name": {
+ "version": "1.1.4",
+ "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+ "dev": true
+ },
+ "node_modules/concurrently": {
+ "version": "9.2.1",
+ "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.2.1.tgz",
+ "integrity": "sha512-fsfrO0MxV64Znoy8/l1vVIjjHa29SZyyqPgQBwhiDcaW8wJc2W3XWVOGx4M3oJBnv/zdUZIIp1gDeS98GzP8Ng==",
+ "dev": true,
+ "dependencies": {
+ "chalk": "4.1.2",
+ "rxjs": "7.8.2",
+ "shell-quote": "1.8.3",
+ "supports-color": "8.1.1",
+ "tree-kill": "1.2.2",
+ "yargs": "17.7.2"
+ },
+ "bin": {
+ "conc": "dist/bin/concurrently.js",
+ "concurrently": "dist/bin/concurrently.js"
+ },
+ "engines": {
+ "node": ">=18"
+ },
+ "funding": {
+ "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+ }
+ },
+ "node_modules/emoji-regex": {
+ "version": "8.0.0",
+ "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+ "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+ "dev": true
+ },
+ "node_modules/escalade": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+ "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+ "dev": true,
+ "engines": {
+ "node": ">=6"
+ }
+ },
+ "node_modules/get-caller-file": {
+ "version": "2.0.5",
+ "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+ "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+ "dev": true,
+ "engines": {
+ "node": "6.* || 8.* || >= 10.*"
+ }
+ },
+ "node_modules/has-flag": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+ "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/is-fullwidth-code-point": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+ "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+ "dev": true,
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/require-directory": {
+ "version": "2.1.1",
+ "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+ "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
+ "node_modules/rxjs": {
+ "version": "7.8.2",
+ "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+ "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+ "dev": true,
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/shell-quote": {
+ "version": "1.8.3",
+ "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+ "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+ "dev": true,
+ "engines": {
+ "node": ">= 0.4"
+ },
+ "funding": {
+ "url": "https://github.com/sponsors/ljharb"
+ }
+ },
+ "node_modules/string-width": {
+ "version": "4.2.3",
+ "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+ "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+ "dev": true,
+ "dependencies": {
+ "emoji-regex": "^8.0.0",
+ "is-fullwidth-code-point": "^3.0.0",
+ "strip-ansi": "^6.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/strip-ansi": {
+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+ "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+ "dev": true,
+ "dependencies": {
+ "ansi-regex": "^5.0.1"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
+ "node_modules/supports-color": {
+ "version": "8.1.1",
+ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+ "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+ "dev": true,
+ "dependencies": {
+ "has-flag": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/supports-color?sponsor=1"
+ }
+ },
+ "node_modules/tree-kill": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+ "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+ "dev": true,
+ "bin": {
+ "tree-kill": "cli.js"
+ }
+ },
+ "node_modules/tslib": {
+ "version": "2.8.1",
+ "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+ "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+ "dev": true
+ },
+ "node_modules/wrap-ansi": {
+ "version": "7.0.0",
+ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+ "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^4.0.0",
+ "string-width": "^4.1.0",
+ "strip-ansi": "^6.0.0"
+ },
+ "engines": {
+ "node": ">=10"
+ },
+ "funding": {
+ "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+ }
+ },
+ "node_modules/y18n": {
+ "version": "5.0.8",
+ "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+ "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+ "dev": true,
+ "engines": {
+ "node": ">=10"
+ }
+ },
+ "node_modules/yargs": {
+ "version": "17.7.2",
+ "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+ "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+ "dev": true,
+ "dependencies": {
+ "cliui": "^8.0.1",
+ "escalade": "^3.1.1",
+ "get-caller-file": "^2.0.5",
+ "require-directory": "^2.1.1",
+ "string-width": "^4.2.3",
+ "y18n": "^5.0.5",
+ "yargs-parser": "^21.1.1"
+ },
+ "engines": {
+ "node": ">=12"
+ }
+ },
+ "node_modules/yargs-parser": {
+ "version": "21.1.1",
+ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+ "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+ "dev": true,
+ "engines": {
+ "node": ">=12"
+ }
+ }
+ }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..77f61d9
--- /dev/null
+++ b/package.json
@@ -0,0 +1,24 @@
+{
+ "name": "ripster",
+ "private": true,
+ "version": "1.0.0",
+ "scripts": {
+ "dev": "concurrently \"npm run dev --prefix backend\" \"npm run dev --prefix frontend\"",
+ "dev:backend": "npm run dev --prefix backend",
+ "dev:frontend": "npm run dev --prefix frontend",
+ "start": "npm run start --prefix backend",
+ "build:frontend": "npm run build --prefix frontend",
+ "qa:cd:analysis": "node ./scripts/smoketest/qa-cd-analysis.js",
+ "qa:dvd:analysis": "node ./scripts/smoketest/qa-dvd-analysis.js",
+ "qa:bluray:analysis": "node ./scripts/smoketest/qa-bluray-analysis.js",
+ "qa:audiobook:analysis": "node ./scripts/smoketest/qa-audiobook-analysis.js",
+ "qa:cd:check": "bash ./scripts/smoketest/qa-cd-check.sh",
+ "qa:audiobook:check": "bash ./scripts/smoketest/qa-audiobook-check.sh",
+ "qa:logs:ripper": "node ./scripts/smoketest/qa-log-ripper.js",
+ "qa:jobs:kind-check": "node ./scripts/smoketest/qa-jobs-kind-check.js",
+ "release:interactive": "bash ./scripts/release.sh"
+ },
+ "devDependencies": {
+ "concurrently": "^9.1.2"
+ }
+}
diff --git a/requirements-docs.txt b/requirements-docs.txt
new file mode 100644
index 0000000..319483c
--- /dev/null
+++ b/requirements-docs.txt
@@ -0,0 +1,4 @@
+mkdocs>=1.6.0
+mkdocs-material>=9.5.0
+mkdocs-minify-plugin>=0.8.0
+pymdown-extensions>=10.7
diff --git a/setup.sh b/setup.sh
new file mode 100755
index 0000000..cfc55f5
--- /dev/null
+++ b/setup.sh
@@ -0,0 +1,159 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+REPO_OWNER="Mboehmlaender"
+REPO_NAME="ripster"
+REPO_RAW_BASE="https://raw.githubusercontent.com/${REPO_OWNER}/${REPO_NAME}"
+BRANCHES_API_URL="https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/branches?per_page=100"
+
+usage() {
+ cat <<'EOF'
+Verwendung:
+ bash setup.sh [Optionen]
+
+Optionen:
+ --branch Branch fuer den Download von install.sh setzen
+ --help Hilfe anzeigen
+
+Alle weiteren Parameter werden unveraendert an install.sh weitergegeben.
+Welche Parameter gueltig sind, entscheidet ausschliesslich install.sh.
+ -h, --help Hilfe anzeigen
+EOF
+}
+
+SELECTED_BRANCH=""
+USER_PROVIDED_BRANCH=false
+ORIGINAL_ARGS=("$@")
+
+while [[ $# -gt 0 ]]; do
+ case "$1" in
+ --branch)
+ [[ $# -ge 2 ]] || { echo "Fehlender Wert fuer --branch" >&2; exit 1; }
+ USER_PROVIDED_BRANCH=true
+ SELECTED_BRANCH="$2"
+ shift 2
+ ;;
+ --branch=*)
+ USER_PROVIDED_BRANCH=true
+ SELECTED_BRANCH="${1#--branch=}"
+ if [[ -z "$SELECTED_BRANCH" ]]; then
+ echo "Fehlender Wert fuer --branch" >&2
+ exit 1
+ fi
+ shift
+ ;;
+ -h|--help)
+ usage
+ exit 0
+ ;;
+ *)
+ # setup.sh wertet nur --branch aus; alles andere verarbeitet install.sh
+ shift
+ ;;
+ esac
+done
+
+fetch_url() {
+ local url="$1"
+
+ if command -v curl >/dev/null 2>&1; then
+ curl -fsSL "$url"
+ return
+ fi
+
+ if command -v wget >/dev/null 2>&1; then
+ wget -qO- "$url"
+ return
+ fi
+
+ echo "Weder curl noch wget gefunden. Bitte eines davon installieren." >&2
+ exit 1
+}
+
+download_file() {
+ local url="$1"
+ local target="$2"
+ fetch_url "$url" > "$target"
+}
+
+select_branch() {
+ local branches_json
+ local -a branches
+ local selection
+
+ branches_json="$(fetch_url "$BRANCHES_API_URL")"
+ mapfile -t branches < <(
+ printf '%s\n' "$branches_json" \
+ | grep -oE '"name"[[:space:]]*:[[:space:]]*"[^"]+"' \
+ | sed -E 's/"name"[[:space:]]*:[[:space:]]*"([^"]+)"/\1/'
+ )
+
+ if [[ ${#branches[@]} -eq 0 ]]; then
+ echo "Keine Branches gefunden oder API-Antwort ungültig." >&2
+ exit 1
+ fi
+
+ if [[ -n "$SELECTED_BRANCH" ]]; then
+ local found=false
+ for branch in "${branches[@]}"; do
+ if [[ "$branch" == "$SELECTED_BRANCH" ]]; then
+ found=true
+ break
+ fi
+ done
+ if [[ "$found" == false ]]; then
+ echo "Branch '$SELECTED_BRANCH' nicht gefunden." >&2
+ exit 1
+ fi
+ return
+ fi
+
+ if [[ ! -t 0 ]]; then
+ echo "Kein interaktives Terminal für die Branch-Auswahl verfügbar." >&2
+ exit 1
+ fi
+
+ echo "Verfügbare Branches:"
+ for i in "${!branches[@]}"; do
+ printf " %2d) %s\n" "$((i + 1))" "${branches[$i]}"
+ done
+
+ while true; do
+ read -r -p "Bitte Branch auswählen [1-${#branches[@]}]: " selection
+ if [[ "$selection" =~ ^[0-9]+$ ]] && (( selection >= 1 && selection <= ${#branches[@]} )); then
+ SELECTED_BRANCH="${branches[$((selection - 1))]}"
+ return
+ fi
+ echo "Ungültige Auswahl."
+ done
+}
+
+TMP_DIR="$(mktemp -d)"
+trap 'rm -rf "$TMP_DIR"' EXIT
+
+select_branch
+
+INSTALL_SCRIPT="${TMP_DIR}/install.sh"
+INSTALL_URL="${REPO_RAW_BASE}/${SELECTED_BRANCH}/install.sh"
+
+echo "Lade install.sh aus Branch '${SELECTED_BRANCH}'..."
+download_file "$INSTALL_URL" "$INSTALL_SCRIPT"
+chmod +x "$INSTALL_SCRIPT"
+
+if [[ $EUID -eq 0 ]]; then
+ if [[ "$USER_PROVIDED_BRANCH" == true ]]; then
+ bash "$INSTALL_SCRIPT" "${ORIGINAL_ARGS[@]}"
+ else
+ bash "$INSTALL_SCRIPT" "${ORIGINAL_ARGS[@]}" --branch "$SELECTED_BRANCH"
+ fi
+else
+ if ! command -v sudo >/dev/null 2>&1; then
+ echo "sudo nicht gefunden. Bitte als root ausführen." >&2
+ exit 1
+ fi
+ if [[ "$USER_PROVIDED_BRANCH" == true ]]; then
+ sudo bash "$INSTALL_SCRIPT" "${ORIGINAL_ARGS[@]}"
+ else
+ sudo bash "$INSTALL_SCRIPT" "${ORIGINAL_ARGS[@]}" --branch "$SELECTED_BRANCH"
+ fi
+fi
diff --git a/site/404.html b/site/404.html
new file mode 100644
index 0000000..e2dd339
--- /dev/null
+++ b/site/404.html
@@ -0,0 +1 @@
+ Ripster
\ No newline at end of file
diff --git a/site/api/converter/index.html b/site/api/converter/index.html
new file mode 100644
index 0000000..a2614b0
--- /dev/null
+++ b/site/api/converter/index.html
@@ -0,0 +1,60 @@
+ Converter API - Ripster
Converter API
Endpunkte für den Datei-Converter: Datei-Explorer, Upload, Job-Verwaltung.
Basis-Pfad: /api/converter
Scan & Explorer
GET /api/converter/tree
Vollständiger Verzeichnisbaum des converter_raw_dir (FS-basiert, keine DB).
Response:
{
+ "tree": [
+ {
+ "name": "filme",
+ "relPath": "filme",
+ "isDir": true,
+ "children": [
+ {
+ "name": "film.mkv",
+ "relPath": "filme/film.mkv",
+ "isDir": false,
+ "size": 10485760
+ }
+ ]
+ }
+ ]
+}
+
GET /api/converter/browse?parent=relPath
DB-basierter Datei-Explorer. Gibt Einträge für einen Unterordner zurück.
Query-Parameter:
| Parameter | Typ | Beschreibung |
parent | string | Relativer Pfad zum Unterordner (leer = Root) |
Response:
{
+ "entries": [
+ {
+ "id": 1,
+ "rel_path": "filme/film.mkv",
+ "is_dir": false,
+ "size": 10485760,
+ "job_id": null
+ }
+ ],
+ "rawDir": "/data/output/converter-raw"
+}
+
POST /api/converter/scan
Manuellen Scan des converter_raw_dir auslösen. Aktualisiert converter_scan_entries in der DB.
Response:
{ "result": { "added": 3, "removed": 1 } }
+
Jobs erstellen
POST /api/converter/jobs/from-selection
Jobs aus im Datei-Explorer ausgewählten Dateien erstellen.
Body:
{
+ "relPaths": ["filme/film.mkv", "musik/track.flac"],
+ "audioMode": "individual"
+}
+
| Feld | Typ | Beschreibung |
relPaths | string[] | Relative Pfade der ausgewählten Dateien |
audioMode | string | individual (ein Job pro Datei) oder shared (ein gemeinsamer Job) |
Response:
{ "jobs": [{ "id": 42, "status": "READY_TO_START" }] }
+
POST /api/converter/create-jobs
Jobs aus DB-Scan-Einträgen erstellen.
Body:
{
+ "entries": [
+ { "relPath": "filme/film.mkv", "converterMediaType": "video" }
+ ]
+}
+
POST /api/converter/upload
Dateien hochladen (Multipart, max. 50 Dateien).
Form-Felder:
| Feld | Typ | Beschreibung |
files | File[] | Hochzuladende Dateien |
folderName | string | (Optional) Ziel-Unterordner |
Response:
{
+ "folders": [{ "folderRelPath": "upload-2026-03-30", "fileCount": 2 }]
+}
+
Job-Verwaltung
GET /api/converter/jobs
Alle Converter-Jobs zurückgeben.
Response:
{ "jobs": [{ "id": 42, "status": "READY_TO_START", "title": "film.mkv" }] }
+
GET /api/converter/jobs/:jobId
Einzelnen Converter-Job abrufen.
POST /api/converter/jobs/:jobId/config
Konfigurationsentwurf für einen Job speichern (persistiert in encode_plan_json).
Body: Partielles Konfig-Objekt (Ausgabeformat, Presets, Metadaten, Track-Auswahl).
POST /api/converter/jobs/:jobId/assign-files
Dateien einem bestehenden (noch nicht gestarteten) Job hinzufügen.
Body:
{ "relPaths": ["musik/track2.flac"] }
+
POST /api/converter/jobs/:jobId/remove-file
Datei aus einem Job entfernen (per relativer Pfad).
Body:
{ "relPath": "musik/track2.flac" }
+
POST /api/converter/jobs/:jobId/remove-input
Datei aus einem Job entfernen (per absolutem Eingabepfad).
Body:
{ "inputPath": "/data/output/converter-raw/musik/track2.flac" }
+
POST /api/converter/jobs/:jobId/start
Job mit finaler Konfiguration starten.
Body:
{
+ "converterMediaType": "video",
+ "outputFormat": "mkv",
+ "userPreset": "H.264 MKV 1080p30",
+ "trackSelection": {},
+ "handBrakeTitleId": 1,
+ "audioFormatOptions": {}
+}
+
POST /api/converter/jobs/:jobId/cancel
Laufenden Job abbrechen.
DELETE /api/converter/jobs/:jobId
Job aus der DB löschen.
Datei-Operationen
Alle Datei-Operationen arbeiten direkt auf dem Dateisystem (ohne DB-Aktualisierung). Ein anschließender Scan-Aufruf synchronisiert die DB.
DELETE /api/converter/files
Datei oder Ordner löschen.
Body:
{ "relPath": "filme/film.mkv" }
+
POST /api/converter/files/rename
Datei oder Ordner umbenennen.
Body:
{ "relPath": "filme/film.mkv", "newName": "film-neu.mkv" }
+
POST /api/converter/files/move
Datei oder Ordner verschieben.
Body:
{ "relPath": "filme/film.mkv", "targetParentRelPath": "archiv" }
+
targetParentRelPath = "" verschiebt in das Root-Verzeichnis.
POST /api/converter/files/folder
Neuen Ordner anlegen.
Body:
{ "parentRelPath": "filme", "name": "neu" }
+
\ No newline at end of file
diff --git a/site/api/crons/index.html b/site/api/crons/index.html
new file mode 100644
index 0000000..30e49ea
--- /dev/null
+++ b/site/api/crons/index.html
@@ -0,0 +1,56 @@
+ Cron API - Ripster
Cron API
Ripster enthält ein eingebautes Cron-System für Skripte und Skript-Ketten (sourceType: script|chain).
GET /api/crons
Listet alle Cron-Jobs.
{
+ "jobs": [
+ {
+ "id": 1,
+ "name": "Nachtlauf Backup",
+ "cronExpression": "0 2 * * *",
+ "sourceType": "script",
+ "sourceId": 3,
+ "sourceName": "Backup-Skript",
+ "enabled": true,
+ "pushoverEnabled": true,
+ "lastRunAt": "2026-03-10T02:00:00.000Z",
+ "lastRunStatus": "success",
+ "nextRunAt": "2026-03-11T02:00:00.000Z",
+ "createdAt": "2026-03-01T10:00:00.000Z",
+ "updatedAt": "2026-03-10T02:00:05.000Z"
+ }
+ ]
+}
+
POST /api/crons
Erstellt Cron-Job.
{
+ "name": "Nachtlauf Backup",
+ "cronExpression": "0 2 * * *",
+ "sourceType": "script",
+ "sourceId": 3,
+ "enabled": true,
+ "pushoverEnabled": true
+}
+
Response: 201 mit { "job": { ... } }
GET /api/crons/:id
Response:
{ "job": { "id": 1, "name": "..." } }
+
PUT /api/crons/:id
Aktualisiert Cron-Job. Felder wie bei POST.
Response:
DELETE /api/crons/:id
Response:
{ "removed": { "id": 1, "name": "Nachtlauf Backup" } }
+
GET /api/crons/:id/logs
Liefert Ausführungs-Logs.
Query-Parameter:
| Parameter | Typ | Default | Beschreibung |
limit | number | 20 | Anzahl Einträge, max. 100 |
Response:
{
+ "logs": [
+ {
+ "id": 42,
+ "cronJobId": 1,
+ "startedAt": "2026-03-10T02:00:01.000Z",
+ "finishedAt": "2026-03-10T02:00:05.000Z",
+ "status": "success",
+ "output": "Backup abgeschlossen.",
+ "errorMessage": null
+ }
+ ]
+}
+
status: running | success | error
POST /api/crons/:id/run
Triggert Job manuell (asynchron).
Response:
{ "triggered": true, "cronJobId": 1 }
+
Wenn Job bereits läuft: 409.
POST /api/crons/validate-expression
Validiert 5-Felder-Cron-Ausdruck und berechnet nächsten Lauf.
Request:
{ "cronExpression": "*/15 * * * *" }
+
Gültige Response:
{
+ "valid": true,
+ "nextRunAt": "2026-03-10T14:15:00.000Z"
+}
+
Ungültige Response:
{
+ "valid": false,
+ "error": "Cron-Ausdruck muss genau 5 Felder haben (Minute Stunde Tag Monat Wochentag).",
+ "nextRunAt": null
+}
+
Ripster unterstützt 5 Felder:
Minute Stunde Tag Monat Wochentag
+
Beispiele:
0 2 * * * täglich 02:00*/15 * * * * alle 15 Minuten0 6 * * 1-5 Mo-Fr 06:00
WebSocket-Events zu Cron
CRON_JOBS_UPDATED bei Create/Update/DeleteCRON_JOB_UPDATED bei Laufzeitstatus (running -> success|error)
\ No newline at end of file
diff --git a/site/api/downloads/index.html b/site/api/downloads/index.html
new file mode 100644
index 0000000..1e02254
--- /dev/null
+++ b/site/api/downloads/index.html
@@ -0,0 +1,46 @@
+ Downloads API - Ripster
Downloads API
Endpunkte für die Download-Queue. Ausgabedateien aus der Job-Historie können als ZIP heruntergeladen werden.
Basis-Pfad: /api/downloads
GET /api/downloads
Liste aller Download-Einträge plus Zusammenfassung.
Response:
{
+ "items": [
+ {
+ "id": "dl-42-raw",
+ "jobId": 42,
+ "target": "raw",
+ "status": "ready",
+ "archiveName": "Job_42_raw.zip",
+ "outputPath": null,
+ "createdAt": "2026-03-30T10:00:00.000Z",
+ "updatedAt": "2026-03-30T10:01:00.000Z",
+ "errorMessage": null
+ }
+ ],
+ "summary": {
+ "total": 3,
+ "pending": 1,
+ "processing": 0,
+ "ready": 1,
+ "failed": 1
+ }
+}
+
Status-Werte:
| Status | Beschreibung |
pending | In der Queue, noch nicht gestartet |
processing | ZIP wird gerade erstellt |
ready | ZIP fertig, Download verfügbar |
failed | Fehler bei der Erstellung |
GET /api/downloads/summary
Nur die Zusammenfassung der Download-Queue (ohne Item-Liste).
Response:
{
+ "summary": {
+ "total": 3,
+ "pending": 1,
+ "processing": 0,
+ "ready": 1,
+ "failed": 1
+ }
+}
+
POST /api/downloads/history/:jobId
Job-Ausgabe in die Download-Queue einreihen.
Parameter:
| Parameter | Typ | Beschreibung |
jobId | number | ID des Jobs in der Historie |
Body:
{
+ "target": "raw",
+ "outputPath": null
+}
+
| Feld | Typ | Default | Beschreibung |
target | string | raw | raw (RAW-Dateien) oder movie (Ausgabedateien) |
outputPath | string | null | Optionaler expliziter Ausgabepfad |
Response (201 Created):
{
+ "created": true,
+ "id": "dl-42-raw",
+ "status": "pending",
+ "summary": { "total": 1, "pending": 1, "processing": 0, "ready": 0, "failed": 0 }
+}
+
Ist der Eintrag bereits vorhanden, wird 201 durch 200 ersetzt und created: false zurückgegeben.
GET /api/downloads/:id/file
Fertige ZIP-Datei herunterladen.
Parameter:
| Parameter | Typ | Beschreibung |
id | string | Download-ID (z. B. dl-42-raw) |
Response: Datei-Download (Content-Disposition: attachment).
Schlägt fehl mit 404, wenn kein Download-Eintrag mit dieser ID existiert oder die Datei noch nicht bereit ist.
DELETE /api/downloads/:id
Download-Eintrag löschen (auch fertige ZIP-Dateien werden vom Dateisystem entfernt).
Response:
{
+ "ok": true,
+ "summary": { "total": 2, "pending": 0, "processing": 0, "ready": 2, "failed": 0 }
+}
+
WebSocket
Statusänderungen werden über DOWNLOADS_UPDATED in Echtzeit gemeldet. Vollständige Dokumentation: WebSocket Events.
\ No newline at end of file
diff --git a/site/api/history/index.html b/site/api/history/index.html
new file mode 100644
index 0000000..b51b358
--- /dev/null
+++ b/site/api/history/index.html
@@ -0,0 +1,87 @@
+ History API - Ripster
History API
Endpunkte für Job-Historie, Metadaten-Nachpflege, Orphan-Import und Löschoperationen.
GET /api/history
Liefert Jobs mit optionalen Filtern.
Query-Parameter:
| Parameter | Typ | Beschreibung |
status | string | Einzelstatus-Filter (legacy-kompatibel). |
statuses | string | Mehrfachstatus als CSV, z. B. FINISHED,ERROR. |
search | string | Suche in Titel-/IMDb-Feldern. |
limit | number | Maximale Anzahl Ergebnisse. |
lite | bool | Ohne Dateisystem-Checks (schneller). |
includeChildren | bool | Child-Jobs (z. B. Serien-/Multipart-Kinder) explizit einbeziehen. |
Beispiel:
GET /api/history?statuses=FINISHED,ERROR&search=Inception&limit=50&lite=1
+
Response (Beispiel):
{
+ "jobs": [
+ {
+ "id": 42,
+ "status": "FINISHED",
+ "title": "Inception",
+ "job_kind": "bluray",
+ "raw_path": "/mnt/raw/Inception - RAW - job-42",
+ "output_path": "/mnt/movies/Inception (2010)/Inception (2010).mkv",
+ "mediaType": "bluray",
+ "ripSuccessful": true,
+ "encodeSuccess": true,
+ "created_at": "2026-03-10T08:00:00.000Z",
+ "updated_at": "2026-03-10T10:00:00.000Z"
+ }
+ ]
+}
+
GET /api/history/:id
Liefert Job-Detail.
Query-Parameter:
| Parameter | Typ | Standard | Beschreibung |
includeLogs | bool | false | Prozesslog laden. |
includeLiveLog | bool | false | Live-/Tail-Log laden. |
includeAllLogs | bool | false | vollständiges Log statt Tail. |
logTailLines | number | 800 | Tail-Länge falls nicht includeAllLogs. |
lite | bool | false | Detailantwort ohne FS-Checks. |
Response (Beispiel):
{
+ "job": {
+ "id": 42,
+ "status": "FINISHED",
+ "makemkvInfo": {},
+ "mediainfoInfo": {},
+ "handbrakeInfo": {},
+ "encodePlan": {},
+ "log": "...",
+ "log_count": 1,
+ "logMeta": {
+ "loaded": true,
+ "total": 800,
+ "returned": 800,
+ "truncated": true
+ }
+ }
+}
+
GET /api/history/orphan-raw
Sucht RAW-Ordner ohne zugehörigen Job.
POST /api/history/orphan-raw/import
Importiert einen RAW-Ordner als Job und triggert optional die Analyse des Imports.
Request:
{ "rawPath": "/mnt/raw/Inception (2010) [tt1375666] - RAW - job-99" }
+
Response (Beispiel):
{
+ "job": { "id": 77, "status": "FINISHED" },
+ "activation": { "started": true },
+ "activationError": null
+}
+
POST /api/history/:id/metadata/assign
Weist TMDb-Metadaten nachträglich zu oder aktualisiert bestehende Film-/Serien-Metadaten eines Jobs.
POST /api/history/:id/cd/assign
Weist CD-Metadaten (z. B. MusicBrainz) nachträglich zu.
POST /api/history/:id/error/ack
Quittiert einen Fehlerzustand im Historieneintrag.
GET /api/history/:id/delete-preview
Liefert eine Vorschau der löschbaren Pfade (inkl. Scope auf verknüpfte Jobs).
Query-Parameter:
| Parameter | Typ | Standard | Beschreibung |
includeRelated | bool | true | Verknüpfte Jobs in die Vorschau einbeziehen. |
Response (Beispiel):
{
+ "preview": {
+ "jobId": 42,
+ "relatedJobs": [{ "id": 42 }, { "id": 73 }],
+ "pathCandidates": {
+ "raw": [{ "path": "/mnt/raw/...", "exists": true, "isDirectory": true }],
+ "movie": [{ "path": "/mnt/movies/...", "exists": true, "isDirectory": true }]
+ }
+ }
+}
+
POST /api/history/:id/delete-files
Löscht Dateien eines Jobs, behält DB-Eintrag.
Request:
{
+ "target": "both",
+ "includeRelated": true,
+ "selectedRawPaths": ["/mnt/raw/Inception - RAW - Disc1"],
+ "selectedMoviePaths": ["/mnt/movies/Inception (2010)"]
+}
+
target: raw | movie | both
selectedRawPaths / selectedMoviePaths sind optional und begrenzen die Löschung auf ausgewählte Pfade aus der Vorschau.
POST /api/history/:id/delete
Löscht Job aus DB; optional auch Dateien.
Request:
{
+ "target": "both",
+ "includeRelated": true,
+ "resetDriveState": false,
+ "keepDetectedDevice": true,
+ "preserveRawForImportJobs": false,
+ "selectedRawPaths": ["/mnt/raw/Inception - RAW - Disc1"],
+ "selectedMoviePaths": ["/mnt/movies/Inception (2010)"]
+}
+
target: none | raw | movie | both
Response (Beispiel):
{
+ "deleted": true,
+ "jobId": 42,
+ "fileTarget": "both",
+ "fileSummary": {
+ "target": "both",
+ "raw": { "filesDeleted": 10 },
+ "movie": { "filesDeleted": 1 }
+ },
+ "uiReset": {
+ "reset": true,
+ "state": "IDLE"
+ },
+ "safeguards": {
+ "containsOrphanRawImportJob": false,
+ "resetDriveStateApplied": false,
+ "keepDetectedDeviceApplied": true
+ }
+}
+
Hinweise
- Ein aktiver Pipeline-Job kann nicht gelöscht werden (
409). - Löschoperationen sind irreversibel.
- Bei Serien-/Multipart-Containern steuern
includeRelated und Pfadselektionen den genauen Scope.
\ No newline at end of file
diff --git a/site/api/index.html b/site/api/index.html
new file mode 100644
index 0000000..9db1e67
--- /dev/null
+++ b/site/api/index.html
@@ -0,0 +1,2 @@
+ Anhang: API-Referenz - Ripster
Anhang: API-Referenz
REST- und WebSocket-Schnittstellen für Integration, Automatisierung und Debugging.
Basis-URL
API-Prefix: /api
API-Gruppen
-
Health
Service-Liveness.
GET /api/health
-
Pipeline API
Analyse, Start/Retry/Cancel, Queue, Re-Encode.
Pipeline API
-
Settings API
Einstellungen, Skripte/Ketten, User-Presets.
Settings API
-
History API
Job-Historie, Orphan-Import, Löschoperationen.
History API
-
Cron API
Zeitgesteuerte Skript-/Kettenausführung.
Cron API
-
Converter API
Datei-Explorer, Upload, Job-Verwaltung für den Converter.
Converter API
-
Downloads API
Download-Queue für Ausgabedateien aus der Job-Historie.
Downloads API
-
Runtime Activities API
Laufende und abgeschlossene Aktivitäten (Skripte, Ketten, Cron, Tasks).
Runtime Activities
-
:material-websocket: WebSocket Events
Pipeline-, Queue-, Disk-, Settings-, Cron-, Converter- und Download-Events.
WebSocket
Hinweis
Ripster hat keine eingebaute Authentifizierung und ist für lokalen, geschützten Betrieb gedacht.
\ No newline at end of file
diff --git a/site/api/pipeline/index.html b/site/api/pipeline/index.html
new file mode 100644
index 0000000..cf3ba43
--- /dev/null
+++ b/site/api/pipeline/index.html
@@ -0,0 +1,187 @@
+ Pipeline API - Ripster
Pipeline API
Endpunkte zur Steuerung des Pipeline-Workflows.
GET /api/pipeline/state
Liefert aktuellen Pipeline- und Hardware-Monitoring-Snapshot.
Response (Beispiel):
{
+ "pipeline": {
+ "state": "READY_TO_ENCODE",
+ "activeJobId": 42,
+ "progress": 0,
+ "eta": null,
+ "statusText": "Mediainfo bestätigt - Encode manuell starten",
+ "context": {
+ "jobId": 42
+ },
+ "jobProgress": {
+ "42": {
+ "state": "MEDIAINFO_CHECK",
+ "progress": 68.5,
+ "eta": null,
+ "statusText": "MEDIAINFO_CHECK 68.50%"
+ }
+ },
+ "queue": {
+ "maxParallelJobs": 1,
+ "runningCount": 1,
+ "queuedCount": 2,
+ "runningJobs": [],
+ "queuedJobs": []
+ }
+ },
+ "hardwareMonitoring": {
+ "enabled": true,
+ "intervalMs": 5000,
+ "updatedAt": "2026-03-10T09:00:00.000Z",
+ "sample": {
+ "cpu": {},
+ "memory": {},
+ "gpu": {},
+ "storage": {}
+ },
+ "error": null
+ }
+}
+
POST /api/pipeline/analyze
Startet Disc-Analyse und legt Job an.
Response:
{
+ "result": {
+ "jobId": 42,
+ "detectedTitle": "INCEPTION",
+ "omdbCandidates": []
+ }
+}
+
POST /api/pipeline/rescan-disc
Erzwingt erneute Laufwerksprüfung.
Response (Beispiel):
{
+ "result": {
+ "present": true,
+ "changed": true,
+ "emitted": "discInserted",
+ "device": {
+ "path": "/dev/sr0",
+ "discLabel": "INCEPTION",
+ "mediaProfile": "bluray"
+ }
+ }
+}
+
POST /api/pipeline/rescan-drive
Erzwingt Rescan für ein konkretes Laufwerk.
Request:
{ "devicePath": "/dev/sr0" }
+
GET /api/pipeline/tmdb/movie/search?q=
TMDb-Filmsuche.
Response:
{
+ "results": [
+ {
+ "imdbId": "tt1375666",
+ "title": "Inception",
+ "year": "2010",
+ "type": "movie",
+ "poster": "https://..."
+ }
+ ]
+}
+
GET /api/pipeline/tmdb/series/search?q=&season=
TMDb-Seriensuche (für Serien-Workflow bei DVD/Blu-ray).
GET /api/pipeline/cd/drives
Liefert Snapshot der aktuell bekannten CD-Laufwerke.
GET /api/pipeline/cd/musicbrainz/search?q=
MusicBrainz-Suche für CD-Metadaten.
GET /api/pipeline/cd/musicbrainz/release/:mbId
Lädt Release-Details zu einer MusicBrainz-ID.
POST /api/pipeline/cd/select-metadata
Übernimmt CD-Metadaten für einen Job.
Request (Beispiel):
{
+ "jobId": 91,
+ "title": "Album",
+ "artist": "Artist",
+ "year": 2020,
+ "mbId": "f5093c06-23e3-404f-aeaa-40f72885ee3a",
+ "coverUrl": "https://...",
+ "tracks": []
+}
+
POST /api/pipeline/cd/start/:jobId
Startet/queued CD-Rip mit Format-/Script-/Chain-Konfiguration.
POST /api/pipeline/audiobook/upload
Upload von AAX-Datei (Multipart/FormData).
FormData-Felder:
file (Pflicht)format (optional)startImmediately (optional)
GET /api/pipeline/audiobook/pending-activation
Zeigt AAX-Jobs mit fehlenden Activation-Bytes.
POST /api/pipeline/audiobook/start/:jobId
Startet Audiobook-Job mit optionaler Konfiguration.
GET /api/pipeline/audiobook/jobs
Liefert Audiobook-Jobliste.
GET /api/pipeline/audiobook/output-tree
Read-only Baumansicht des Audiobook-Ausgabeordners.
POST /api/pipeline/select-metadata
Setzt Metadaten (und optional Playlist) für einen Job.
Request:
{
+ "jobId": 42,
+ "title": "Inception",
+ "year": 2010,
+ "imdbId": "tt1375666",
+ "poster": "https://...",
+ "fromOmdb": true,
+ "selectedPlaylist": "00800"
+}
+
Wichtige optionale Felder:
selectedHandBrakeTitleId / selectedHandBrakeTitleIds: Titel-Auswahl für Review/MediaInfo.metadataProvider: omdb oder tmdb.workflowKind: bei Disc-Jobs typischerweise film oder series.discNumber: Pflicht für Serien-Disc-Zuordnung (workflowKind=series).duplicateAction: Duplikatverhalten bei Film-Metadaten (allow_new oder multipart_movie).existingJobId: optionaler Referenzjob für multipart_movie.existingDiscNumber: Disc-Nummer des bestehenden Jobs für multipart_movie.
Response:
{ "job": { "id": 42, "status": "READY_TO_START" } }
+
Konflikt-Response (Beispiel, HTTP 409):
{
+ "message": "Metadaten bereits in der Historie gefunden. Bitte Auswahl übernehmen oder Multipart movie wählen.",
+ "details": [
+ {
+ "code": "METADATA_DUPLICATE_FOUND",
+ "mediaProfile": "bluray",
+ "existingJob": {
+ "id": 17,
+ "title": "Inception",
+ "year": 2010,
+ "status": "FINISHED",
+ "jobKind": "bluray",
+ "discNumber": 1,
+ "isMultipartMovie": false
+ }
+ }
+ ]
+}
+
Relevante Fehlercodes (POST /api/pipeline/select-metadata):
| Code | Bedeutung |
METADATA_DUPLICATE_FOUND | Film-Metadaten existieren bereits in der Historie (Konfliktdialog im UI). |
MULTIPART_DISC_REQUIRED | Für Multipart fehlen Disc-Nummern (discNumber/existingDiscNumber). |
MULTIPART_DISC_ALREADY_EXISTS | Disc-Nummer im Multipart-Container bereits vergeben oder doppelt. |
MULTIPART_MEDIA_MISMATCH | Multipart nur bei gleichem Medientyp (DVD oder Blu-ray). |
MULTIPART_SERIES_NOT_ALLOWED | Multipart ist nur für Film-Jobs erlaubt, nicht für Serien-Workflow. |
MULTIPART_METADATA_MISMATCH | Ausgewählter bestehender Job passt nicht zu den Film-Metadaten. |
SERIES_DISC_ALREADY_EXISTS | Serien-Disc-Nummer innerhalb einer Staffel bereits vorhanden. |
POST /api/pipeline/jobs/:jobId/raw-decision
Trifft Entscheidung bei vorhandenem RAW (continue oder restart je nach Dialogfluss).
Request:
{ "decision": "continue" }
+
POST /api/pipeline/start/:jobId
Startet vorbereiteten Job oder queued ihn (je nach Parallel-Limit).
Mögliche Responses:
{ "result": { "started": true, "stage": "RIPPING" } }
+
{ "result": { "queued": true, "started": false, "queuePosition": 2, "action": "START_PREPARED" } }
+
POST /api/pipeline/confirm-encode/:jobId
Bestätigt Review-Auswahl (Tracks, Pre/Post-Skripte/Ketten, User-Preset).
Request (typisch):
{
+ "selectedEncodeTitleId": 1,
+ "selectedTrackSelection": {
+ "1": {
+ "audioTrackIds": [1, 2],
+ "subtitleTrackIds": [3]
+ }
+ },
+ "selectedPreEncodeScriptIds": [1],
+ "selectedPostEncodeScriptIds": [2, 7],
+ "selectedPreEncodeChainIds": [3],
+ "selectedPostEncodeChainIds": [4],
+ "selectedUserPresetId": 5,
+ "skipPipelineStateUpdate": false
+}
+
Response:
{ "job": { "id": 42, "encode_review_confirmed": 1 } }
+
POST /api/pipeline/cancel
Bricht laufenden Job ab oder entfernt Queue-Eintrag.
Request (optional):
Mögliche Responses:
{ "result": { "cancelled": true, "queuedOnly": true, "jobId": 42 } }
+
{ "result": { "cancelled": true, "queuedOnly": false, "jobId": 42 } }
+
{ "result": { "cancelled": true, "queuedOnly": false, "pending": true, "jobId": 42 } }
+
POST /api/pipeline/retry/:jobId
Retry für ERROR/CANCELLED-Jobs (oder Queue-Einreihung).
POST /api/pipeline/reencode/:jobId
Startet Re-Encode aus bestehendem RAW.
POST /api/pipeline/restart-review/:jobId
Berechnet Review aus RAW neu.
POST /api/pipeline/restart-encode/:jobId
Startet Encoding mit letzter bestätigter Review neu.
POST /api/pipeline/restart-cd-review/:jobId
Berechnet CD-Review aus vorhandenem RAW neu.
POST /api/pipeline/resume-ready/:jobId
Lädt READY_TO_ENCODE-Job nach Neustart wieder in aktive Session.
GET /api/pipeline/output-folders/:jobId
Liefert bekannte Output-Ordner entlang der Job-Lineage.
POST /api/pipeline/delete-output-folders/:jobId
Löscht ausgewählte Output-Ordner.
Request:
{ "folderPaths": ["/mnt/movies/Inception (2010)"] }
+
Alle Endpunkte liefern { result: ... } bzw. { job: ... }.
Queue-Endpunkte
GET /api/pipeline/queue
Liefert Queue-Snapshot.
{
+ "queue": {
+ "maxParallelJobs": 1,
+ "runningCount": 1,
+ "queuedCount": 3,
+ "runningJobs": [
+ {
+ "jobId": 41,
+ "title": "Inception",
+ "status": "ENCODING",
+ "lastState": "ENCODING"
+ }
+ ],
+ "queuedJobs": [
+ {
+ "entryId": 11,
+ "position": 1,
+ "type": "job",
+ "jobId": 42,
+ "action": "START_PREPARED",
+ "actionLabel": "Start",
+ "title": "Matrix",
+ "status": "READY_TO_ENCODE",
+ "lastState": "READY_TO_ENCODE",
+ "hasScripts": true,
+ "hasChains": false,
+ "enqueuedAt": "2026-03-10T09:00:00.000Z"
+ },
+ {
+ "entryId": 12,
+ "position": 2,
+ "type": "wait",
+ "waitSeconds": 30,
+ "title": "Warten 30s",
+ "status": "QUEUED",
+ "enqueuedAt": "2026-03-10T09:01:00.000Z"
+ }
+ ],
+ "updatedAt": "2026-03-10T09:01:02.000Z"
+ }
+}
+
POST /api/pipeline/queue/reorder
Sortiert Queue-Einträge neu.
Request:
{
+ "orderedEntryIds": [12, 11]
+}
+
Legacy fallback wird akzeptiert:
{
+ "orderedJobIds": [42, 43]
+}
+
POST /api/pipeline/queue/entry
Fügt Nicht-Job-Queue-Eintrag hinzu (script, chain, wait).
Request-Beispiele:
{ "type": "script", "scriptId": 3 }
+
{ "type": "chain", "chainId": 2, "insertAfterEntryId": 11 }
+
{ "type": "wait", "waitSeconds": 45 }
+
Response:
{
+ "result": { "entryId": 12, "type": "wait", "position": 2 },
+ "queue": { "...": "..." }
+}
+
DELETE /api/pipeline/queue/entry/:entryId
Entfernt Queue-Eintrag.
Response:
{ "queue": { "...": "..." } }
+
Pipeline-Zustände
| State | Bedeutung |
IDLE | Wartet auf Medium |
DISC_DETECTED | Medium erkannt |
ANALYZING | MakeMKV-Analyse läuft |
METADATA_SELECTION | Metadaten-Auswahl |
WAITING_FOR_USER_DECISION | Nutzerentscheidung erforderlich (Playlist-Auswahl oder RAW-Entscheidung) |
READY_TO_START | Übergang vor Start |
RIPPING | MakeMKV-Rip läuft |
MEDIAINFO_CHECK | Titel-/Track-Auswertung |
READY_TO_ENCODE | Review bereit |
ENCODING | HandBrake-Encoding läuft |
CD_METADATA_SELECTION | CD-Metadatenauswahl aktiv |
CD_READY_TO_RIP | CD-Job ist startbereit |
CD_ANALYZING | CD-Struktur/Tracks werden vorbereitet |
CD_RIPPING | CD-Ripping läuft |
CD_ENCODING | CD-Encode läuft |
FINISHED | Abgeschlossen |
DONE | Abgeschlossen (v. a. Audiobook/Converter/CD-Varianten) |
CANCELLED | Abgebrochen |
ERROR | Fehler |
\ No newline at end of file
diff --git a/site/api/runtime-activities/index.html b/site/api/runtime-activities/index.html
new file mode 100644
index 0000000..38291d6
--- /dev/null
+++ b/site/api/runtime-activities/index.html
@@ -0,0 +1,74 @@
+ Runtime Activities API - Ripster
Runtime Activities API
Ripster verfolgt alle laufenden und kürzlich abgeschlossenen Aktivitäten (Skripte, Skript-Ketten, Cron-Jobs, interne Tasks) in Echtzeit über den RuntimeActivityService.
Übersicht
Aktivitäten entstehen, wenn Ripster intern Aktionen ausführt – z. B. beim Start eines Cron-Jobs, beim Ausführen einer Skript-Kette oder beim Durchlaufen von Pipeline-Schritten. Sie sind nicht persistent (kein DB-Speicher) und werden nur im Arbeitsspeicher gehalten.
- Aktive Aktivitäten (
active): Laufen gerade. - Letzte Aktivitäten (
recent): Abgeschlossen, max. 120 Einträge.
Änderungen werden über WebSocket (RUNTIME_ACTIVITY_CHANGED) in Echtzeit gesendet.
Aktivitäts-Objekt
{
+ "id": 7,
+ "type": "chain",
+ "name": "Post-Encode Aufräumen",
+ "status": "running",
+ "source": "cron",
+ "message": "Schritt 2 von 3",
+ "currentStep": "cleanup.sh",
+ "currentStepType": "script",
+ "currentScriptName": "cleanup.sh",
+ "stepIndex": 2,
+ "stepTotal": 3,
+ "parentActivityId": null,
+ "jobId": 42,
+ "cronJobId": 3,
+ "chainId": 5,
+ "scriptId": null,
+ "canCancel": true,
+ "canNextStep": false,
+ "outcome": "running",
+ "errorMessage": null,
+ "output": null,
+ "stdout": null,
+ "stderr": null,
+ "stdoutTruncated": false,
+ "stderrTruncated": false,
+ "startedAt": "2026-03-10T10:00:00.000Z",
+ "finishedAt": null,
+ "durationMs": null,
+ "exitCode": null,
+ "success": null
+}
+
Felder
| Feld | Typ | Beschreibung |
id | number | Eindeutige ID (Laufzähler, nicht persistent) |
type | string | Art der Aktivität: script | chain | cron | task |
name | string \| null | Anzeigename der Aktivität |
status | string | Aktueller Status: running | success | error |
source | string \| null | Auslöser (z. B. cron, pipeline, manual) |
message | string \| null | Kurztext zum aktuellen Zustand |
currentStep | string \| null | Name des aktuell ausgeführten Schritts |
currentStepType | string \| null | Typ des Schritts (z. B. script, wait) |
currentScriptName | string \| null | Name des Skripts im aktuellen Schritt |
stepIndex | number \| null | Aktueller Schritt (1-basiert) |
stepTotal | number \| null | Gesamtanzahl Schritte |
parentActivityId | number \| null | ID der übergeordneten Aktivität |
jobId | number \| null | Verknüpfte Job-ID |
cronJobId | number \| null | Verknüpfte Cron-Job-ID |
chainId | number \| null | Verknüpfte Skript-Ketten-ID |
scriptId | number \| null | Verknüpfte Skript-ID |
canCancel | boolean | Abbrechen über API möglich |
canNextStep | boolean | Nächster Schritt über API auslösbar |
outcome | string \| null | Abschluss-Ergebnis: success | error | cancelled | skipped | running |
errorMessage | string \| null | Fehlermeldung (max. 2.000 Zeichen) |
output | string \| null | Allgemeine Ausgabe (max. 12.000 Zeichen) |
stdout | string \| null | Standardausgabe des Prozesses (max. 12.000 Zeichen) |
stderr | string \| null | Fehlerausgabe des Prozesses (max. 12.000 Zeichen) |
stdoutTruncated | boolean | true, wenn stdout gekürzt wurde |
stderrTruncated | boolean | true, wenn stderr gekürzt wurde |
startedAt | string | ISO-8601-Zeitstempel des Starts |
finishedAt | string \| null | ISO-8601-Zeitstempel des Endes |
durationMs | number \| null | Laufzeit in Millisekunden |
exitCode | number \| null | Exit-Code des Prozesses |
success | boolean \| null | Erfolgsstatus (null bei laufender Aktivität) |
Snapshot-Objekt
Alle Aktivitäts-Endpunkte geben einen Snapshot zurück:
{
+ "active": [ /* laufende Aktivitäten, nach startedAt absteigend */ ],
+ "recent": [ /* abgeschlossene Aktivitäten, nach finishedAt absteigend, max. 120 */ ],
+ "updatedAt": "2026-03-10T10:05:00.000Z"
+}
+
Endpunkte
GET /api/runtime/activities
Aktuellen Aktivitäts-Snapshot abrufen.
Antwort:
{
+ "active": [],
+ "recent": [
+ {
+ "id": 5,
+ "type": "script",
+ "name": "notify.sh",
+ "status": "success",
+ "outcome": "success",
+ "startedAt": "2026-03-10T09:58:00.000Z",
+ "finishedAt": "2026-03-10T09:58:02.000Z",
+ "durationMs": 2100,
+ "exitCode": 0,
+ "success": true,
+ "canCancel": false,
+ "canNextStep": false
+ }
+ ],
+ "updatedAt": "2026-03-10T10:05:00.000Z"
+}
+
POST /api/runtime/activities/:id/cancel
Aktive Aktivität abbrechen (nur wenn canCancel: true).
Parameter:
| Name | In | Typ | Beschreibung |
id | path | number | Aktivitäts-ID |
reason | body | string | Optionaler Abbruchgrund |
Request Body:
{ "reason": "Manueller Abbruch durch Benutzer" }
+
Antwort (Erfolg):
{
+ "ok": true,
+ "action": null,
+ "snapshot": { "active": [], "recent": [], "updatedAt": "..." }
+}
+
Fehlercodes:
| HTTP | Bedeutung |
404 | Aktivität nicht gefunden oder bereits abgeschlossen |
409 | Abbrechen wird von dieser Aktivität nicht unterstützt |
POST /api/runtime/activities/:id/next-step
Nächsten Schritt einer Aktivität auslösen (nur wenn canNextStep: true).
Parameter:
| Name | In | Typ | Beschreibung |
id | path | number | Aktivitäts-ID |
Antwort (Erfolg):
{
+ "ok": true,
+ "action": null,
+ "snapshot": { "active": [], "recent": [], "updatedAt": "..." }
+}
+
Fehlercodes:
| HTTP | Bedeutung |
404 | Aktivität nicht gefunden |
409 | Nächster Schritt wird von dieser Aktivität nicht unterstützt |
POST /api/runtime/activities/clear-recent
Alle abgeschlossenen Aktivitäten aus recent löschen.
Antwort:
{
+ "ok": true,
+ "removed": 14,
+ "snapshot": { "active": [], "recent": [], "updatedAt": "..." }
+}
+
Grenzwerte
| Wert | Limit |
Maximale recent-Einträge | 120 |
Maximale Länge stdout / stderr / output | 12.000 Zeichen |
Maximale Länge errorMessage / message | 2.000 Zeichen |
Maximale Länge outcome | 40 Zeichen |
Gekürzte Ausgaben erhalten den Suffix ...[gekürzt] (bei Inline-Text) bzw. \n...[gekürzt] (bei mehrzeiligem Output).
Echtzeit-Updates
Änderungen werden automatisch als RUNTIME_ACTIVITY_CHANGED WebSocket-Event gesendet. Die Frontend-Komponente braucht GET /api/runtime/activities nur beim initialen Laden aufzurufen.
\ No newline at end of file
diff --git a/site/api/settings/index.html b/site/api/settings/index.html
new file mode 100644
index 0000000..c6bc58e
--- /dev/null
+++ b/site/api/settings/index.html
@@ -0,0 +1,140 @@
+ Settings API - Ripster
Settings API
Endpunkte für Einstellungen, Skripte, Skript-Ketten und User-Presets.
GET /api/settings
Liefert alle Einstellungen kategorisiert.
Response (Struktur):
{
+ "categories": [
+ {
+ "category": "Pfade",
+ "settings": [
+ {
+ "key": "raw_dir",
+ "label": "Raw Ausgabeordner",
+ "type": "path",
+ "required": true,
+ "description": "...",
+ "defaultValue": "data/output/raw",
+ "options": [],
+ "validation": { "minLength": 1 },
+ "value": "data/output/raw",
+ "orderIndex": 100
+ }
+ ]
+ }
+ ]
+}
+
PUT /api/settings/:key
Aktualisiert eine einzelne Einstellung.
Request:
{ "value": "/mnt/storage/raw" }
+
Response:
{
+ "setting": {
+ "key": "raw_dir",
+ "value": "/mnt/storage/raw"
+ },
+ "reviewRefresh": {
+ "triggered": false,
+ "reason": "not_ready"
+ }
+}
+
reviewRefresh ist null oder ein Objekt mit Status der optionalen Review-Neuberechnung.
PUT /api/settings
Aktualisiert mehrere Einstellungen atomar.
Request:
{
+ "settings": {
+ "raw_dir": "/mnt/storage/raw",
+ "movie_dir": "/mnt/storage/movies",
+ "handbrake_preset_bluray": "H.264 MKV 1080p30"
+ }
+}
+
Response:
{
+ "changes": [
+ { "key": "raw_dir", "value": "/mnt/storage/raw" },
+ { "key": "movie_dir", "value": "/mnt/storage/movies" }
+ ],
+ "reviewRefresh": {
+ "triggered": true,
+ "jobId": 42,
+ "relevantKeys": ["handbrake_preset_bluray"]
+ }
+}
+
Bei Validierungsfehlern kommt 400 mit error.details[].
GET /api/settings/handbrake-presets
Liest Preset-Liste via HandBrakeCLI -z (mit Fallback auf konfigurierte Presets).
Response (Beispiel):
{
+ "source": "handbrake-cli",
+ "message": null,
+ "options": [
+ { "label": "General/", "value": "__group__general", "disabled": true, "category": "General" },
+ { "label": " Fast 1080p30", "value": "Fast 1080p30", "category": "General" }
+ ]
+}
+
POST /api/settings/pushover/test
Sendet Testnachricht über aktuelle PushOver-Settings.
Request (optional):
{
+ "title": "Test",
+ "message": "Ripster Test"
+}
+
Response:
{
+ "result": {
+ "sent": true,
+ "eventKey": "test",
+ "requestId": "..."
+ }
+}
+
Wenn PushOver deaktiviert ist oder Credentials fehlen, kommt i. d. R. ebenfalls 200 mit sent: false + reason.
Skripte
Basis: /api/settings/scripts
GET /api/settings/scripts
{ "scripts": [ { "id": 1, "name": "...", "scriptBody": "...", "orderIndex": 1, "createdAt": "...", "updatedAt": "..." } ] }
+
POST /api/settings/scripts
{ "name": "Move", "scriptBody": "mv \"$RIPSTER_OUTPUT_PATH\" /mnt/movies/" }
+
Response: 201 mit { "script": { ... } }
PUT /api/settings/scripts/:id
Body wie POST, Response { "script": { ... } }.
DELETE /api/settings/scripts/:id
Response { "removed": { ... } }.
POST /api/settings/scripts/reorder
{ "orderedScriptIds": [3, 1, 2] }
+
Response { "scripts": [ ... ] }.
POST /api/settings/scripts/:id/test
Führt Skript als Testlauf aus.
{
+ "result": {
+ "scriptId": 1,
+ "scriptName": "Move",
+ "success": true,
+ "exitCode": 0,
+ "signal": null,
+ "timedOut": false,
+ "durationMs": 120,
+ "stdout": "...",
+ "stderr": "...",
+ "stdoutTruncated": false,
+ "stderrTruncated": false
+ }
+}
+
Umgebungsvariablen für Skripte
Diese Variablen werden beim Ausführen gesetzt:
RIPSTER_SCRIPT_RUN_ATRIPSTER_JOB_IDRIPSTER_JOB_TITLERIPSTER_MODERIPSTER_INPUT_PATHRIPSTER_OUTPUT_PATHRIPSTER_RAW_PATHRIPSTER_SCRIPT_IDRIPSTER_SCRIPT_NAMERIPSTER_SCRIPT_SOURCE
Skript-Ketten
Basis: /api/settings/script-chains
Eine Kette hat Schritte vom Typ:
script (scriptId erforderlich)wait (waitSeconds 1..3600)
GET /api/settings/script-chains
Response { "chains": [ ... ] } (inkl. steps[]).
GET /api/settings/script-chains/:id
Response { "chain": { ... } }.
POST /api/settings/script-chains
{
+ "name": "After Encode",
+ "steps": [
+ { "stepType": "script", "scriptId": 1 },
+ { "stepType": "wait", "waitSeconds": 15 },
+ { "stepType": "script", "scriptId": 2 }
+ ]
+}
+
Response: 201 mit { "chain": { ... } }
PUT /api/settings/script-chains/:id
Body wie POST, Response { "chain": { ... } }.
DELETE /api/settings/script-chains/:id
Response { "removed": { ... } }.
POST /api/settings/script-chains/reorder
{ "orderedChainIds": [2, 1, 3] }
+
Response { "chains": [ ... ] }.
POST /api/settings/script-chains/:id/test
Response:
{
+ "result": {
+ "chainId": 2,
+ "chainName": "After Encode",
+ "steps": 3,
+ "succeeded": 3,
+ "failed": 0,
+ "aborted": false,
+ "results": []
+ }
+}
+
User-Presets
Basis: /api/settings/user-presets
GET /api/settings/user-presets
Optionaler Query-Parameter: media_type=bluray|dvd|other|all
{
+ "presets": [
+ {
+ "id": 1,
+ "name": "Blu-ray HQ",
+ "mediaType": "bluray",
+ "handbrakePreset": "H.264 MKV 1080p30",
+ "extraArgs": "--encoder-preset slow",
+ "description": "...",
+ "createdAt": "...",
+ "updatedAt": "..."
+ }
+ ]
+}
+
POST /api/settings/user-presets
{
+ "name": "Blu-ray HQ",
+ "mediaType": "bluray",
+ "handbrakePreset": "H.264 MKV 1080p30",
+ "extraArgs": "--encoder-preset slow",
+ "description": "optional"
+}
+
Response: 201 mit { "preset": { ... } }
PUT /api/settings/user-presets/:id
Body mit beliebigen Feldern aus POST, Response { "preset": { ... } }.
DELETE /api/settings/user-presets/:id
Response { "removed": { ... } }.
Weitere Endpunkte
GET /api/settings/effective-paths
Liefert aufgelöste, effektiv genutzte Pfade aus den Settings (für UI- und Diagnosezwecke).
POST /api/settings/coverart/recover
Startet eine manuelle Coverart-Recovery.
Response (Beispiel):
{
+ "result": { "started": true },
+ "scheduler": { "enabled": true }
+}
+
Activation Bytes (AAX)
GET /api/settings/activation-bytes
Liest gecachte AAX-Activation-Bytes.
POST /api/settings/activation-bytes
Speichert Activation-Bytes.
Request:
{
+ "checksum": "abc123...",
+ "activationBytes": "1a2b3c4d"
+}
+
Laufwerke
GET /api/settings/drives
Liefert erkannte optische Laufwerke (/dev/...) inkl. MakeMKV-Disc-Index.
POST /api/settings/drives/force-unlock
Erzwingt Entsperren aktiver Laufwerkslocks.
Hinweis: Expertenmodus (ui_expert_mode) ist erforderlich, sonst 403.
Request (ein Laufwerk):
{ "devicePath": "/dev/sr0" }
+
Request (alle):
UI Preferences
GET /api/settings/prefs/:key
Liest einen persistierten UI-Preference-Wert.
PUT /api/settings/prefs/:key
Speichert einen persistierten UI-Preference-Wert.
Request:
{ "value": "{\"columns\":[\"id\",\"status\"]}" }
+
\ No newline at end of file
diff --git a/site/api/websocket/index.html b/site/api/websocket/index.html
new file mode 100644
index 0000000..b0f606f
--- /dev/null
+++ b/site/api/websocket/index.html
@@ -0,0 +1,151 @@
+ WebSocket Events - Ripster
WebSocket Events
Ripster sendet Echtzeit-Updates über /ws.
Verbindung
const ws = new WebSocket('ws://localhost:3001/ws');
+
+ws.onmessage = (event) => {
+ const msg = JSON.parse(event.data);
+ console.log(msg.type, msg.payload);
+};
+
Die meisten Broadcasts haben dieses Schema:
{
+ "type": "EVENT_TYPE",
+ "payload": {},
+ "timestamp": "2026-03-10T09:00:00.000Z"
+}
+
Ausnahme: WS_CONNECTED beim Verbindungsaufbau enthält kein timestamp.
Event-Typen
WS_CONNECTED
Sofort nach erfolgreicher Verbindung.
{
+ "type": "WS_CONNECTED",
+ "payload": {
+ "connectedAt": "2026-03-10T09:00:00.000Z"
+ }
+}
+
PIPELINE_STATE_CHANGED
Neuer Pipeline-Snapshot.
{
+ "type": "PIPELINE_STATE_CHANGED",
+ "payload": {
+ "state": "ENCODING",
+ "activeJobId": 42,
+ "progress": 62.5,
+ "eta": "00:12:34",
+ "statusText": "ENCODING 62.50%",
+ "context": {},
+ "jobProgress": {
+ "42": {
+ "state": "ENCODING",
+ "progress": 62.5,
+ "eta": "00:12:34",
+ "statusText": "ENCODING 62.50%"
+ }
+ },
+ "queue": {
+ "maxParallelJobs": 1,
+ "runningCount": 1,
+ "queuedCount": 2,
+ "runningJobs": [],
+ "queuedJobs": []
+ }
+ }
+}
+
PIPELINE_PROGRESS
Laufende Fortschrittsupdates.
{
+ "type": "PIPELINE_PROGRESS",
+ "payload": {
+ "state": "ENCODING",
+ "activeJobId": 42,
+ "progress": 62.5,
+ "eta": "00:12:34",
+ "statusText": "ENCODING 62.50%"
+ }
+}
+
PIPELINE_QUEUE_CHANGED
Queue-Snapshot aktualisiert.
DISC_DETECTED / DISC_REMOVED
Disc-Insertion/-Removal.
{
+ "type": "DISC_DETECTED",
+ "payload": {
+ "device": {
+ "path": "/dev/sr0",
+ "discLabel": "INCEPTION",
+ "model": "ASUS BW-16D1HT",
+ "fstype": "udf",
+ "mountpoint": null,
+ "mediaProfile": "bluray"
+ }
+ }
+}
+
mediaProfile: bluray | dvd | other | null
HARDWARE_MONITOR_UPDATE
Snapshot aus Hardware-Monitoring.
{
+ "type": "HARDWARE_MONITOR_UPDATE",
+ "payload": {
+ "enabled": true,
+ "intervalMs": 5000,
+ "updatedAt": "2026-03-10T09:00:00.000Z",
+ "sample": {
+ "cpu": {},
+ "memory": {},
+ "gpu": {},
+ "storage": {}
+ },
+ "error": null
+ }
+}
+
PIPELINE_ERROR
Fehler bei Disc-Event-Verarbeitung in Pipeline.
DISK_DETECTION_ERROR
Fehler in Laufwerkserkennung.
SETTINGS_UPDATED
Einzelnes Setting wurde gespeichert.
SETTINGS_BULK_UPDATED
Bulk-Settings gespeichert.
{
+ "type": "SETTINGS_BULK_UPDATED",
+ "payload": {
+ "count": 3,
+ "keys": ["raw_dir", "movie_dir", "handbrake_preset_bluray"]
+ }
+}
+
SETTINGS_SCRIPTS_UPDATED
Skript geändert (created|updated|deleted|reordered).
SETTINGS_SCRIPT_CHAINS_UPDATED
Skript-Kette geändert (created|updated|deleted|reordered).
USER_PRESETS_UPDATED
User-Preset geändert (created|updated|deleted).
CRON_JOBS_UPDATED
Cron-Config geändert (created|updated|deleted).
CRON_JOB_UPDATED
Laufzeitstatus eines Cron-Jobs geändert.
{
+ "type": "CRON_JOB_UPDATED",
+ "payload": {
+ "id": 1,
+ "lastRunStatus": "running",
+ "lastRunAt": "2026-03-10T10:00:00.000Z",
+ "nextRunAt": null
+ }
+}
+
RUNTIME_ACTIVITY_CHANGED
Vollständiger Snapshot aller laufenden und kürzlich abgeschlossenen Aktivitäten.
Wird ausgelöst, wenn eine Aktivität gestartet, aktualisiert oder abgeschlossen wird sowie nach clear-recent.
{
+ "type": "RUNTIME_ACTIVITY_CHANGED",
+ "payload": {
+ "active": [
+ {
+ "id": 7,
+ "type": "chain",
+ "name": "Post-Encode Aufräumen",
+ "status": "running",
+ "source": "cron",
+ "message": "Schritt 2 von 3",
+ "currentStep": "cleanup.sh",
+ "currentStepType": "script",
+ "stepIndex": 2,
+ "stepTotal": 3,
+ "canCancel": true,
+ "canNextStep": false,
+ "outcome": "running",
+ "startedAt": "2026-03-10T10:00:00.000Z",
+ "finishedAt": null,
+ "durationMs": null
+ }
+ ],
+ "recent": [],
+ "updatedAt": "2026-03-10T10:00:05.000Z"
+ }
+}
+
Vollständige Feldbeschreibung: Runtime Activities API.
CONVERTER_SCAN_UPDATE
Wird nach einem Scan des Converter-Eingangsordners gesendet (manuell oder per Polling).
{
+ "type": "CONVERTER_SCAN_UPDATE",
+ "payload": {
+ "entryCount": 12
+ }
+}
+
DOWNLOADS_UPDATED
Wird bei jeder Statusänderung in der Download-Queue gesendet.
{
+ "type": "DOWNLOADS_UPDATED",
+ "payload": {
+ "reason": "ready",
+ "item": {
+ "id": "dl-1",
+ "jobId": 42,
+ "status": "ready",
+ "archiveName": "Job_42_movie.zip",
+ "createdAt": "2026-03-30T10:00:00.000Z"
+ },
+ "summary": {
+ "total": 3,
+ "pending": 1,
+ "processing": 0,
+ "ready": 1,
+ "failed": 1
+ }
+ }
+}
+
Mögliche reason-Werte: queued, processing, ready, failed, deleted.
Reconnect-Verhalten
useWebSocket verbindet bei Abbruch automatisch neu:
- Retry-Intervall:
1500ms - Wiederverbindung bis Komponente unmounted wird
\ No newline at end of file
diff --git a/site/appendix/index.html b/site/appendix/index.html
new file mode 100644
index 0000000..ed4eaaf
--- /dev/null
+++ b/site/appendix/index.html
@@ -0,0 +1 @@
+ Technischer Anhang - Ripster
Technischer Anhang
Dieser Bereich enthält die technische Referenz hinter dem Benutzerhandbuch.
Inhalt
- Konfiguration
- komplette Feldreferenz
- Umgebungsvariablen
- Pipeline intern
- Zustandsmodell
- Encode-Planung
- Playlist-Analyse
- Pre-/Post-Encode-Ausführungen
- API-Referenz
- REST-Endpunkte
- WebSocket-Events
- Architektur
- Backend-/Frontend-Aufbau
- Datenbank
- Deployment
- Betrieb in Entwicklung und Produktion
- Externe Tools
- MakeMKV, HandBrake, MediaInfo
Wann du in den Anhang wechselst
- du integrierst Ripster mit anderen Systemen
- du betreibst mehrere Instanzen oder willst tiefer debuggen
- du brauchst Feld-/API-/Schema-Details für Automatisierung
\ No newline at end of file
diff --git a/site/architecture/backend/index.html b/site/architecture/backend/index.html
new file mode 100644
index 0000000..d574fa5
--- /dev/null
+++ b/site/architecture/backend/index.html
@@ -0,0 +1 @@
+ Backend-Services - Ripster
Backend-Services
Das Backend ist in Services aufgeteilt, die von Express-Routen orchestriert werden. Seit v0.12.0 erfolgt die Medienverarbeitung über ein Plugin-System.
Plugin-System (src/plugins/)
Ab v0.12.0 ist die Pipeline modular aufgebaut. Jeder Medientyp wird von einem eigenen Plugin verwaltet.
Basisklassen
PluginBase.js — Abstrakte Basisklasse SourcePlugin mit Lifecycle-MethodenPluginRegistry.js — Dynamische Plugin-Erkennung, prioritätsbasierte Auswahl, Settings-Schema-AggregationPluginContext.js — Ausführungskontext (Logger, Callbacks, Signals) für Plugin-Aufrufe
Plugin-Lifecycle
Jedes Plugin implementiert die folgenden Methoden:
| Methode | Beschreibung |
detect(discInfo) | Medientyp-Erkennung |
analyze(devicePath, job, ctx) | Analyse / Metadaten-Extraktion |
rip(job, ctx) | Rohdaten-Extraktion |
review(job, ctx) | Optionale Vorschau-Vorbereitung |
encode(job, ctx) | Finales Encoding/Konvertierung |
finalize(job, ctx) | Nachbearbeitung |
onCancel(job, ctx) | Bereinigung bei Abbruch |
onRetry(job, ctx) | Zustand-Reset vor Retry |
Implementierte Plugins
BluRayPlugin.js — Blu-ray via MakeMKV (Backup-Modus)DVDPlugin.js — DVD via MakeMKV (MKV-Modus)CdPlugin.js — Audio-CD via cdparanoia + FFmpeg (experimentell)AudiobookPlugin.js — AAX/M4B via FFmpeg mit Kapitel-SplittingConverterPlugin.js — Generische Audio/Video-Konvertierung via FFmpegVideoDiscPlugin.js — Gemeinsame Basis für Blu-ray/DVD (MediaInfo-Parsing)
pipelineService.js
Zentrale Workflow-Orchestrierung.
Aufgaben:
- Pipeline-State-Machine + Persistenz (
pipeline_state) - Disc-Analyse/Rip/Review/Encode via Plugin-Delegation
- Queue-Management (Jobs +
script|chain|wait Einträge) - Retry/Re-Encode/Restart-Flows
- WebSocket-Broadcasts für State/Progress/Queue
- Converter-Job-Verwaltung (
createConverterJobFromEntry, uploadConverterFiles, startConverterJob)
Wichtige Methoden:
analyzeDisc()selectMetadata()startPreparedJob()confirmEncodeReview()cancel()retry()reencodeFromRaw()restartReviewFromRaw()restartEncodeWithLastSettings()resumeReadyToEncodeJob()enqueueNonJobEntry(), reorderQueue(), removeQueueEntry()createConverterJobFromEntry(), createConverterJobsFromSelection()uploadConverterFiles(), startConverterJob()
diskDetectionService.js
Pollt Laufwerk(e) und emittiert:
discInserteddiscRemovederror
Zusatz:
- Modus
auto oder explicit - heuristische
mediaProfile-Erkennung (bluray/dvd/other) rescanAndEmit() für manuellen Trigger
settingsService.js
Settings-Layer mit Validation/Serialisierung.
Features:
getCategorizedSettings() für UI-FormsetSettingValue() / setSettingsBulk()- profilspezifische Auflösung (
resolveEffectiveToolSettings) - CLI-Config-Building für MakeMKV/HandBrake/MediaInfo/FFmpeg
- HandBrake-Preset-Liste via
HandBrakeCLI -z - MakeMKV-Key-Synchronisation aus
makemkv_registration_key nach ~/.MakeMKV/settings.conf - Pfadauflösung für alle Medienprofile inkl. Audiobook und Converter
historyService.js
Historie + Dateioperationen.
Features:
- Job-Liste/Detail inkl. Log-Tail
- Orphan-RAW-Erkennung und Import
- TMDb-Neuzuordnung
- Dateilöschung (
raw|movie|both) - Job-Löschung (
none|raw|movie|both)
audiobookService.js
Audiobook-Verarbeitung (AAX/M4B).
Features:
- FFprobe-basierte Analyse (Kapitel, Metadaten)
- FFmpeg-basiertes Encoding mit Kapitel-Splitting
- Ausgabeformate: M4B, MP3, FLAC
- Template-basierte Pfade (
{author}, {title}, {year}, {narrator}, {series}, {part})
activationBytesService.js
Verwaltung von Audible-Activation-Bytes für AAX-DRM-Handling.
Features:
- SHA-1-Prüfsumme der AAX-Datei berechnen
- Activation Bytes in
aax_activation_bytes-Tabelle cachen - Lookup via
audnexService (wenn konfiguriert)
converterScanService.js
Dateisystem-Überwachung des Converter-Eingangsordners.
Features:
- Vollständiger FS-Baum (
getTree()) - DB-basierter Datei-Explorer (
getEntries()) - Manueller und automatischer Scan (Polling)
- Pfad-Normalisierung mit Traversal-Schutz
- WebSocket-Broadcast:
CONVERTER_SCAN_UPDATE
downloadService.js
Download-Queue für Ausgabedateien aus der Historie.
Features:
- Job in Download-Queue einreihen (
enqueueHistoryJob) - ZIP-Archiv aus Ausgabedateien erstellen (
archiver) - Datei-Streaming via
res.download() - WebSocket-Broadcast:
DOWNLOADS_UPDATED bei Status-Änderungen - Download-Item löschen
cronService.js
Integriertes Cron-System ohne externe Parser-Library.
Features:
- 5-Feld-Cron-Parser +
nextRun-Berechnung - Quellen:
script oder chain - Laufzeitlogs (
cron_run_logs) - manuelles Triggern
- WebSocket-Events:
CRON_JOBS_UPDATED, CRON_JOB_UPDATED
runtimeActivityService.js
In-Memory-Tracking aller laufenden und kürzlich abgeschlossenen Aktivitäten (Skripte, Ketten, Cron-Jobs, Tasks).
Features:
startActivity(type, payload) → Aktivität registrieren, ID zurückgebenupdateActivity(id, patch) → Laufende Aktivität aktualisierencompleteActivity(id, payload) → Aktivität abschließen und in recent verschiebensetControls(id, { cancel, nextStep }) → Steuer-Handler registrieren (für canCancel/canNextStep)requestCancel(id) / requestNextStep(id) → Steuer-Handler aufrufenclearRecent() → Abgeschlossene Aktivitäten löschengetSnapshot() → Snapshot mit active + recent + updatedAt- Broadcasts
RUNTIME_ACTIVITY_CHANGED über WebSocket bei jeder Änderung
Limits:
recent max. 120 Einträgestdout/stderr/output max. 12.000 Zeichenmessage/errorMessage max. 2.000 Zeichen
Vollständige API-Dokumentation: Runtime Activities API
Weitere Services
scriptService.js (CRUD + Test + Wrapper-Ausführung)scriptChainService.js (CRUD + Step-Execution)userPresetService.js (HandBrake User-Presets)hardwareMonitorService.js (CPU/RAM/GPU/Storage)websocketService.js (Client-Registry + Broadcast)notificationService.js (PushOver)cdRipService.js (CD-Ripping mit cdparanoia)musicBrainzService.js (MusicBrainz-Metadaten-Lookup)audnexService.js (Audnex-API für Audiobook-Metadaten)coverArtRecoveryService.js (Cover-Art-Wiederherstellung)thumbnailService.js (Vorschaubild-Generierung)tmdbService.js (Film-/Serien-Metadaten-Suche)logger.js (rotierende Datei-Logs)
Bootstrapping (src/index.js)
Beim Start:
- DB init/migrate
- Pipeline-Init (inkl. Plugin-Registry)
- Cron-Init
- Express-Routes + Error-Handler
- WebSocket-Server auf
/ws - Hardware-Monitoring-Init
- Disk-Detection-Start
- Converter-Scan-Service-Init (Polling falls aktiviert)
\ No newline at end of file
diff --git a/site/architecture/database/index.html b/site/architecture/database/index.html
new file mode 100644
index 0000000..20b53f8
--- /dev/null
+++ b/site/architecture/database/index.html
@@ -0,0 +1,24 @@
+ Datenbank - Ripster
Datenbank
Ripster verwendet SQLite (backend/data/ripster.db).
Tabellen
settings_schema
+settings_values
+jobs
+job_lineage_artifacts
+job_output_folders
+pipeline_state
+scripts
+script_chains
+script_chain_steps
+user_presets
+cron_jobs
+cron_run_logs
+aax_activation_bytes
+user_prefs
+converter_scan_entries
+
jobs
Speichert Pipeline-Lifecycle und Artefakte pro Job.
Zentrale Felder:
- Metadaten:
title, year, imdb_id, poster_url, omdb_json, selected_from_omdb - Laufzeit:
start_time, end_time, status, last_state - Pfade:
raw_path, output_path, encode_input_path - Tool-Ausgaben:
makemkv_info_json, handbrake_info_json, mediainfo_info_json, encode_plan_json - Kontrolle:
encode_review_confirmed, rip_successful, error_message - Medientyp:
media_type (bluray|dvd|cd|audiobook|converter) - Job-Typ/Beziehung:
job_kind, parent_job_id - Multipart-/Disc-Merkmale:
is_multipart_movie, disc_number, metadata_fingerprint - Prüfsumme:
aax_checksum (für AAX-Dateien) - Audit:
created_at, updated_at
Typische job_kind-Werte:
- Standard:
bluray, dvd, cd, audiobook, converter_audio, converter_video, converter_iso - Serien:
dvd_series_container, dvd_series_child - Multipart Film:
multipart_movie_container, multipart_movie_child
Wichtige Indizes:
idx_jobs_statusidx_jobs_parent_job_ididx_jobs_job_kindidx_jobs_disc_numberidx_jobs_metadata_fingerprint
job_lineage_artifacts
Verknüpft Jobs mit ihren Quell-Jobs (z. B. Re-Encode aus einem vorherigen Rip).
Felder:
job_id — der abgeleitete Jobsource_job_id — der Quell-Jobartifact_type — Art der Verknüpfung (z. B. reencode, restart_review)created_at
job_output_folders
Verfolgt Ausgabepfade pro Job (mehrere Ausgaben möglich, z. B. bei Kapitel-Splitting).
Felder:
job_idfolder_pathlabel — optionaler Bezeichnercreated_at
pipeline_state
Singleton-Tabelle (id = 1) für aktiven Snapshot:
stateactive_job_idprogressetastatus_textcontext_jsonupdated_at
settings_schema + settings_values
settings_schema: Definition (Typ, Default, Validation, Reihenfolge)settings_values: aktueller Wert pro Key
scripts, script_chains, script_chain_steps
scripts: Shell-Skripte (name, script_body, order_index)script_chains: Ketten (name, order_index)script_chain_steps: Schritte je Kettestep_type: script oder waitscript_id oder wait_seconds
user_presets
Benannte HandBrake-Preset-Sets:
namemedia_type (bluray|dvd|other|all)handbrake_presetextra_argsdescription
cron_jobs + cron_run_logs
cron_jobs: Zeitplan + Statuscron_run_logs: einzelne Läufestatus: running|success|erroroutputerror_message
aax_activation_bytes
Cache für Audible-Activation-Bytes (AAX-DRM).
Felder:
checksum — SHA-1-Prüfsumme der AAX-Datei (Primärschlüssel)activation_bytes — Hex-String der Activation Bytescreated_at
user_prefs
Benutzer-spezifische Einstellungen (Key-Value).
Felder:
converter_scan_entries
DB-seitige Erfassung gescannter Dateien im Converter-Eingangsordner.
Felder:
rel_path — relativer Pfad zum converter_raw_diris_dir — Verzeichnis-Flagsize — Dateigröße in Bytesmodified_at — Datei-Änderungsdatumjob_id — zugewiesener Converter-Job (falls vorhanden)scanned_at
Migration/Recovery
Beim Start werden Schema und Settings-Metadaten automatisch abgeglichen.
Bei korruptem SQLite-File:
- Datei wird nach
backend/data/corrupt-backups/ verschoben - neue DB wird initialisiert
- Schema wird neu aufgebaut
Direkte Inspektion
sqlite3 backend/data/ripster.db
+
+.mode table
+SELECT id, status, title, media_type, created_at FROM jobs ORDER BY created_at DESC;
+SELECT id, parent_job_id, job_kind, is_multipart_movie, disc_number FROM jobs ORDER BY created_at DESC;
+SELECT key, value FROM settings_values ORDER BY key;
+SELECT checksum, activation_bytes FROM aax_activation_bytes;
+SELECT rel_path, job_id FROM converter_scan_entries;
+
\ No newline at end of file
diff --git a/site/architecture/frontend/index.html b/site/architecture/frontend/index.html
new file mode 100644
index 0000000..61ffecc
--- /dev/null
+++ b/site/architecture/frontend/index.html
@@ -0,0 +1,6 @@
+ Frontend-Komponenten - Ripster
Frontend-Komponenten
Frontend: React + PrimeReact + Vite.
Hauptseiten
RipperPage.jsx
Pipeline-Steuerung:
- Status/Progress/ETA
- Metadaten-Dialog
- Playlist-Entscheidung
- Review-Panel (Track-Auswahl)
- Queue-Interaktion (reorder/add/remove)
- Job-Aktionen (Start/Cancel/Retry/Re-Encode)
- Hardware-Monitoring-Anzeige
- Aktivitäts-Tracking (Skripte, Ketten, Cron)
SettingsPage.jsx
Konfiguration:
- dynamisches Settings-Formular (
DynamicSettingsForm) - Skripte/Ketten inkl. Reorder/Test
- User-Presets
- Cron-Jobs (
CronJobsTab)
HistoryPage.jsx
Historie:
- Job-Liste/Filter
- Job-Details + Logs
- TMDb-Neuzuordnung
- Re-Encode/Restart-Workflows
ConverterPage.jsx
Datei-Converter:
- Datei-Explorer des Converter-Eingangsordners (Baum-Ansicht)
- Upload von Audio/Video-Dateien (bis zu 50 Dateien gleichzeitig)
- Dateiverwaltung: Umbenennen, Verschieben, Löschen, Ordner erstellen
- Jobs aus Dateiauswahl erstellen
- Converter-Job-Konfiguration (Ausgabeformat, Preset, Tracks)
- Job-Start, Abbruch, Löschung
- Automatischer Scan-Status
AudiobooksPage.jsx
Dedizierter AAX-/Audiobook-Flow:
- Upload-Panel für AAX-Dateien
- aktive Audiobook-Jobkarten mit Start/Cancel/Retry/Delete
- Audiobook-Konfigurationspanel und Output-Explorer
DownloadsPage.jsx
Download-Queue:
- Ausgabedateien aus der Job-Historie in die Queue einreihen
- Download-Status verfolgen (ausstehend, wird verarbeitet, bereit, fehlgeschlagen)
- Dateien als ZIP herunterladen
- Download-Einträge löschen
DatabasePage.jsx
Expert-Modus:
- Tabellarische Rohsicht der Job-Datenbank
- Orphan-RAW-Import
Wichtige Komponenten
PipelineStatusCard.jsx — Pipeline-Status-Anzeige mit ProgressMetadataSelectionDialog.jsx — TMDb-Metadaten-AuswahlMediaInfoReviewPanel.jsx — Track-Auswahl-Interface (Video/Audio/Untertitel)JobDetailDialog.jsx — Job-Detailansicht mit LogsCronJobsTab.jsx — Cron-Job-VerwaltungDynamicSettingsForm.jsx — Schema-gesteuertes EinstellungsformularConverterJobCard.jsx — Converter-Job-DarstellungCdRipConfigPanel.jsx — Konfiguration für Audio-CD-Ripping
API-Client (api/client.js)
- zentraler
request() mit JSON-Handling - Fehlerobjekt aus API wird auf
Error(message) gemappt VITE_API_BASE default /api
WebSocket (hooks/useWebSocket.js)
- URL:
VITE_WS_URL oder automatisch ws(s)://<host>/ws - Auto-Reconnect mit 1500ms Intervall
In App.jsx werden u. a. verarbeitet:
PIPELINE_STATE_CHANGEDPIPELINE_PROGRESSPIPELINE_QUEUE_CHANGED- Disk erkannt / Disk entfernt
HARDWARE_MONITOR_UPDATEDOWNLOADS_UPDATEDCONVERTER_SCAN_UPDATERUNTIME_ACTIVITY_CHANGED
Build/Run
# dev
+npm run dev --prefix frontend
+
+# prod build
+npm run build --prefix frontend
+
\ No newline at end of file
diff --git a/site/architecture/index.html b/site/architecture/index.html
new file mode 100644
index 0000000..67a7900
--- /dev/null
+++ b/site/architecture/index.html
@@ -0,0 +1,29 @@
+ Anhang: Architektur - Ripster
Anhang: Architektur
Ripster ist eine Client-Server-Anwendung mit REST + WebSocket und externen CLI-Tools.
Systemüberblick
graph TB
+ subgraph Browser["Browser (React)"]
+ Ripper[Ripper]
+ Settings[Einstellungen]
+ History[Historie]
+ end
+
+ subgraph Backend["Node.js Backend"]
+ API[REST API\nExpress]
+ WS[WebSocket\n/ws]
+ Pipeline[pipelineService]
+ Cron[cronService]
+ DB[(SQLite)]
+ end
+
+ subgraph Tools["Externe Tools"]
+ MakeMKV[makemkvcon]
+ HandBrake[HandBrakeCLI]
+ MediaInfo[mediainfo]
+ end
+
+ Browser <-->|HTTP| API
+ Browser <-->|WebSocket| WS
+ Pipeline --> MakeMKV
+ Pipeline --> HandBrake
+ Pipeline --> MediaInfo
+ API --> DB
+ Pipeline --> DB
+ Cron --> DB
Details
\ No newline at end of file
diff --git a/site/architecture/overview/index.html b/site/architecture/overview/index.html
new file mode 100644
index 0000000..8b37b1a
--- /dev/null
+++ b/site/architecture/overview/index.html
@@ -0,0 +1,11 @@
+ Übersicht - Ripster
Architektur-Übersicht
Kernprinzipien
Event-getriebene Pipeline
pipelineService hält einen Snapshot der State-Machine und broadcastet Änderungen sofort via WebSocket.
State-Änderung -> PIPELINE_STATE_CHANGED/PIPELINE_PROGRESS -> Frontend-Update
+
Service-Layer
Route -> Service -> DB/Tool-Execution
+
Routes enthalten kaum Business-Logik.
Schema-getriebene Settings
Settings sind DB-schema-getrieben (settings_schema + settings_values), UI rendert dynamisch aus diesen Daten.
Echtzeit-Kommunikation
WebSocket läuft auf /ws.
Wichtige Events:
PIPELINE_STATE_CHANGED, PIPELINE_PROGRESS, PIPELINE_QUEUE_CHANGED- Disk erkannt, Disk entfernt
HARDWARE_MONITOR_UPDATESETTINGS_UPDATED, SETTINGS_BULK_UPDATEDSETTINGS_SCRIPTS_UPDATED, SETTINGS_SCRIPT_CHAINS_UPDATED, USER_PRESETS_UPDATEDCRON_JOBS_UPDATED, CRON_JOB_UPDATEDPIPELINE_ERROR, DISK_DETECTION_ERROR
Prozessausführung
Externe Tools werden als Child-Processes gestartet (processRunner):
- Streaming von stdout/stderr
- Progress-Parsing (
progressParsers.js) - kontrollierter Abbruch (SIGINT/SIGKILL-Fallback)
Persistenz
SQLite-Datei: backend/data/ripster.db
Kern-Tabellen:
jobs, pipeline_statesettings_schema, settings_valuesscripts, script_chains, script_chain_stepsuser_presetscron_jobs, cron_run_logs
Beim Start werden Schema und Settings-Migrationen automatisch ausgeführt.
Fehlerbehandlung
Zentrales Error-Handling liefert:
{
+ "error": {
+ "message": "...",
+ "statusCode": 400,
+ "reqId": "...",
+ "details": []
+ }
+}
+
Fehlgeschlagene Jobs bleiben in der Historie (Fehler oder Abgebrochen) und können erneut gestartet werden.
CORS & Runtime-Konfig
CORS_ORIGIN default: *LOG_LEVEL default: info- DB-/Log-Pfade über
DB_PATH/LOG_DIR konfigurierbar
\ No newline at end of file
diff --git a/site/assets/images/favicon.png b/site/assets/images/favicon.png
new file mode 100644
index 0000000..1cf13b9
Binary files /dev/null and b/site/assets/images/favicon.png differ
diff --git a/site/assets/javascripts/bundle.e71a0d61.min.js b/site/assets/javascripts/bundle.e71a0d61.min.js
new file mode 100644
index 0000000..c76b3b2
--- /dev/null
+++ b/site/assets/javascripts/bundle.e71a0d61.min.js
@@ -0,0 +1,16 @@
+"use strict";(()=>{var Zi=Object.create;var _r=Object.defineProperty;var ea=Object.getOwnPropertyDescriptor;var ta=Object.getOwnPropertyNames,Bt=Object.getOwnPropertySymbols,ra=Object.getPrototypeOf,Ar=Object.prototype.hasOwnProperty,bo=Object.prototype.propertyIsEnumerable;var ho=(e,t,r)=>t in e?_r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,P=(e,t)=>{for(var r in t||(t={}))Ar.call(t,r)&&ho(e,r,t[r]);if(Bt)for(var r of Bt(t))bo.call(t,r)&&ho(e,r,t[r]);return e};var vo=(e,t)=>{var r={};for(var o in e)Ar.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&Bt)for(var o of Bt(e))t.indexOf(o)<0&&bo.call(e,o)&&(r[o]=e[o]);return r};var Cr=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var oa=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ta(t))!Ar.call(e,n)&&n!==r&&_r(e,n,{get:()=>t[n],enumerable:!(o=ea(t,n))||o.enumerable});return e};var $t=(e,t,r)=>(r=e!=null?Zi(ra(e)):{},oa(t||!e||!e.__esModule?_r(r,"default",{value:e,enumerable:!0}):r,e));var go=(e,t,r)=>new Promise((o,n)=>{var i=c=>{try{a(r.next(c))}catch(p){n(p)}},s=c=>{try{a(r.throw(c))}catch(p){n(p)}},a=c=>c.done?o(c.value):Promise.resolve(c.value).then(i,s);a((r=r.apply(e,t)).next())});var xo=Cr((kr,yo)=>{(function(e,t){typeof kr=="object"&&typeof yo!="undefined"?t():typeof define=="function"&&define.amd?define(t):t()})(kr,(function(){"use strict";function e(r){var o=!0,n=!1,i=null,s={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function a(k){return!!(k&&k!==document&&k.nodeName!=="HTML"&&k.nodeName!=="BODY"&&"classList"in k&&"contains"in k.classList)}function c(k){var ut=k.type,je=k.tagName;return!!(je==="INPUT"&&s[ut]&&!k.readOnly||je==="TEXTAREA"&&!k.readOnly||k.isContentEditable)}function p(k){k.classList.contains("focus-visible")||(k.classList.add("focus-visible"),k.setAttribute("data-focus-visible-added",""))}function l(k){k.hasAttribute("data-focus-visible-added")&&(k.classList.remove("focus-visible"),k.removeAttribute("data-focus-visible-added"))}function f(k){k.metaKey||k.altKey||k.ctrlKey||(a(r.activeElement)&&p(r.activeElement),o=!0)}function u(k){o=!1}function d(k){a(k.target)&&(o||c(k.target))&&p(k.target)}function v(k){a(k.target)&&(k.target.classList.contains("focus-visible")||k.target.hasAttribute("data-focus-visible-added"))&&(n=!0,window.clearTimeout(i),i=window.setTimeout(function(){n=!1},100),l(k.target))}function S(k){document.visibilityState==="hidden"&&(n&&(o=!0),X())}function X(){document.addEventListener("mousemove",ee),document.addEventListener("mousedown",ee),document.addEventListener("mouseup",ee),document.addEventListener("pointermove",ee),document.addEventListener("pointerdown",ee),document.addEventListener("pointerup",ee),document.addEventListener("touchmove",ee),document.addEventListener("touchstart",ee),document.addEventListener("touchend",ee)}function re(){document.removeEventListener("mousemove",ee),document.removeEventListener("mousedown",ee),document.removeEventListener("mouseup",ee),document.removeEventListener("pointermove",ee),document.removeEventListener("pointerdown",ee),document.removeEventListener("pointerup",ee),document.removeEventListener("touchmove",ee),document.removeEventListener("touchstart",ee),document.removeEventListener("touchend",ee)}function ee(k){k.target.nodeName&&k.target.nodeName.toLowerCase()==="html"||(o=!1,re())}document.addEventListener("keydown",f,!0),document.addEventListener("mousedown",u,!0),document.addEventListener("pointerdown",u,!0),document.addEventListener("touchstart",u,!0),document.addEventListener("visibilitychange",S,!0),X(),r.addEventListener("focus",d,!0),r.addEventListener("blur",v,!0),r.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&r.host?r.host.setAttribute("data-js-focus-visible",""):r.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if(typeof window!="undefined"&&typeof document!="undefined"){window.applyFocusVisiblePolyfill=e;var t;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(r){t=document.createEvent("CustomEvent"),t.initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}typeof document!="undefined"&&e(document)}))});var ro=Cr((jy,Rn)=>{"use strict";/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */var qa=/["'&<>]/;Rn.exports=Ka;function Ka(e){var t=""+e,r=qa.exec(t);if(!r)return t;var o,n="",i=0,s=0;for(i=r.index;i{/*!
+ * clipboard.js v2.0.11
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */(function(t,r){typeof Nt=="object"&&typeof io=="object"?io.exports=r():typeof define=="function"&&define.amd?define([],r):typeof Nt=="object"?Nt.ClipboardJS=r():t.ClipboardJS=r()})(Nt,function(){return(function(){var e={686:(function(o,n,i){"use strict";i.d(n,{default:function(){return Xi}});var s=i(279),a=i.n(s),c=i(370),p=i.n(c),l=i(817),f=i.n(l);function u(q){try{return document.execCommand(q)}catch(C){return!1}}var d=function(C){var _=f()(C);return u("cut"),_},v=d;function S(q){var C=document.documentElement.getAttribute("dir")==="rtl",_=document.createElement("textarea");_.style.fontSize="12pt",_.style.border="0",_.style.padding="0",_.style.margin="0",_.style.position="absolute",_.style[C?"right":"left"]="-9999px";var D=window.pageYOffset||document.documentElement.scrollTop;return _.style.top="".concat(D,"px"),_.setAttribute("readonly",""),_.value=q,_}var X=function(C,_){var D=S(C);_.container.appendChild(D);var N=f()(D);return u("copy"),D.remove(),N},re=function(C){var _=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{container:document.body},D="";return typeof C=="string"?D=X(C,_):C instanceof HTMLInputElement&&!["text","search","url","tel","password"].includes(C==null?void 0:C.type)?D=X(C.value,_):(D=f()(C),u("copy")),D},ee=re;function k(q){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?k=function(_){return typeof _}:k=function(_){return _&&typeof Symbol=="function"&&_.constructor===Symbol&&_!==Symbol.prototype?"symbol":typeof _},k(q)}var ut=function(){var C=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},_=C.action,D=_===void 0?"copy":_,N=C.container,G=C.target,We=C.text;if(D!=="copy"&&D!=="cut")throw new Error('Invalid "action" value, use either "copy" or "cut"');if(G!==void 0)if(G&&k(G)==="object"&&G.nodeType===1){if(D==="copy"&&G.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if(D==="cut"&&(G.hasAttribute("readonly")||G.hasAttribute("disabled")))throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`)}else throw new Error('Invalid "target" value, use a valid Element');if(We)return ee(We,{container:N});if(G)return D==="cut"?v(G):ee(G,{container:N})},je=ut;function R(q){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?R=function(_){return typeof _}:R=function(_){return _&&typeof Symbol=="function"&&_.constructor===Symbol&&_!==Symbol.prototype?"symbol":typeof _},R(q)}function se(q,C){if(!(q instanceof C))throw new TypeError("Cannot call a class as a function")}function ce(q,C){for(var _=0;_0&&arguments[0]!==void 0?arguments[0]:{};this.action=typeof N.action=="function"?N.action:this.defaultAction,this.target=typeof N.target=="function"?N.target:this.defaultTarget,this.text=typeof N.text=="function"?N.text:this.defaultText,this.container=R(N.container)==="object"?N.container:document.body}},{key:"listenClick",value:function(N){var G=this;this.listener=p()(N,"click",function(We){return G.onClick(We)})}},{key:"onClick",value:function(N){var G=N.delegateTarget||N.currentTarget,We=this.action(G)||"copy",Yt=je({action:We,container:this.container,target:this.target(G),text:this.text(G)});this.emit(Yt?"success":"error",{action:We,text:Yt,trigger:G,clearSelection:function(){G&&G.focus(),window.getSelection().removeAllRanges()}})}},{key:"defaultAction",value:function(N){return Mr("action",N)}},{key:"defaultTarget",value:function(N){var G=Mr("target",N);if(G)return document.querySelector(G)}},{key:"defaultText",value:function(N){return Mr("text",N)}},{key:"destroy",value:function(){this.listener.destroy()}}],[{key:"copy",value:function(N){var G=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{container:document.body};return ee(N,G)}},{key:"cut",value:function(N){return v(N)}},{key:"isSupported",value:function(){var N=arguments.length>0&&arguments[0]!==void 0?arguments[0]:["copy","cut"],G=typeof N=="string"?[N]:N,We=!!document.queryCommandSupported;return G.forEach(function(Yt){We=We&&!!document.queryCommandSupported(Yt)}),We}}]),_})(a()),Xi=Ji}),828:(function(o){var n=9;if(typeof Element!="undefined"&&!Element.prototype.matches){var i=Element.prototype;i.matches=i.matchesSelector||i.mozMatchesSelector||i.msMatchesSelector||i.oMatchesSelector||i.webkitMatchesSelector}function s(a,c){for(;a&&a.nodeType!==n;){if(typeof a.matches=="function"&&a.matches(c))return a;a=a.parentNode}}o.exports=s}),438:(function(o,n,i){var s=i(828);function a(l,f,u,d,v){var S=p.apply(this,arguments);return l.addEventListener(u,S,v),{destroy:function(){l.removeEventListener(u,S,v)}}}function c(l,f,u,d,v){return typeof l.addEventListener=="function"?a.apply(null,arguments):typeof u=="function"?a.bind(null,document).apply(null,arguments):(typeof l=="string"&&(l=document.querySelectorAll(l)),Array.prototype.map.call(l,function(S){return a(S,f,u,d,v)}))}function p(l,f,u,d){return function(v){v.delegateTarget=s(v.target,f),v.delegateTarget&&d.call(l,v)}}o.exports=c}),879:(function(o,n){n.node=function(i){return i!==void 0&&i instanceof HTMLElement&&i.nodeType===1},n.nodeList=function(i){var s=Object.prototype.toString.call(i);return i!==void 0&&(s==="[object NodeList]"||s==="[object HTMLCollection]")&&"length"in i&&(i.length===0||n.node(i[0]))},n.string=function(i){return typeof i=="string"||i instanceof String},n.fn=function(i){var s=Object.prototype.toString.call(i);return s==="[object Function]"}}),370:(function(o,n,i){var s=i(879),a=i(438);function c(u,d,v){if(!u&&!d&&!v)throw new Error("Missing required arguments");if(!s.string(d))throw new TypeError("Second argument must be a String");if(!s.fn(v))throw new TypeError("Third argument must be a Function");if(s.node(u))return p(u,d,v);if(s.nodeList(u))return l(u,d,v);if(s.string(u))return f(u,d,v);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function p(u,d,v){return u.addEventListener(d,v),{destroy:function(){u.removeEventListener(d,v)}}}function l(u,d,v){return Array.prototype.forEach.call(u,function(S){S.addEventListener(d,v)}),{destroy:function(){Array.prototype.forEach.call(u,function(S){S.removeEventListener(d,v)})}}}function f(u,d,v){return a(document.body,u,d,v)}o.exports=c}),817:(function(o){function n(i){var s;if(i.nodeName==="SELECT")i.focus(),s=i.value;else if(i.nodeName==="INPUT"||i.nodeName==="TEXTAREA"){var a=i.hasAttribute("readonly");a||i.setAttribute("readonly",""),i.select(),i.setSelectionRange(0,i.value.length),a||i.removeAttribute("readonly"),s=i.value}else{i.hasAttribute("contenteditable")&&i.focus();var c=window.getSelection(),p=document.createRange();p.selectNodeContents(i),c.removeAllRanges(),c.addRange(p),s=c.toString()}return s}o.exports=n}),279:(function(o){function n(){}n.prototype={on:function(i,s,a){var c=this.e||(this.e={});return(c[i]||(c[i]=[])).push({fn:s,ctx:a}),this},once:function(i,s,a){var c=this;function p(){c.off(i,p),s.apply(a,arguments)}return p._=s,this.on(i,p,a)},emit:function(i){var s=[].slice.call(arguments,1),a=((this.e||(this.e={}))[i]||[]).slice(),c=0,p=a.length;for(c;c0&&i[i.length-1])&&(p[0]===6||p[0]===2)){r=0;continue}if(p[0]===3&&(!i||p[1]>i[0]&&p[1]=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function K(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var o=r.call(e),n,i=[],s;try{for(;(t===void 0||t-- >0)&&!(n=o.next()).done;)i.push(n.value)}catch(a){s={error:a}}finally{try{n&&!n.done&&(r=o.return)&&r.call(o)}finally{if(s)throw s.error}}return i}function B(e,t,r){if(r||arguments.length===2)for(var o=0,n=t.length,i;o1||c(d,S)})},v&&(n[d]=v(n[d])))}function c(d,v){try{p(o[d](v))}catch(S){u(i[0][3],S)}}function p(d){d.value instanceof dt?Promise.resolve(d.value.v).then(l,f):u(i[0][2],d)}function l(d){c("next",d)}function f(d){c("throw",d)}function u(d,v){d(v),i.shift(),i.length&&c(i[0][0],i[0][1])}}function To(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=e[Symbol.asyncIterator],r;return t?t.call(e):(e=typeof Oe=="function"?Oe(e):e[Symbol.iterator](),r={},o("next"),o("throw"),o("return"),r[Symbol.asyncIterator]=function(){return this},r);function o(i){r[i]=e[i]&&function(s){return new Promise(function(a,c){s=e[i](s),n(a,c,s.done,s.value)})}}function n(i,s,a,c){Promise.resolve(c).then(function(p){i({value:p,done:a})},s)}}function I(e){return typeof e=="function"}function yt(e){var t=function(o){Error.call(o),o.stack=new Error().stack},r=e(t);return r.prototype=Object.create(Error.prototype),r.prototype.constructor=r,r}var Jt=yt(function(e){return function(r){e(this),this.message=r?r.length+` errors occurred during unsubscription:
+`+r.map(function(o,n){return n+1+") "+o.toString()}).join(`
+ `):"",this.name="UnsubscriptionError",this.errors=r}});function Ze(e,t){if(e){var r=e.indexOf(t);0<=r&&e.splice(r,1)}}var qe=(function(){function e(t){this.initialTeardown=t,this.closed=!1,this._parentage=null,this._finalizers=null}return e.prototype.unsubscribe=function(){var t,r,o,n,i;if(!this.closed){this.closed=!0;var s=this._parentage;if(s)if(this._parentage=null,Array.isArray(s))try{for(var a=Oe(s),c=a.next();!c.done;c=a.next()){var p=c.value;p.remove(this)}}catch(S){t={error:S}}finally{try{c&&!c.done&&(r=a.return)&&r.call(a)}finally{if(t)throw t.error}}else s.remove(this);var l=this.initialTeardown;if(I(l))try{l()}catch(S){i=S instanceof Jt?S.errors:[S]}var f=this._finalizers;if(f){this._finalizers=null;try{for(var u=Oe(f),d=u.next();!d.done;d=u.next()){var v=d.value;try{So(v)}catch(S){i=i!=null?i:[],S instanceof Jt?i=B(B([],K(i)),K(S.errors)):i.push(S)}}}catch(S){o={error:S}}finally{try{d&&!d.done&&(n=u.return)&&n.call(u)}finally{if(o)throw o.error}}}if(i)throw new Jt(i)}},e.prototype.add=function(t){var r;if(t&&t!==this)if(this.closed)So(t);else{if(t instanceof e){if(t.closed||t._hasParent(this))return;t._addParent(this)}(this._finalizers=(r=this._finalizers)!==null&&r!==void 0?r:[]).push(t)}},e.prototype._hasParent=function(t){var r=this._parentage;return r===t||Array.isArray(r)&&r.includes(t)},e.prototype._addParent=function(t){var r=this._parentage;this._parentage=Array.isArray(r)?(r.push(t),r):r?[r,t]:t},e.prototype._removeParent=function(t){var r=this._parentage;r===t?this._parentage=null:Array.isArray(r)&&Ze(r,t)},e.prototype.remove=function(t){var r=this._finalizers;r&&Ze(r,t),t instanceof e&&t._removeParent(this)},e.EMPTY=(function(){var t=new e;return t.closed=!0,t})(),e})();var $r=qe.EMPTY;function Xt(e){return e instanceof qe||e&&"closed"in e&&I(e.remove)&&I(e.add)&&I(e.unsubscribe)}function So(e){I(e)?e():e.unsubscribe()}var De={onUnhandledError:null,onStoppedNotification:null,Promise:void 0,useDeprecatedSynchronousErrorHandling:!1,useDeprecatedNextContext:!1};var xt={setTimeout:function(e,t){for(var r=[],o=2;o0},enumerable:!1,configurable:!0}),t.prototype._trySubscribe=function(r){return this._throwIfClosed(),e.prototype._trySubscribe.call(this,r)},t.prototype._subscribe=function(r){return this._throwIfClosed(),this._checkFinalizedStatuses(r),this._innerSubscribe(r)},t.prototype._innerSubscribe=function(r){var o=this,n=this,i=n.hasError,s=n.isStopped,a=n.observers;return i||s?$r:(this.currentObservers=null,a.push(r),new qe(function(){o.currentObservers=null,Ze(a,r)}))},t.prototype._checkFinalizedStatuses=function(r){var o=this,n=o.hasError,i=o.thrownError,s=o.isStopped;n?r.error(i):s&&r.complete()},t.prototype.asObservable=function(){var r=new F;return r.source=this,r},t.create=function(r,o){return new Ho(r,o)},t})(F);var Ho=(function(e){ie(t,e);function t(r,o){var n=e.call(this)||this;return n.destination=r,n.source=o,n}return t.prototype.next=function(r){var o,n;(n=(o=this.destination)===null||o===void 0?void 0:o.next)===null||n===void 0||n.call(o,r)},t.prototype.error=function(r){var o,n;(n=(o=this.destination)===null||o===void 0?void 0:o.error)===null||n===void 0||n.call(o,r)},t.prototype.complete=function(){var r,o;(o=(r=this.destination)===null||r===void 0?void 0:r.complete)===null||o===void 0||o.call(r)},t.prototype._subscribe=function(r){var o,n;return(n=(o=this.source)===null||o===void 0?void 0:o.subscribe(r))!==null&&n!==void 0?n:$r},t})(T);var jr=(function(e){ie(t,e);function t(r){var o=e.call(this)||this;return o._value=r,o}return Object.defineProperty(t.prototype,"value",{get:function(){return this.getValue()},enumerable:!1,configurable:!0}),t.prototype._subscribe=function(r){var o=e.prototype._subscribe.call(this,r);return!o.closed&&r.next(this._value),o},t.prototype.getValue=function(){var r=this,o=r.hasError,n=r.thrownError,i=r._value;if(o)throw n;return this._throwIfClosed(),i},t.prototype.next=function(r){e.prototype.next.call(this,this._value=r)},t})(T);var Rt={now:function(){return(Rt.delegate||Date).now()},delegate:void 0};var It=(function(e){ie(t,e);function t(r,o,n){r===void 0&&(r=1/0),o===void 0&&(o=1/0),n===void 0&&(n=Rt);var i=e.call(this)||this;return i._bufferSize=r,i._windowTime=o,i._timestampProvider=n,i._buffer=[],i._infiniteTimeWindow=!0,i._infiniteTimeWindow=o===1/0,i._bufferSize=Math.max(1,r),i._windowTime=Math.max(1,o),i}return t.prototype.next=function(r){var o=this,n=o.isStopped,i=o._buffer,s=o._infiniteTimeWindow,a=o._timestampProvider,c=o._windowTime;n||(i.push(r),!s&&i.push(a.now()+c)),this._trimBuffer(),e.prototype.next.call(this,r)},t.prototype._subscribe=function(r){this._throwIfClosed(),this._trimBuffer();for(var o=this._innerSubscribe(r),n=this,i=n._infiniteTimeWindow,s=n._buffer,a=s.slice(),c=0;c0?e.prototype.schedule.call(this,r,o):(this.delay=o,this.state=r,this.scheduler.flush(this),this)},t.prototype.execute=function(r,o){return o>0||this.closed?e.prototype.execute.call(this,r,o):this._execute(r,o)},t.prototype.requestAsyncId=function(r,o,n){return n===void 0&&(n=0),n!=null&&n>0||n==null&&this.delay>0?e.prototype.requestAsyncId.call(this,r,o,n):(r.flush(this),0)},t})(St);var Ro=(function(e){ie(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t})(Ot);var Dr=new Ro(Po);var Io=(function(e){ie(t,e);function t(r,o){var n=e.call(this,r,o)||this;return n.scheduler=r,n.work=o,n}return t.prototype.requestAsyncId=function(r,o,n){return n===void 0&&(n=0),n!==null&&n>0?e.prototype.requestAsyncId.call(this,r,o,n):(r.actions.push(this),r._scheduled||(r._scheduled=Tt.requestAnimationFrame(function(){return r.flush(void 0)})))},t.prototype.recycleAsyncId=function(r,o,n){var i;if(n===void 0&&(n=0),n!=null?n>0:this.delay>0)return e.prototype.recycleAsyncId.call(this,r,o,n);var s=r.actions;o!=null&&o===r._scheduled&&((i=s[s.length-1])===null||i===void 0?void 0:i.id)!==o&&(Tt.cancelAnimationFrame(o),r._scheduled=void 0)},t})(St);var Fo=(function(e){ie(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.flush=function(r){this._active=!0;var o;r?o=r.id:(o=this._scheduled,this._scheduled=void 0);var n=this.actions,i;r=r||n.shift();do if(i=r.execute(r.state,r.delay))break;while((r=n[0])&&r.id===o&&n.shift());if(this._active=!1,i){for(;(r=n[0])&&r.id===o&&n.shift();)r.unsubscribe();throw i}},t})(Ot);var ye=new Fo(Io);var y=new F(function(e){return e.complete()});function tr(e){return e&&I(e.schedule)}function Vr(e){return e[e.length-1]}function pt(e){return I(Vr(e))?e.pop():void 0}function Fe(e){return tr(Vr(e))?e.pop():void 0}function rr(e,t){return typeof Vr(e)=="number"?e.pop():t}var Lt=(function(e){return e&&typeof e.length=="number"&&typeof e!="function"});function or(e){return I(e==null?void 0:e.then)}function nr(e){return I(e[wt])}function ir(e){return Symbol.asyncIterator&&I(e==null?void 0:e[Symbol.asyncIterator])}function ar(e){return new TypeError("You provided "+(e!==null&&typeof e=="object"?"an invalid object":"'"+e+"'")+" where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.")}function fa(){return typeof Symbol!="function"||!Symbol.iterator?"@@iterator":Symbol.iterator}var sr=fa();function cr(e){return I(e==null?void 0:e[sr])}function pr(e){return wo(this,arguments,function(){var r,o,n,i;return Gt(this,function(s){switch(s.label){case 0:r=e.getReader(),s.label=1;case 1:s.trys.push([1,,9,10]),s.label=2;case 2:return[4,dt(r.read())];case 3:return o=s.sent(),n=o.value,i=o.done,i?[4,dt(void 0)]:[3,5];case 4:return[2,s.sent()];case 5:return[4,dt(n)];case 6:return[4,s.sent()];case 7:return s.sent(),[3,2];case 8:return[3,10];case 9:return r.releaseLock(),[7];case 10:return[2]}})})}function lr(e){return I(e==null?void 0:e.getReader)}function U(e){if(e instanceof F)return e;if(e!=null){if(nr(e))return ua(e);if(Lt(e))return da(e);if(or(e))return ha(e);if(ir(e))return jo(e);if(cr(e))return ba(e);if(lr(e))return va(e)}throw ar(e)}function ua(e){return new F(function(t){var r=e[wt]();if(I(r.subscribe))return r.subscribe(t);throw new TypeError("Provided object does not correctly implement Symbol.observable")})}function da(e){return new F(function(t){for(var r=0;r=2;return function(o){return o.pipe(e?g(function(n,i){return e(n,i,o)}):be,Ee(1),r?Qe(t):tn(function(){return new fr}))}}function Yr(e){return e<=0?function(){return y}:E(function(t,r){var o=[];t.subscribe(w(r,function(n){o.push(n),e=2,!0))}function le(e){e===void 0&&(e={});var t=e.connector,r=t===void 0?function(){return new T}:t,o=e.resetOnError,n=o===void 0?!0:o,i=e.resetOnComplete,s=i===void 0?!0:i,a=e.resetOnRefCountZero,c=a===void 0?!0:a;return function(p){var l,f,u,d=0,v=!1,S=!1,X=function(){f==null||f.unsubscribe(),f=void 0},re=function(){X(),l=u=void 0,v=S=!1},ee=function(){var k=l;re(),k==null||k.unsubscribe()};return E(function(k,ut){d++,!S&&!v&&X();var je=u=u!=null?u:r();ut.add(function(){d--,d===0&&!S&&!v&&(f=Br(ee,c))}),je.subscribe(ut),!l&&d>0&&(l=new bt({next:function(R){return je.next(R)},error:function(R){S=!0,X(),f=Br(re,n,R),je.error(R)},complete:function(){v=!0,X(),f=Br(re,s),je.complete()}}),U(k).subscribe(l))})(p)}}function Br(e,t){for(var r=[],o=2;oe.next(document)),e}function M(e,t=document){return Array.from(t.querySelectorAll(e))}function j(e,t=document){let r=ue(e,t);if(typeof r=="undefined")throw new ReferenceError(`Missing element: expected "${e}" to be present`);return r}function ue(e,t=document){return t.querySelector(e)||void 0}function Ne(){var e,t,r,o;return(o=(r=(t=(e=document.activeElement)==null?void 0:e.shadowRoot)==null?void 0:t.activeElement)!=null?r:document.activeElement)!=null?o:void 0}var Ra=L(h(document.body,"focusin"),h(document.body,"focusout")).pipe(Ae(1),Q(void 0),m(()=>Ne()||document.body),Z(1));function Ye(e){return Ra.pipe(m(t=>e.contains(t)),Y())}function it(e,t){return H(()=>L(h(e,"mouseenter").pipe(m(()=>!0)),h(e,"mouseleave").pipe(m(()=>!1))).pipe(t?jt(r=>He(+!r*t)):be,Q(e.matches(":hover"))))}function sn(e,t){if(typeof t=="string"||typeof t=="number")e.innerHTML+=t.toString();else if(t instanceof Node)e.appendChild(t);else if(Array.isArray(t))for(let r of t)sn(e,r)}function x(e,t,...r){let o=document.createElement(e);if(t)for(let n of Object.keys(t))typeof t[n]!="undefined"&&(typeof t[n]!="boolean"?o.setAttribute(n,t[n]):o.setAttribute(n,""));for(let n of r)sn(o,n);return o}function br(e){if(e>999){let t=+((e-950)%1e3>99);return`${((e+1e-6)/1e3).toFixed(t)}k`}else return e.toString()}function _t(e){let t=x("script",{src:e});return H(()=>(document.head.appendChild(t),L(h(t,"load"),h(t,"error").pipe(b(()=>Nr(()=>new ReferenceError(`Invalid script: ${e}`))))).pipe(m(()=>{}),A(()=>document.head.removeChild(t)),Ee(1))))}var cn=new T,Ia=H(()=>typeof ResizeObserver=="undefined"?_t("https://unpkg.com/resize-observer-polyfill"):$(void 0)).pipe(m(()=>new ResizeObserver(e=>e.forEach(t=>cn.next(t)))),b(e=>L(tt,$(e)).pipe(A(()=>e.disconnect()))),Z(1));function de(e){return{width:e.offsetWidth,height:e.offsetHeight}}function Le(e){let t=e;for(;t.clientWidth===0&&t.parentElement;)t=t.parentElement;return Ia.pipe(O(r=>r.observe(t)),b(r=>cn.pipe(g(o=>o.target===t),A(()=>r.unobserve(t)))),m(()=>de(e)),Q(de(e)))}function At(e){return{width:e.scrollWidth,height:e.scrollHeight}}function vr(e){let t=e.parentElement;for(;t&&(e.scrollWidth<=t.scrollWidth&&e.scrollHeight<=t.scrollHeight);)t=(e=t).parentElement;return t?e:void 0}function pn(e){let t=[],r=e.parentElement;for(;r;)(e.clientWidth>r.clientWidth||e.clientHeight>r.clientHeight)&&t.push(r),r=(e=r).parentElement;return t.length===0&&t.push(document.documentElement),t}function Be(e){return{x:e.offsetLeft,y:e.offsetTop}}function ln(e){let t=e.getBoundingClientRect();return{x:t.x+window.scrollX,y:t.y+window.scrollY}}function mn(e){return L(h(window,"load"),h(window,"resize")).pipe($e(0,ye),m(()=>Be(e)),Q(Be(e)))}function gr(e){return{x:e.scrollLeft,y:e.scrollTop}}function Ge(e){return L(h(e,"scroll"),h(window,"scroll"),h(window,"resize")).pipe($e(0,ye),m(()=>gr(e)),Q(gr(e)))}var fn=new T,Fa=H(()=>$(new IntersectionObserver(e=>{for(let t of e)fn.next(t)},{threshold:0}))).pipe(b(e=>L(tt,$(e)).pipe(A(()=>e.disconnect()))),Z(1));function mt(e){return Fa.pipe(O(t=>t.observe(e)),b(t=>fn.pipe(g(({target:r})=>r===e),A(()=>t.unobserve(e)),m(({isIntersecting:r})=>r))))}function un(e,t=16){return Ge(e).pipe(m(({y:r})=>{let o=de(e),n=At(e);return r>=n.height-o.height-t}),Y())}var yr={drawer:j("[data-md-toggle=drawer]"),search:j("[data-md-toggle=search]")};function dn(e){return yr[e].checked}function at(e,t){yr[e].checked!==t&&yr[e].click()}function Je(e){let t=yr[e];return h(t,"change").pipe(m(()=>t.checked),Q(t.checked))}function ja(e,t){switch(e.constructor){case HTMLInputElement:return e.type==="radio"?/^Arrow/.test(t):!0;case HTMLSelectElement:case HTMLTextAreaElement:return!0;default:return e.isContentEditable}}function Ua(){return L(h(window,"compositionstart").pipe(m(()=>!0)),h(window,"compositionend").pipe(m(()=>!1))).pipe(Q(!1))}function hn(){let e=h(window,"keydown").pipe(g(t=>!(t.metaKey||t.ctrlKey)),m(t=>({mode:dn("search")?"search":"global",type:t.key,claim(){t.preventDefault(),t.stopPropagation()}})),g(({mode:t,type:r})=>{if(t==="global"){let o=Ne();if(typeof o!="undefined")return!ja(o,r)}return!0}),le());return Ua().pipe(b(t=>t?y:e))}function we(){return new URL(location.href)}function st(e,t=!1){if(V("navigation.instant")&&!t){let r=x("a",{href:e.href});document.body.appendChild(r),r.click(),r.remove()}else location.href=e.href}function bn(){return new T}function vn(){return location.hash.slice(1)}function gn(e){let t=x("a",{href:e});t.addEventListener("click",r=>r.stopPropagation()),t.click()}function Zr(e){return L(h(window,"hashchange"),e).pipe(m(vn),Q(vn()),g(t=>t.length>0),Z(1))}function yn(e){return Zr(e).pipe(m(t=>ue(`[id="${t}"]`)),g(t=>typeof t!="undefined"))}function Wt(e){let t=matchMedia(e);return ur(r=>t.addListener(()=>r(t.matches))).pipe(Q(t.matches))}function xn(){let e=matchMedia("print");return L(h(window,"beforeprint").pipe(m(()=>!0)),h(window,"afterprint").pipe(m(()=>!1))).pipe(Q(e.matches))}function eo(e,t){return e.pipe(b(r=>r?t():y))}function to(e,t){return new F(r=>{let o=new XMLHttpRequest;return o.open("GET",`${e}`),o.responseType="blob",o.addEventListener("load",()=>{o.status>=200&&o.status<300?(r.next(o.response),r.complete()):r.error(new Error(o.statusText))}),o.addEventListener("error",()=>{r.error(new Error("Network error"))}),o.addEventListener("abort",()=>{r.complete()}),typeof(t==null?void 0:t.progress$)!="undefined"&&(o.addEventListener("progress",n=>{var i;if(n.lengthComputable)t.progress$.next(n.loaded/n.total*100);else{let s=(i=o.getResponseHeader("Content-Length"))!=null?i:0;t.progress$.next(n.loaded/+s*100)}}),t.progress$.next(5)),o.send(),()=>o.abort()})}function ze(e,t){return to(e,t).pipe(b(r=>r.text()),m(r=>JSON.parse(r)),Z(1))}function xr(e,t){let r=new DOMParser;return to(e,t).pipe(b(o=>o.text()),m(o=>r.parseFromString(o,"text/html")),Z(1))}function En(e,t){let r=new DOMParser;return to(e,t).pipe(b(o=>o.text()),m(o=>r.parseFromString(o,"text/xml")),Z(1))}function wn(){return{x:Math.max(0,scrollX),y:Math.max(0,scrollY)}}function Tn(){return L(h(window,"scroll",{passive:!0}),h(window,"resize",{passive:!0})).pipe(m(wn),Q(wn()))}function Sn(){return{width:innerWidth,height:innerHeight}}function On(){return h(window,"resize",{passive:!0}).pipe(m(Sn),Q(Sn()))}function Ln(){return z([Tn(),On()]).pipe(m(([e,t])=>({offset:e,size:t})),Z(1))}function Er(e,{viewport$:t,header$:r}){let o=t.pipe(ne("size")),n=z([o,r]).pipe(m(()=>Be(e)));return z([r,t,n]).pipe(m(([{height:i},{offset:s,size:a},{x:c,y:p}])=>({offset:{x:s.x-c,y:s.y-p+i},size:a})))}function Wa(e){return h(e,"message",t=>t.data)}function Da(e){let t=new T;return t.subscribe(r=>e.postMessage(r)),t}function Mn(e,t=new Worker(e)){let r=Wa(t),o=Da(t),n=new T;n.subscribe(o);let i=o.pipe(oe(),ae(!0));return n.pipe(oe(),Ve(r.pipe(W(i))),le())}var Va=j("#__config"),Ct=JSON.parse(Va.textContent);Ct.base=`${new URL(Ct.base,we())}`;function Te(){return Ct}function V(e){return Ct.features.includes(e)}function Me(e,t){return typeof t!="undefined"?Ct.translations[e].replace("#",t.toString()):Ct.translations[e]}function Ce(e,t=document){return j(`[data-md-component=${e}]`,t)}function me(e,t=document){return M(`[data-md-component=${e}]`,t)}function Na(e){let t=j(".md-typeset > :first-child",e);return h(t,"click",{once:!0}).pipe(m(()=>j(".md-typeset",e)),m(r=>({hash:__md_hash(r.innerHTML)})))}function _n(e){if(!V("announce.dismiss")||!e.childElementCount)return y;if(!e.hidden){let t=j(".md-typeset",e);__md_hash(t.innerHTML)===__md_get("__announce")&&(e.hidden=!0)}return H(()=>{let t=new T;return t.subscribe(({hash:r})=>{e.hidden=!0,__md_set("__announce",r)}),Na(e).pipe(O(r=>t.next(r)),A(()=>t.complete()),m(r=>P({ref:e},r)))})}function za(e,{target$:t}){return t.pipe(m(r=>({hidden:r!==e})))}function An(e,t){let r=new T;return r.subscribe(({hidden:o})=>{e.hidden=o}),za(e,t).pipe(O(o=>r.next(o)),A(()=>r.complete()),m(o=>P({ref:e},o)))}function Dt(e,t){return t==="inline"?x("div",{class:"md-tooltip md-tooltip--inline",id:e,role:"tooltip"},x("div",{class:"md-tooltip__inner md-typeset"})):x("div",{class:"md-tooltip",id:e,role:"tooltip"},x("div",{class:"md-tooltip__inner md-typeset"}))}function wr(...e){return x("div",{class:"md-tooltip2",role:"dialog"},x("div",{class:"md-tooltip2__inner md-typeset"},e))}function Cn(...e){return x("div",{class:"md-tooltip2",role:"tooltip"},x("div",{class:"md-tooltip2__inner md-typeset"},e))}function kn(e,t){if(t=t?`${t}_annotation_${e}`:void 0,t){let r=t?`#${t}`:void 0;return x("aside",{class:"md-annotation",tabIndex:0},Dt(t),x("a",{href:r,class:"md-annotation__index",tabIndex:-1},x("span",{"data-md-annotation-id":e})))}else return x("aside",{class:"md-annotation",tabIndex:0},Dt(t),x("span",{class:"md-annotation__index",tabIndex:-1},x("span",{"data-md-annotation-id":e})))}function Hn(e){return x("button",{class:"md-code__button",title:Me("clipboard.copy"),"data-clipboard-target":`#${e} > code`,"data-md-type":"copy"})}function $n(){return x("button",{class:"md-code__button",title:"Toggle line selection","data-md-type":"select"})}function Pn(){return x("nav",{class:"md-code__nav"})}var In=$t(ro());function oo(e,t){let r=t&2,o=t&1,n=Object.keys(e.terms).filter(c=>!e.terms[c]).reduce((c,p)=>[...c,x("del",null,(0,In.default)(p))," "],[]).slice(0,-1),i=Te(),s=new URL(e.location,i.base);V("search.highlight")&&s.searchParams.set("h",Object.entries(e.terms).filter(([,c])=>c).reduce((c,[p])=>`${c} ${p}`.trim(),""));let{tags:a}=Te();return x("a",{href:`${s}`,class:"md-search-result__link",tabIndex:-1},x("article",{class:"md-search-result__article md-typeset","data-md-score":e.score.toFixed(2)},r>0&&x("div",{class:"md-search-result__icon md-icon"}),r>0&&x("h1",null,e.title),r<=0&&x("h2",null,e.title),o>0&&e.text.length>0&&e.text,e.tags&&x("nav",{class:"md-tags"},e.tags.map(c=>{let p=a?c in a?`md-tag-icon md-tag--${a[c]}`:"md-tag-icon":"";return x("span",{class:`md-tag ${p}`},c)})),o>0&&n.length>0&&x("p",{class:"md-search-result__terms"},Me("search.result.term.missing"),": ",...n)))}function Fn(e){let t=e[0].score,r=[...e],o=Te(),n=r.findIndex(l=>!`${new URL(l.location,o.base)}`.includes("#")),[i]=r.splice(n,1),s=r.findIndex(l=>l.scoreoo(l,1)),...c.length?[x("details",{class:"md-search-result__more"},x("summary",{tabIndex:-1},x("div",null,c.length>0&&c.length===1?Me("search.result.more.one"):Me("search.result.more.other",c.length))),...c.map(l=>oo(l,1)))]:[]];return x("li",{class:"md-search-result__item"},p)}function jn(e){return x("ul",{class:"md-source__facts"},Object.entries(e).map(([t,r])=>x("li",{class:`md-source__fact md-source__fact--${t}`},typeof r=="number"?br(r):r)))}function no(e){let t=`tabbed-control tabbed-control--${e}`;return x("div",{class:t,hidden:!0},x("button",{class:"tabbed-button",tabIndex:-1,"aria-hidden":"true"}))}function Un(e){return x("div",{class:"md-typeset__scrollwrap"},x("div",{class:"md-typeset__table"},e))}function Qa(e){var o;let t=Te(),r=new URL(`../${e.version}/`,t.base);return x("li",{class:"md-version__item"},x("a",{href:`${r}`,class:"md-version__link"},e.title,((o=t.version)==null?void 0:o.alias)&&e.aliases.length>0&&x("span",{class:"md-version__alias"},e.aliases[0])))}function Wn(e,t){var o;let r=Te();return e=e.filter(n=>{var i;return!((i=n.properties)!=null&&i.hidden)}),x("div",{class:"md-version"},x("button",{class:"md-version__current","aria-label":Me("select.version")},t.title,((o=r.version)==null?void 0:o.alias)&&t.aliases.length>0&&x("span",{class:"md-version__alias"},t.aliases[0])),x("ul",{class:"md-version__list"},e.map(Qa)))}var Ya=0;function Ba(e,t=250){let r=z([Ye(e),it(e,t)]).pipe(m(([n,i])=>n||i),Y()),o=H(()=>pn(e)).pipe(J(Ge),gt(1),Pe(r),m(()=>ln(e)));return r.pipe(Re(n=>n),b(()=>z([r,o])),m(([n,i])=>({active:n,offset:i})),le())}function Vt(e,t,r=250){let{content$:o,viewport$:n}=t,i=`__tooltip2_${Ya++}`;return H(()=>{let s=new T,a=new jr(!1);s.pipe(oe(),ae(!1)).subscribe(a);let c=a.pipe(jt(l=>He(+!l*250,Dr)),Y(),b(l=>l?o:y),O(l=>l.id=i),le());z([s.pipe(m(({active:l})=>l)),c.pipe(b(l=>it(l,250)),Q(!1))]).pipe(m(l=>l.some(f=>f))).subscribe(a);let p=a.pipe(g(l=>l),te(c,n),m(([l,f,{size:u}])=>{let d=e.getBoundingClientRect(),v=d.width/2;if(f.role==="tooltip")return{x:v,y:8+d.height};if(d.y>=u.height/2){let{height:S}=de(f);return{x:v,y:-16-S}}else return{x:v,y:16+d.height}}));return z([c,s,p]).subscribe(([l,{offset:f},u])=>{l.style.setProperty("--md-tooltip-host-x",`${f.x}px`),l.style.setProperty("--md-tooltip-host-y",`${f.y}px`),l.style.setProperty("--md-tooltip-x",`${u.x}px`),l.style.setProperty("--md-tooltip-y",`${u.y}px`),l.classList.toggle("md-tooltip2--top",u.y<0),l.classList.toggle("md-tooltip2--bottom",u.y>=0)}),a.pipe(g(l=>l),te(c,(l,f)=>f),g(l=>l.role==="tooltip")).subscribe(l=>{let f=de(j(":scope > *",l));l.style.setProperty("--md-tooltip-width",`${f.width}px`),l.style.setProperty("--md-tooltip-tail","0px")}),a.pipe(Y(),xe(ye),te(c)).subscribe(([l,f])=>{f.classList.toggle("md-tooltip2--active",l)}),z([a.pipe(g(l=>l)),c]).subscribe(([l,f])=>{f.role==="dialog"?(e.setAttribute("aria-controls",i),e.setAttribute("aria-haspopup","dialog")):e.setAttribute("aria-describedby",i)}),a.pipe(g(l=>!l)).subscribe(()=>{e.removeAttribute("aria-controls"),e.removeAttribute("aria-describedby"),e.removeAttribute("aria-haspopup")}),Ba(e,r).pipe(O(l=>s.next(l)),A(()=>s.complete()),m(l=>P({ref:e},l)))})}function Xe(e,{viewport$:t},r=document.body){return Vt(e,{content$:new F(o=>{let n=e.title,i=Cn(n);return o.next(i),e.removeAttribute("title"),r.append(i),()=>{i.remove(),e.setAttribute("title",n)}}),viewport$:t},0)}function Ga(e,t){let r=H(()=>z([mn(e),Ge(t)])).pipe(m(([{x:o,y:n},i])=>{let{width:s,height:a}=de(e);return{x:o-i.x+s/2,y:n-i.y+a/2}}));return Ye(e).pipe(b(o=>r.pipe(m(n=>({active:o,offset:n})),Ee(+!o||1/0))))}function Dn(e,t,{target$:r}){let[o,n]=Array.from(e.children);return H(()=>{let i=new T,s=i.pipe(oe(),ae(!0));return i.subscribe({next({offset:a}){e.style.setProperty("--md-tooltip-x",`${a.x}px`),e.style.setProperty("--md-tooltip-y",`${a.y}px`)},complete(){e.style.removeProperty("--md-tooltip-x"),e.style.removeProperty("--md-tooltip-y")}}),mt(e).pipe(W(s)).subscribe(a=>{e.toggleAttribute("data-md-visible",a)}),L(i.pipe(g(({active:a})=>a)),i.pipe(Ae(250),g(({active:a})=>!a))).subscribe({next({active:a}){a?e.prepend(o):o.remove()},complete(){e.prepend(o)}}),i.pipe($e(16,ye)).subscribe(({active:a})=>{o.classList.toggle("md-tooltip--active",a)}),i.pipe(gt(125,ye),g(()=>!!e.offsetParent),m(()=>e.offsetParent.getBoundingClientRect()),m(({x:a})=>a)).subscribe({next(a){a?e.style.setProperty("--md-tooltip-0",`${-a}px`):e.style.removeProperty("--md-tooltip-0")},complete(){e.style.removeProperty("--md-tooltip-0")}}),h(n,"click").pipe(W(s),g(a=>!(a.metaKey||a.ctrlKey))).subscribe(a=>{a.stopPropagation(),a.preventDefault()}),h(n,"mousedown").pipe(W(s),te(i)).subscribe(([a,{active:c}])=>{var p;if(a.button!==0||a.metaKey||a.ctrlKey)a.preventDefault();else if(c){a.preventDefault();let l=e.parentElement.closest(".md-annotation");l instanceof HTMLElement?l.focus():(p=Ne())==null||p.blur()}}),r.pipe(W(s),g(a=>a===o),nt(125)).subscribe(()=>e.focus()),Ga(e,t).pipe(O(a=>i.next(a)),A(()=>i.complete()),m(a=>P({ref:e},a)))})}function Ja(e){let t=Te();if(e.tagName!=="CODE")return[e];let r=[".c",".c1",".cm"];if(t.annotate&&typeof t.annotate=="object"){let o=e.closest("[class|=language]");if(o)for(let n of Array.from(o.classList)){if(!n.startsWith("language-"))continue;let[,i]=n.split("-");i in t.annotate&&r.push(...t.annotate[i])}}return M(r.join(", "),e)}function Xa(e){let t=[];for(let r of Ja(e)){let o=[],n=document.createNodeIterator(r,NodeFilter.SHOW_TEXT);for(let i=n.nextNode();i;i=n.nextNode())o.push(i);for(let i of o){let s;for(;s=/(\(\d+\))(!)?/.exec(i.textContent);){let[,a,c]=s;if(typeof c=="undefined"){let p=i.splitText(s.index);i=p.splitText(a.length),t.push(p)}else{i.textContent=a,t.push(i);break}}}}return t}function Vn(e,t){t.append(...Array.from(e.childNodes))}function Tr(e,t,{target$:r,print$:o}){let n=t.closest("[id]"),i=n==null?void 0:n.id,s=new Map;for(let a of Xa(t)){let[,c]=a.textContent.match(/\((\d+)\)/);ue(`:scope > li:nth-child(${c})`,e)&&(s.set(c,kn(c,i)),a.replaceWith(s.get(c)))}return s.size===0?y:H(()=>{let a=new T,c=a.pipe(oe(),ae(!0)),p=[];for(let[l,f]of s)p.push([j(".md-typeset",f),j(`:scope > li:nth-child(${l})`,e)]);return o.pipe(W(c)).subscribe(l=>{e.hidden=!l,e.classList.toggle("md-annotation-list",l);for(let[f,u]of p)l?Vn(f,u):Vn(u,f)}),L(...[...s].map(([,l])=>Dn(l,t,{target$:r}))).pipe(A(()=>a.complete()),le())})}function Nn(e){if(e.nextElementSibling){let t=e.nextElementSibling;if(t.tagName==="OL")return t;if(t.tagName==="P"&&!t.children.length)return Nn(t)}}function zn(e,t){return H(()=>{let r=Nn(e);return typeof r!="undefined"?Tr(r,e,t):y})}var Kn=$t(ao());var Za=0,qn=L(h(window,"keydown").pipe(m(()=>!0)),L(h(window,"keyup"),h(window,"contextmenu")).pipe(m(()=>!1))).pipe(Q(!1),Z(1));function Qn(e){if(e.nextElementSibling){let t=e.nextElementSibling;if(t.tagName==="OL")return t;if(t.tagName==="P"&&!t.children.length)return Qn(t)}}function es(e){return Le(e).pipe(m(({width:t})=>({scrollable:At(e).width>t})),ne("scrollable"))}function Yn(e,t){let{matches:r}=matchMedia("(hover)"),o=H(()=>{let n=new T,i=n.pipe(Yr(1));n.subscribe(({scrollable:d})=>{d&&r?e.setAttribute("tabindex","0"):e.removeAttribute("tabindex")});let s=[],a=e.closest("pre"),c=a.closest("[id]"),p=c?c.id:Za++;a.id=`__code_${p}`;let l=[],f=e.closest(".highlight");if(f instanceof HTMLElement){let d=Qn(f);if(typeof d!="undefined"&&(f.classList.contains("annotate")||V("content.code.annotate"))){let v=Tr(d,e,t);l.push(Le(f).pipe(W(i),m(({width:S,height:X})=>S&&X),Y(),b(S=>S?v:y)))}}let u=M(":scope > span[id]",e);if(u.length&&(e.classList.add("md-code__content"),e.closest(".select")||V("content.code.select")&&!e.closest(".no-select"))){let d=+u[0].id.split("-").pop(),v=$n();s.push(v),V("content.tooltips")&&l.push(Xe(v,{viewport$}));let S=h(v,"click").pipe(Ut(R=>!R,!1),O(()=>v.blur()),le());S.subscribe(R=>{v.classList.toggle("md-code__button--active",R)});let X=fe(u).pipe(J(R=>it(R).pipe(m(se=>[R,se]))));S.pipe(b(R=>R?X:y)).subscribe(([R,se])=>{let ce=ue(".hll.select",R);if(ce&&!se)ce.replaceWith(...Array.from(ce.childNodes));else if(!ce&&se){let he=document.createElement("span");he.className="hll select",he.append(...Array.from(R.childNodes).slice(1)),R.append(he)}});let re=fe(u).pipe(J(R=>h(R,"mousedown").pipe(O(se=>se.preventDefault()),m(()=>R)))),ee=S.pipe(b(R=>R?re:y),te(qn),m(([R,se])=>{var he;let ce=u.indexOf(R)+d;if(se===!1)return[ce,ce];{let Se=M(".hll",e).map(Ue=>u.indexOf(Ue.parentElement)+d);return(he=window.getSelection())==null||he.removeAllRanges(),[Math.min(ce,...Se),Math.max(ce,...Se)]}})),k=Zr(y).pipe(g(R=>R.startsWith(`__codelineno-${p}-`)));k.subscribe(R=>{let[,,se]=R.split("-"),ce=se.split(":").map(Se=>+Se-d+1);ce.length===1&&ce.push(ce[0]);for(let Se of M(".hll:not(.select)",e))Se.replaceWith(...Array.from(Se.childNodes));let he=u.slice(ce[0]-1,ce[1]);for(let Se of he){let Ue=document.createElement("span");Ue.className="hll",Ue.append(...Array.from(Se.childNodes).slice(1)),Se.append(Ue)}}),k.pipe(Ee(1),xe(pe)).subscribe(R=>{if(R.includes(":")){let se=document.getElementById(R.split(":")[0]);se&&setTimeout(()=>{let ce=se,he=-64;for(;ce!==document.body;)he+=ce.offsetTop,ce=ce.offsetParent;window.scrollTo({top:he})},1)}});let je=fe(M('a[href^="#__codelineno"]',f)).pipe(J(R=>h(R,"click").pipe(O(se=>se.preventDefault()),m(()=>R)))).pipe(W(i),te(qn),m(([R,se])=>{let he=+j(`[id="${R.hash.slice(1)}"]`).parentElement.id.split("-").pop();if(se===!1)return[he,he];{let Se=M(".hll",e).map(Ue=>+Ue.parentElement.id.split("-").pop());return[Math.min(he,...Se),Math.max(he,...Se)]}}));L(ee,je).subscribe(R=>{let se=`#__codelineno-${p}-`;R[0]===R[1]?se+=R[0]:se+=`${R[0]}:${R[1]}`,history.replaceState({},"",se),window.dispatchEvent(new HashChangeEvent("hashchange",{newURL:window.location.origin+window.location.pathname+se,oldURL:window.location.href}))})}if(Kn.default.isSupported()&&(e.closest(".copy")||V("content.code.copy")&&!e.closest(".no-copy"))){let d=Hn(a.id);s.push(d),V("content.tooltips")&&l.push(Xe(d,{viewport$}))}if(s.length){let d=Pn();d.append(...s),a.insertBefore(d,e)}return es(e).pipe(O(d=>n.next(d)),A(()=>n.complete()),m(d=>P({ref:e},d)),Ve(L(...l).pipe(W(i))))});return V("content.lazy")?mt(e).pipe(g(n=>n),Ee(1),b(()=>o)):o}function ts(e,{target$:t,print$:r}){let o=!0;return L(t.pipe(m(n=>n.closest("details:not([open])")),g(n=>e===n),m(()=>({action:"open",reveal:!0}))),r.pipe(g(n=>n||!o),O(()=>o=e.open),m(n=>({action:n?"open":"close"}))))}function Bn(e,t){return H(()=>{let r=new T;return r.subscribe(({action:o,reveal:n})=>{e.toggleAttribute("open",o==="open"),n&&e.scrollIntoView()}),ts(e,t).pipe(O(o=>r.next(o)),A(()=>r.complete()),m(o=>P({ref:e},o)))})}var Gn=0;function rs(e){let t=document.createElement("h3");t.innerHTML=e.innerHTML;let r=[t],o=e.nextElementSibling;for(;o&&!(o instanceof HTMLHeadingElement);)r.push(o),o=o.nextElementSibling;return r}function os(e,t){for(let r of M("[href], [src]",e))for(let o of["href","src"]){let n=r.getAttribute(o);if(n&&!/^(?:[a-z]+:)?\/\//i.test(n)){r[o]=new URL(r.getAttribute(o),t).toString();break}}for(let r of M("[name^=__], [for]",e))for(let o of["id","for","name"]){let n=r.getAttribute(o);n&&r.setAttribute(o,`${n}$preview_${Gn}`)}return Gn++,$(e)}function Jn(e,t){let{sitemap$:r}=t;if(!(e instanceof HTMLAnchorElement))return y;if(!(V("navigation.instant.preview")||e.hasAttribute("data-preview")))return y;e.removeAttribute("title");let o=z([Ye(e),it(e)]).pipe(m(([i,s])=>i||s),Y(),g(i=>i));return rt([r,o]).pipe(b(([i])=>{let s=new URL(e.href);return s.search=s.hash="",i.has(`${s}`)?$(s):y}),b(i=>xr(i).pipe(b(s=>os(s,i)))),b(i=>{let s=e.hash?`article [id="${e.hash.slice(1)}"]`:"article h1",a=ue(s,i);return typeof a=="undefined"?y:$(rs(a))})).pipe(b(i=>{let s=new F(a=>{let c=wr(...i);return a.next(c),document.body.append(c),()=>c.remove()});return Vt(e,P({content$:s},t))}))}var Xn=".node circle,.node ellipse,.node path,.node polygon,.node rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}marker{fill:var(--md-mermaid-edge-color)!important}.edgeLabel .label rect{fill:#0000}.flowchartTitleText{fill:var(--md-mermaid-label-fg-color)}.label{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.label foreignObject{line-height:normal;overflow:visible}.label div .edgeLabel{color:var(--md-mermaid-label-fg-color)}.edgeLabel,.edgeLabel p,.label div .edgeLabel{background-color:var(--md-mermaid-label-bg-color)}.edgeLabel,.edgeLabel p{fill:var(--md-mermaid-label-bg-color);color:var(--md-mermaid-edge-color)}.edgePath .path,.flowchart-link{stroke:var(--md-mermaid-edge-color)}.edgePath .arrowheadPath{fill:var(--md-mermaid-edge-color);stroke:none}.cluster rect{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}.cluster span{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}g #flowchart-circleEnd,g #flowchart-circleStart,g #flowchart-crossEnd,g #flowchart-crossStart,g #flowchart-pointEnd,g #flowchart-pointStart{stroke:none}.classDiagramTitleText{fill:var(--md-mermaid-label-fg-color)}g.classGroup line,g.classGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.classGroup text{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.classLabel .box{fill:var(--md-mermaid-label-bg-color);background-color:var(--md-mermaid-label-bg-color);opacity:1}.classLabel .label{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.node .divider{stroke:var(--md-mermaid-node-fg-color)}.relation{stroke:var(--md-mermaid-edge-color)}.cardinality{fill:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}.cardinality text{fill:inherit!important}defs marker.marker.composition.class path,defs marker.marker.dependency.class path,defs marker.marker.extension.class path{fill:var(--md-mermaid-edge-color)!important;stroke:var(--md-mermaid-edge-color)!important}defs marker.marker.aggregation.class path{fill:var(--md-mermaid-label-bg-color)!important;stroke:var(--md-mermaid-edge-color)!important}.statediagramTitleText{fill:var(--md-mermaid-label-fg-color)}g.stateGroup rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}g.stateGroup .state-title{fill:var(--md-mermaid-label-fg-color)!important;font-family:var(--md-mermaid-font-family)}g.stateGroup .composit{fill:var(--md-mermaid-label-bg-color)}.nodeLabel,.nodeLabel p{color:var(--md-mermaid-label-fg-color);font-family:var(--md-mermaid-font-family)}a .nodeLabel{text-decoration:underline}.node circle.state-end,.node circle.state-start,.start-state{fill:var(--md-mermaid-edge-color);stroke:none}.end-state-inner,.end-state-outer{fill:var(--md-mermaid-edge-color)}.end-state-inner,.node circle.state-end{stroke:var(--md-mermaid-label-bg-color)}.transition{stroke:var(--md-mermaid-edge-color)}[id^=state-fork] rect,[id^=state-join] rect{fill:var(--md-mermaid-edge-color)!important;stroke:none!important}.statediagram-cluster.statediagram-cluster .inner{fill:var(--md-default-bg-color)}.statediagram-cluster rect{fill:var(--md-mermaid-node-bg-color);stroke:var(--md-mermaid-node-fg-color)}.statediagram-state rect.divider{fill:var(--md-default-fg-color--lightest);stroke:var(--md-default-fg-color--lighter)}defs #statediagram-barbEnd{stroke:var(--md-mermaid-edge-color)}[id^=entity] path,[id^=entity] rect{fill:var(--md-default-bg-color)}.relationshipLine{stroke:var(--md-mermaid-edge-color)}defs .marker.oneOrMore.er *,defs .marker.onlyOne.er *,defs .marker.zeroOrMore.er *,defs .marker.zeroOrOne.er *{stroke:var(--md-mermaid-edge-color)!important}text:not([class]):last-child{fill:var(--md-mermaid-label-fg-color)}.actor{fill:var(--md-mermaid-sequence-actor-bg-color);stroke:var(--md-mermaid-sequence-actor-border-color)}text.actor>tspan{fill:var(--md-mermaid-sequence-actor-fg-color);font-family:var(--md-mermaid-font-family)}line{stroke:var(--md-mermaid-sequence-actor-line-color)}.actor-man circle,.actor-man line{fill:var(--md-mermaid-sequence-actorman-bg-color);stroke:var(--md-mermaid-sequence-actorman-line-color)}.messageLine0,.messageLine1{stroke:var(--md-mermaid-sequence-message-line-color)}.note{fill:var(--md-mermaid-sequence-note-bg-color);stroke:var(--md-mermaid-sequence-note-border-color)}.loopText,.loopText>tspan,.messageText,.noteText>tspan{stroke:none;font-family:var(--md-mermaid-font-family)!important}.messageText{fill:var(--md-mermaid-sequence-message-fg-color)}.loopText,.loopText>tspan{fill:var(--md-mermaid-sequence-loop-fg-color)}.noteText>tspan{fill:var(--md-mermaid-sequence-note-fg-color)}#arrowhead path{fill:var(--md-mermaid-sequence-message-line-color);stroke:none}.loopLine{fill:var(--md-mermaid-sequence-loop-bg-color);stroke:var(--md-mermaid-sequence-loop-border-color)}.labelBox{fill:var(--md-mermaid-sequence-label-bg-color);stroke:none}.labelText,.labelText>span{fill:var(--md-mermaid-sequence-label-fg-color);font-family:var(--md-mermaid-font-family)}.sequenceNumber{fill:var(--md-mermaid-sequence-number-fg-color)}rect.rect{fill:var(--md-mermaid-sequence-box-bg-color);stroke:none}rect.rect+text.text{fill:var(--md-mermaid-sequence-box-fg-color)}defs #sequencenumber{fill:var(--md-mermaid-sequence-number-bg-color)!important}";var so,is=0;function as(){return typeof mermaid=="undefined"||mermaid instanceof Element?_t("https://unpkg.com/mermaid@11/dist/mermaid.min.js"):$(void 0)}function Zn(e){return e.classList.remove("mermaid"),so||(so=as().pipe(O(()=>mermaid.initialize({startOnLoad:!1,themeCSS:Xn,sequence:{actorFontSize:"16px",messageFontSize:"16px",noteFontSize:"16px"}})),m(()=>{}),Z(1))),so.subscribe(()=>go(null,null,function*(){e.classList.add("mermaid");let t=`__mermaid_${is++}`,r=x("div",{class:"mermaid"}),o=e.textContent,{svg:n,fn:i}=yield mermaid.render(t,o),s=r.attachShadow({mode:"closed"});s.innerHTML=n,e.replaceWith(r),i==null||i(s)})),so.pipe(m(()=>({ref:e})))}var ei=x("table");function ti(e){return e.replaceWith(ei),ei.replaceWith(Un(e)),$({ref:e})}function ss(e){let t=e.find(r=>r.checked)||e[0];return L(...e.map(r=>h(r,"change").pipe(m(()=>j(`label[for="${r.id}"]`))))).pipe(Q(j(`label[for="${t.id}"]`)),m(r=>({active:r})))}function ri(e,{viewport$:t,target$:r}){let o=j(".tabbed-labels",e),n=M(":scope > input",e),i=no("prev");e.append(i);let s=no("next");return e.append(s),H(()=>{let a=new T,c=a.pipe(oe(),ae(!0));z([a,Le(e),mt(e)]).pipe(W(c),$e(1,ye)).subscribe({next([{active:p},l]){let f=Be(p),{width:u}=de(p);e.style.setProperty("--md-indicator-x",`${f.x}px`),e.style.setProperty("--md-indicator-width",`${u}px`);let d=gr(o);(f.xd.x+l.width)&&o.scrollTo({left:Math.max(0,f.x-16),behavior:"smooth"})},complete(){e.style.removeProperty("--md-indicator-x"),e.style.removeProperty("--md-indicator-width")}}),z([Ge(o),Le(o)]).pipe(W(c)).subscribe(([p,l])=>{let f=At(o);i.hidden=p.x<16,s.hidden=p.x>f.width-l.width-16}),L(h(i,"click").pipe(m(()=>-1)),h(s,"click").pipe(m(()=>1))).pipe(W(c)).subscribe(p=>{let{width:l}=de(o);o.scrollBy({left:l*p,behavior:"smooth"})}),r.pipe(W(c),g(p=>n.includes(p))).subscribe(p=>p.click()),o.classList.add("tabbed-labels--linked");for(let p of n){let l=j(`label[for="${p.id}"]`);l.replaceChildren(x("a",{href:`#${l.htmlFor}`,tabIndex:-1},...Array.from(l.childNodes))),h(l.firstElementChild,"click").pipe(W(c),g(f=>!(f.metaKey||f.ctrlKey)),O(f=>{f.preventDefault(),f.stopPropagation()})).subscribe(()=>{history.replaceState({},"",`#${l.htmlFor}`),l.click()})}return V("content.tabs.link")&&a.pipe(Ie(1),te(t)).subscribe(([{active:p},{offset:l}])=>{let f=p.innerText.trim();if(p.hasAttribute("data-md-switching"))p.removeAttribute("data-md-switching");else{let u=e.offsetTop-l.y;for(let v of M("[data-tabs]"))for(let S of M(":scope > input",v)){let X=j(`label[for="${S.id}"]`);if(X!==p&&X.innerText.trim()===f){X.setAttribute("data-md-switching",""),S.click();break}}window.scrollTo({top:e.offsetTop-u});let d=__md_get("__tabs")||[];__md_set("__tabs",[...new Set([f,...d])])}}),a.pipe(W(c)).subscribe(()=>{for(let p of M("audio, video",e))p.offsetWidth&&p.autoplay?p.play().catch(()=>{}):p.pause()}),ss(n).pipe(O(p=>a.next(p)),A(()=>a.complete()),m(p=>P({ref:e},p)))}).pipe(et(pe))}function oi(e,t){let{viewport$:r,target$:o,print$:n}=t;return L(...M(".annotate:not(.highlight)",e).map(i=>zn(i,{target$:o,print$:n})),...M("pre:not(.mermaid) > code",e).map(i=>Yn(i,{target$:o,print$:n})),...M("a",e).map(i=>Jn(i,t)),...M("pre.mermaid",e).map(i=>Zn(i)),...M("table:not([class])",e).map(i=>ti(i)),...M("details",e).map(i=>Bn(i,{target$:o,print$:n})),...M("[data-tabs]",e).map(i=>ri(i,{viewport$:r,target$:o})),...M("[title]:not([data-preview])",e).filter(()=>V("content.tooltips")).map(i=>Xe(i,{viewport$:r})),...M(".footnote-ref",e).filter(()=>V("content.footnote.tooltips")).map(i=>Vt(i,{content$:new F(s=>{let a=new URL(i.href).hash.slice(1),c=Array.from(document.getElementById(a).cloneNode(!0).children),p=wr(...c);return s.next(p),document.body.append(p),()=>p.remove()}),viewport$:r})))}function cs(e,{alert$:t}){return t.pipe(b(r=>L($(!0),$(!1).pipe(nt(2e3))).pipe(m(o=>({message:r,active:o})))))}function ni(e,t){let r=j(".md-typeset",e);return H(()=>{let o=new T;return o.subscribe(({message:n,active:i})=>{e.classList.toggle("md-dialog--active",i),r.textContent=n}),cs(e,t).pipe(O(n=>o.next(n)),A(()=>o.complete()),m(n=>P({ref:e},n)))})}var ps=0;function ls(e,t){document.body.append(e);let{width:r}=de(e);e.style.setProperty("--md-tooltip-width",`${r}px`),e.remove();let o=vr(t),n=typeof o!="undefined"?Ge(o):$({x:0,y:0}),i=L(Ye(t),it(t)).pipe(Y());return z([i,n]).pipe(m(([s,a])=>{let{x:c,y:p}=Be(t),l=de(t),f=t.closest("table");return f&&t.parentElement&&(c+=f.offsetLeft+t.parentElement.offsetLeft,p+=f.offsetTop+t.parentElement.offsetTop),{active:s,offset:{x:c-a.x+l.width/2-r/2,y:p-a.y+l.height+8}}}))}function ii(e){let t=e.title;if(!t.length)return y;let r=`__tooltip_${ps++}`,o=Dt(r,"inline"),n=j(".md-typeset",o);return n.innerHTML=t,H(()=>{let i=new T;return i.subscribe({next({offset:s}){o.style.setProperty("--md-tooltip-x",`${s.x}px`),o.style.setProperty("--md-tooltip-y",`${s.y}px`)},complete(){o.style.removeProperty("--md-tooltip-x"),o.style.removeProperty("--md-tooltip-y")}}),L(i.pipe(g(({active:s})=>s)),i.pipe(Ae(250),g(({active:s})=>!s))).subscribe({next({active:s}){s?(e.insertAdjacentElement("afterend",o),e.setAttribute("aria-describedby",r),e.removeAttribute("title")):(o.remove(),e.removeAttribute("aria-describedby"),e.setAttribute("title",t))},complete(){o.remove(),e.removeAttribute("aria-describedby"),e.setAttribute("title",t)}}),i.pipe($e(16,ye)).subscribe(({active:s})=>{o.classList.toggle("md-tooltip--active",s)}),i.pipe(gt(125,ye),g(()=>!!e.offsetParent),m(()=>e.offsetParent.getBoundingClientRect()),m(({x:s})=>s)).subscribe({next(s){s?o.style.setProperty("--md-tooltip-0",`${-s}px`):o.style.removeProperty("--md-tooltip-0")},complete(){o.style.removeProperty("--md-tooltip-0")}}),ls(o,e).pipe(O(s=>i.next(s)),A(()=>i.complete()),m(s=>P({ref:e},s)))}).pipe(et(pe))}function ms({viewport$:e}){if(!V("header.autohide"))return $(!1);let t=e.pipe(m(({offset:{y:n}})=>n),ot(2,1),m(([n,i])=>[nMath.abs(i-n.y)>100),m(([,[n]])=>n),Y()),o=Je("search");return z([e,o]).pipe(m(([{offset:n},i])=>n.y>400&&!i),Y(),b(n=>n?r:$(!1)),Q(!1))}function ai(e,t){return H(()=>z([Le(e),ms(t)])).pipe(m(([{height:r},o])=>({height:r,hidden:o})),Y((r,o)=>r.height===o.height&&r.hidden===o.hidden),Z(1))}function si(e,{header$:t,main$:r}){return H(()=>{let o=new T,n=o.pipe(oe(),ae(!0));o.pipe(ne("active"),Pe(t)).subscribe(([{active:s},{hidden:a}])=>{e.classList.toggle("md-header--shadow",s&&!a),e.hidden=a});let i=fe(M("[title]",e)).pipe(g(()=>V("content.tooltips")),J(s=>ii(s)));return r.subscribe(o),t.pipe(W(n),m(s=>P({ref:e},s)),Ve(i.pipe(W(n))))})}function fs(e,{viewport$:t,header$:r}){return Er(e,{viewport$:t,header$:r}).pipe(m(({offset:{y:o}})=>{let{height:n}=de(e);return{active:n>0&&o>=n}}),ne("active"))}function ci(e,t){return H(()=>{let r=new T;r.subscribe({next({active:n}){e.classList.toggle("md-header__title--active",n)},complete(){e.classList.remove("md-header__title--active")}});let o=ue(".md-content h1");return typeof o=="undefined"?y:fs(o,t).pipe(O(n=>r.next(n)),A(()=>r.complete()),m(n=>P({ref:e},n)))})}function pi(e,{viewport$:t,header$:r}){let o=r.pipe(m(({height:i})=>i),Y()),n=o.pipe(b(()=>Le(e).pipe(m(({height:i})=>({top:e.offsetTop,bottom:e.offsetTop+i})),ne("bottom"))));return z([o,n,t]).pipe(m(([i,{top:s,bottom:a},{offset:{y:c},size:{height:p}}])=>(p=Math.max(0,p-Math.max(0,s-c,i)-Math.max(0,p+c-a)),{offset:s-i,height:p,active:s-i<=c})),Y((i,s)=>i.offset===s.offset&&i.height===s.height&&i.active===s.active))}function us(e){let t=__md_get("__palette")||{index:e.findIndex(o=>matchMedia(o.getAttribute("data-md-color-media")).matches)},r=Math.max(0,Math.min(t.index,e.length-1));return $(...e).pipe(J(o=>h(o,"change").pipe(m(()=>o))),Q(e[r]),m(o=>({index:e.indexOf(o),color:{media:o.getAttribute("data-md-color-media"),scheme:o.getAttribute("data-md-color-scheme"),primary:o.getAttribute("data-md-color-primary"),accent:o.getAttribute("data-md-color-accent")}})),Z(1))}function li(e){let t=M("input",e),r=x("meta",{name:"theme-color"});document.head.appendChild(r);let o=x("meta",{name:"color-scheme"});document.head.appendChild(o);let n=Wt("(prefers-color-scheme: light)");return H(()=>{let i=new T;return i.subscribe(s=>{if(document.body.setAttribute("data-md-color-switching",""),s.color.media==="(prefers-color-scheme)"){let a=matchMedia("(prefers-color-scheme: light)"),c=document.querySelector(a.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");s.color.scheme=c.getAttribute("data-md-color-scheme"),s.color.primary=c.getAttribute("data-md-color-primary"),s.color.accent=c.getAttribute("data-md-color-accent")}for(let[a,c]of Object.entries(s.color))document.body.setAttribute(`data-md-color-${a}`,c);for(let a=0;as.key==="Enter"),te(i,(s,a)=>a)).subscribe(({index:s})=>{s=(s+1)%t.length,t[s].click(),t[s].focus()}),i.pipe(m(()=>{let s=Ce("header"),a=window.getComputedStyle(s);return o.content=a.colorScheme,a.backgroundColor.match(/\d+/g).map(c=>(+c).toString(16).padStart(2,"0")).join("")})).subscribe(s=>r.content=`#${s}`),i.pipe(xe(pe)).subscribe(()=>{document.body.removeAttribute("data-md-color-switching")}),us(t).pipe(W(n.pipe(Ie(1))),vt(),O(s=>i.next(s)),A(()=>i.complete()),m(s=>P({ref:e},s)))})}function mi(e,{progress$:t}){return H(()=>{let r=new T;return r.subscribe(({value:o})=>{e.style.setProperty("--md-progress-value",`${o}`)}),t.pipe(O(o=>r.next({value:o})),A(()=>r.complete()),m(o=>({ref:e,value:o})))})}function fi(e,t){return e.protocol=t.protocol,e.hostname=t.hostname,e}function ds(e,t){let r=new Map;for(let o of M("url",e)){let n=j("loc",o),i=[fi(new URL(n.textContent),t)];r.set(`${i[0]}`,i);for(let s of M("[rel=alternate]",o)){let a=s.getAttribute("href");a!=null&&i.push(fi(new URL(a),t))}}return r}function kt(e){return En(new URL("sitemap.xml",e)).pipe(m(t=>ds(t,new URL(e))),ve(()=>$(new Map)),le())}function ui({document$:e}){let t=new Map;e.pipe(b(()=>M("link[rel=alternate]")),m(r=>new URL(r.href)),g(r=>!t.has(r.toString())),J(r=>kt(r).pipe(m(o=>[r,o]),ve(()=>y)))).subscribe(([r,o])=>{t.set(r.toString().replace(/\/$/,""),o)}),h(document.body,"click").pipe(g(r=>!r.metaKey&&!r.ctrlKey),b(r=>{if(r.target instanceof Element){let o=r.target.closest("a");if(o&&!o.target){let n=[...t].find(([f])=>o.href.startsWith(`${f}/`));if(typeof n=="undefined")return y;let[i,s]=n,a=we();if(a.href.startsWith(i))return y;let c=Te(),p=a.href.replace(c.base,"");p=`${i}/${p}`;let l=s.has(p.split("#")[0])?new URL(p,c.base):new URL(i);return r.preventDefault(),$(l)}}return y})).subscribe(r=>st(r,!0))}var co=$t(ao());function hs(e){e.setAttribute("data-md-copying","");let t=e.closest("[data-copy]"),r=t?t.getAttribute("data-copy"):e.innerText;return e.removeAttribute("data-md-copying"),r.trimEnd()}function di({alert$:e}){co.default.isSupported()&&new F(t=>{new co.default("[data-clipboard-target], [data-clipboard-text]",{text:r=>r.getAttribute("data-clipboard-text")||hs(j(r.getAttribute("data-clipboard-target")))}).on("success",r=>t.next(r))}).pipe(O(t=>{t.trigger.focus()}),m(()=>Me("clipboard.copied"))).subscribe(e)}function hi(e,t){if(!(e.target instanceof Element))return y;let r=e.target.closest("a");if(r===null)return y;if(r.target||e.metaKey||e.ctrlKey)return y;let o=new URL(r.href);return o.search=o.hash="",t.has(`${o}`)?(e.preventDefault(),$(r)):y}function bi(e){let t=new Map;for(let r of M(":scope > *",e.head))t.set(r.outerHTML,r);return t}function vi(e){for(let t of M("[href], [src]",e))for(let r of["href","src"]){let o=t.getAttribute(r);if(o&&!/^(?:[a-z]+:)?\/\//i.test(o)){t[r]=t[r];break}}return $(e)}function bs(e){for(let o of["[data-md-component=announce]","[data-md-component=container]","[data-md-component=header-topic]","[data-md-component=outdated]","[data-md-component=logo]","[data-md-component=skip]",...V("navigation.tabs.sticky")?["[data-md-component=tabs]"]:[]]){let n=ue(o),i=ue(o,e);typeof n!="undefined"&&typeof i!="undefined"&&n.replaceWith(i)}let t=bi(document);for(let[o,n]of bi(e))t.has(o)?t.delete(o):document.head.appendChild(n);for(let o of t.values()){let n=o.getAttribute("name");n!=="theme-color"&&n!=="color-scheme"&&o.remove()}let r=Ce("container");return Ke(M("script",r)).pipe(b(o=>{let n=e.createElement("script");if(o.src){for(let i of o.getAttributeNames())n.setAttribute(i,o.getAttribute(i));return o.replaceWith(n),new F(i=>{n.onload=()=>i.complete()})}else return n.textContent=o.textContent,o.replaceWith(n),y}),oe(),ae(document))}function gi({sitemap$:e,location$:t,viewport$:r,progress$:o}){if(location.protocol==="file:")return y;$(document).subscribe(vi);let n=h(document.body,"click").pipe(Pe(e),b(([a,c])=>hi(a,c)),m(({href:a})=>new URL(a)),le()),i=h(window,"popstate").pipe(m(we),le());n.pipe(te(r)).subscribe(([a,{offset:c}])=>{history.replaceState(c,""),history.pushState(null,"",a)}),L(n,i).subscribe(t);let s=t.pipe(ne("pathname"),b(a=>xr(a,{progress$:o}).pipe(ve(()=>(st(a,!0),y)))),b(vi),b(bs),le());return L(s.pipe(te(t,(a,c)=>c)),s.pipe(b(()=>t),ne("hash")),t.pipe(Y((a,c)=>a.pathname===c.pathname&&a.hash===c.hash),b(()=>n),O(()=>history.back()))).subscribe(a=>{var c,p;history.state!==null||!a.hash?window.scrollTo(0,(p=(c=history.state)==null?void 0:c.y)!=null?p:0):(history.scrollRestoration="auto",gn(a.hash),history.scrollRestoration="manual")}),t.subscribe(()=>{history.scrollRestoration="manual"}),h(window,"beforeunload").subscribe(()=>{history.scrollRestoration="auto"}),r.pipe(ne("offset"),Ae(100)).subscribe(({offset:a})=>{history.replaceState(a,"")}),V("navigation.instant.prefetch")&&L(h(document.body,"mousemove"),h(document.body,"focusin")).pipe(Pe(e),b(([a,c])=>hi(a,c)),Ae(25),Qr(({href:a})=>a),hr(a=>{let c=document.createElement("link");return c.rel="prefetch",c.href=a.toString(),document.head.appendChild(c),h(c,"load").pipe(m(()=>c),Ee(1))})).subscribe(a=>a.remove()),s}var yi=$t(ro());function xi(e){let t=e.separator.split("|").map(n=>n.replace(/(\(\?[!=<][^)]+\))/g,"").length===0?"\uFFFD":n).join("|"),r=new RegExp(t,"img"),o=(n,i,s)=>`${i}${s}`;return n=>{n=n.replace(/[\s*+\-:~^]+/g," ").replace(/&/g,"&").trim();let i=new RegExp(`(^|${e.separator}|)(${n.replace(/[|\\{}()[\]^$+*?.-]/g,"\\$&").replace(r,"|")})`,"img");return s=>(0,yi.default)(s).replace(i,o).replace(/<\/mark>(\s+)]*>/img,"$1")}}function zt(e){return e.type===1}function Sr(e){return e.type===3}function Ei(e,t){let r=Mn(e);return L($(location.protocol!=="file:"),Je("search")).pipe(Re(o=>o),b(()=>t)).subscribe(({config:o,docs:n})=>r.next({type:0,data:{config:o,docs:n,options:{suggest:V("search.suggest")}}})),r}function wi(e){var l;let{selectedVersionSitemap:t,selectedVersionBaseURL:r,currentLocation:o,currentBaseURL:n}=e,i=(l=po(n))==null?void 0:l.pathname;if(i===void 0)return;let s=ys(o.pathname,i);if(s===void 0)return;let a=Es(t.keys());if(!t.has(a))return;let c=po(s,a);if(!c||!t.has(c.href))return;let p=po(s,r);if(p)return p.hash=o.hash,p.search=o.search,p}function po(e,t){try{return new URL(e,t)}catch(r){return}}function ys(e,t){if(e.startsWith(t))return e.slice(t.length)}function xs(e,t){let r=Math.min(e.length,t.length),o;for(o=0;oy)),o=r.pipe(m(n=>{let[,i]=t.base.match(/([^/]+)\/?$/);return n.find(({version:s,aliases:a})=>s===i||a.includes(i))||n[0]}));r.pipe(m(n=>new Map(n.map(i=>[`${new URL(`../${i.version}/`,t.base)}`,i]))),b(n=>h(document.body,"click").pipe(g(i=>!i.metaKey&&!i.ctrlKey),te(o),b(([i,s])=>{if(i.target instanceof Element){let a=i.target.closest("a");if(a&&!a.target&&n.has(a.href)){let c=a.href;return!i.target.closest(".md-version")&&n.get(c)===s?y:(i.preventDefault(),$(new URL(c)))}}return y}),b(i=>kt(i).pipe(m(s=>{var a;return(a=wi({selectedVersionSitemap:s,selectedVersionBaseURL:i,currentLocation:we(),currentBaseURL:t.base}))!=null?a:i})))))).subscribe(n=>st(n,!0)),z([r,o]).subscribe(([n,i])=>{j(".md-header__topic").appendChild(Wn(n,i))}),e.pipe(b(()=>o)).subscribe(n=>{var a;let i=new URL(t.base),s=__md_get("__outdated",sessionStorage,i);if(s===null){s=!0;let c=((a=t.version)==null?void 0:a.default)||"latest";Array.isArray(c)||(c=[c]);e:for(let p of c)for(let l of n.aliases.concat(n.version))if(new RegExp(p,"i").test(l)){s=!1;break e}__md_set("__outdated",s,sessionStorage,i)}if(s)for(let c of me("outdated"))c.hidden=!1})}function ws(e,{worker$:t}){let{searchParams:r}=we();r.has("q")&&(at("search",!0),e.value=r.get("q"),e.focus(),Je("search").pipe(Re(i=>!i)).subscribe(()=>{let i=we();i.searchParams.delete("q"),history.replaceState({},"",`${i}`)}));let o=Ye(e),n=L(t.pipe(Re(zt)),h(e,"keyup"),o).pipe(m(()=>e.value),Y());return z([n,o]).pipe(m(([i,s])=>({value:i,focus:s})),Z(1))}function Si(e,{worker$:t}){let r=new T,o=r.pipe(oe(),ae(!0));z([t.pipe(Re(zt)),r],(i,s)=>s).pipe(ne("value")).subscribe(({value:i})=>t.next({type:2,data:i})),r.pipe(ne("focus")).subscribe(({focus:i})=>{i&&at("search",i)}),h(e.form,"reset").pipe(W(o)).subscribe(()=>e.focus());let n=j("header [for=__search]");return h(n,"click").subscribe(()=>e.focus()),ws(e,{worker$:t}).pipe(O(i=>r.next(i)),A(()=>r.complete()),m(i=>P({ref:e},i)),Z(1))}function Oi(e,{worker$:t,query$:r}){let o=new T,n=un(e.parentElement).pipe(g(Boolean)),i=e.parentElement,s=j(":scope > :first-child",e),a=j(":scope > :last-child",e);Je("search").subscribe(l=>{a.setAttribute("role",l?"list":"presentation"),a.hidden=!l}),o.pipe(te(r),Gr(t.pipe(Re(zt)))).subscribe(([{items:l},{value:f}])=>{switch(l.length){case 0:s.textContent=f.length?Me("search.result.none"):Me("search.result.placeholder");break;case 1:s.textContent=Me("search.result.one");break;default:let u=br(l.length);s.textContent=Me("search.result.other",u)}});let c=o.pipe(O(()=>a.innerHTML=""),b(({items:l})=>L($(...l.slice(0,10)),$(...l.slice(10)).pipe(ot(4),Xr(n),b(([f])=>f)))),m(Fn),le());return c.subscribe(l=>a.appendChild(l)),c.pipe(J(l=>{let f=ue("details",l);return typeof f=="undefined"?y:h(f,"toggle").pipe(W(o),m(()=>f))})).subscribe(l=>{l.open===!1&&l.offsetTop<=i.scrollTop&&i.scrollTo({top:l.offsetTop})}),t.pipe(g(Sr),m(({data:l})=>l)).pipe(O(l=>o.next(l)),A(()=>o.complete()),m(l=>P({ref:e},l)))}function Ts(e,{query$:t}){return t.pipe(m(({value:r})=>{let o=we();return o.hash="",r=r.replace(/\s+/g,"+").replace(/&/g,"%26").replace(/=/g,"%3D"),o.search=`q=${r}`,{url:o}}))}function Li(e,t){let r=new T,o=r.pipe(oe(),ae(!0));return r.subscribe(({url:n})=>{e.setAttribute("data-clipboard-text",e.href),e.href=`${n}`}),h(e,"click").pipe(W(o)).subscribe(n=>n.preventDefault()),Ts(e,t).pipe(O(n=>r.next(n)),A(()=>r.complete()),m(n=>P({ref:e},n)))}function Mi(e,{worker$:t,keyboard$:r}){let o=new T,n=Ce("search-query"),i=L(h(n,"keydown"),h(n,"focus")).pipe(xe(pe),m(()=>n.value),Y());return o.pipe(Pe(i),m(([{suggest:a},c])=>{let p=c.split(/([\s-]+)/);if(a!=null&&a.length&&p[p.length-1]){let l=a[a.length-1];l.startsWith(p[p.length-1])&&(p[p.length-1]=l)}else p.length=0;return p})).subscribe(a=>e.innerHTML=a.join("").replace(/\s/g," ")),r.pipe(g(({mode:a})=>a==="search")).subscribe(a=>{switch(a.type){case"ArrowRight":e.innerText.length&&n.selectionStart===n.value.length&&(n.value=e.innerText);break}}),t.pipe(g(Sr),m(({data:a})=>a)).pipe(O(a=>o.next(a)),A(()=>o.complete()),m(()=>({ref:e})))}function _i(e,{index$:t,keyboard$:r}){let o=Te();try{let n=Ei(o.search,t),i=Ce("search-query",e),s=Ce("search-result",e);h(e,"click").pipe(g(({target:c})=>c instanceof Element&&!!c.closest("a"))).subscribe(()=>at("search",!1)),r.pipe(g(({mode:c})=>c==="search")).subscribe(c=>{let p=Ne();switch(c.type){case"Enter":if(p===i){let l=new Map;for(let f of M(":first-child [href]",s)){let u=f.firstElementChild;l.set(f,parseFloat(u.getAttribute("data-md-score")))}if(l.size){let[[f]]=[...l].sort(([,u],[,d])=>d-u);f.click()}c.claim()}break;case"Escape":case"Tab":at("search",!1),i.blur();break;case"ArrowUp":case"ArrowDown":if(typeof p=="undefined")i.focus();else{let l=[i,...M(":not(details) > [href], summary, details[open] [href]",s)],f=Math.max(0,(Math.max(0,l.indexOf(p))+l.length+(c.type==="ArrowUp"?-1:1))%l.length);l[f].focus()}c.claim();break;default:i!==Ne()&&i.focus()}}),r.pipe(g(({mode:c})=>c==="global")).subscribe(c=>{switch(c.type){case"f":case"s":case"/":i.focus(),i.select(),c.claim();break}});let a=Si(i,{worker$:n});return L(a,Oi(s,{worker$:n,query$:a})).pipe(Ve(...me("search-share",e).map(c=>Li(c,{query$:a})),...me("search-suggest",e).map(c=>Mi(c,{worker$:n,keyboard$:r}))))}catch(n){return e.hidden=!0,tt}}function Ai(e,{index$:t,location$:r}){return z([t,r.pipe(Q(we()),g(o=>!!o.searchParams.get("h")))]).pipe(m(([o,n])=>xi(o.config)(n.searchParams.get("h"))),m(o=>{var s;let n=new Map,i=document.createNodeIterator(e,NodeFilter.SHOW_TEXT);for(let a=i.nextNode();a;a=i.nextNode())if((s=a.parentElement)!=null&&s.offsetHeight){let c=a.textContent,p=o(c);p.length>c.length&&n.set(a,p)}for(let[a,c]of n){let{childNodes:p}=x("span",null,c);a.replaceWith(...Array.from(p))}return{ref:e,nodes:n}}))}function Ss(e,{viewport$:t,main$:r}){let o=e.closest(".md-grid"),n=o.offsetTop-o.parentElement.offsetTop;return z([r,t]).pipe(m(([{offset:i,height:s},{offset:{y:a}}])=>(s=s+Math.min(n,Math.max(0,a-i))-n,{height:s,locked:a>=i+n})),Y((i,s)=>i.height===s.height&&i.locked===s.locked))}function lo(e,o){var n=o,{header$:t}=n,r=vo(n,["header$"]);let i=j(".md-sidebar__scrollwrap",e),{y:s}=Be(i);return H(()=>{let a=new T,c=a.pipe(oe(),ae(!0)),p=a.pipe($e(0,ye));return p.pipe(te(t)).subscribe({next([{height:l},{height:f}]){i.style.height=`${l-2*s}px`,e.style.top=`${f}px`},complete(){i.style.height="",e.style.top=""}}),p.pipe(Re()).subscribe(()=>{for(let l of M(".md-nav__link--active[href]",e)){if(!l.clientHeight)continue;let f=l.closest(".md-sidebar__scrollwrap");if(typeof f!="undefined"){let u=l.offsetTop-f.offsetTop,{height:d}=de(f);f.scrollTo({top:u-d/2})}}}),fe(M("label[tabindex]",e)).pipe(J(l=>h(l,"click").pipe(xe(pe),m(()=>l),W(c)))).subscribe(l=>{let f=j(`[id="${l.htmlFor}"]`);j(`[aria-labelledby="${l.id}"]`).setAttribute("aria-expanded",`${f.checked}`)}),V("content.tooltips")&&fe(M("abbr[title]",e)).pipe(J(l=>Xe(l,{viewport$})),W(c)).subscribe(),Ss(e,r).pipe(O(l=>a.next(l)),A(()=>a.complete()),m(l=>P({ref:e},l)))})}function Ci(e,t){if(typeof t!="undefined"){let r=`https://api.github.com/repos/${e}/${t}`;return rt(ze(`${r}/releases/latest`).pipe(ve(()=>y),m(o=>({version:o.tag_name})),Qe({})),ze(r).pipe(ve(()=>y),m(o=>({stars:o.stargazers_count,forks:o.forks_count})),Qe({}))).pipe(m(([o,n])=>P(P({},o),n)))}else{let r=`https://api.github.com/users/${e}`;return ze(r).pipe(m(o=>({repositories:o.public_repos})),Qe({}))}}function ki(e,t){let r=`https://${e}/api/v4/projects/${encodeURIComponent(t)}`;return rt(ze(`${r}/releases/permalink/latest`).pipe(ve(()=>y),m(({tag_name:o})=>({version:o})),Qe({})),ze(r).pipe(ve(()=>y),m(({star_count:o,forks_count:n})=>({stars:o,forks:n})),Qe({}))).pipe(m(([o,n])=>P(P({},o),n)))}function Hi(e){let t=e.match(/^.+github\.com\/([^/]+)\/?([^/]+)?/i);if(t){let[,r,o]=t;return Ci(r,o)}if(t=e.match(/^.+?([^/]*gitlab[^/]+)\/(.+?)\/?$/i),t){let[,r,o]=t;return ki(r,o)}return y}var Os;function Ls(e){return Os||(Os=H(()=>{let t=__md_get("__source",sessionStorage);if(t)return $(t);if(me("consent").length){let o=__md_get("__consent");if(!(o&&o.github))return y}return Hi(e.href).pipe(O(o=>__md_set("__source",o,sessionStorage)))}).pipe(ve(()=>y),g(t=>Object.keys(t).length>0),m(t=>({facts:t})),Z(1)))}function $i(e){let t=j(":scope > :last-child",e);return H(()=>{let r=new T;return r.subscribe(({facts:o})=>{t.appendChild(jn(o)),t.classList.add("md-source__repository--active")}),Ls(e).pipe(O(o=>r.next(o)),A(()=>r.complete()),m(o=>P({ref:e},o)))})}function Ms(e,{viewport$:t,header$:r}){return Le(document.body).pipe(b(()=>Er(e,{header$:r,viewport$:t})),m(({offset:{y:o}})=>({hidden:o>=10})),ne("hidden"))}function Pi(e,t){return H(()=>{let r=new T;return r.subscribe({next({hidden:o}){e.hidden=o},complete(){e.hidden=!1}}),(V("navigation.tabs.sticky")?$({hidden:!1}):Ms(e,t)).pipe(O(o=>r.next(o)),A(()=>r.complete()),m(o=>P({ref:e},o)))})}function _s(e,{viewport$:t,header$:r}){let o=new Map,n=M(".md-nav__link",e);for(let a of n){let c=decodeURIComponent(a.hash.substring(1)),p=ue(`[id="${c}"]`);typeof p!="undefined"&&o.set(a,p)}let i=r.pipe(ne("height"),m(({height:a})=>{let c=Ce("main"),p=j(":scope > :first-child",c);return a+.8*(p.offsetTop-c.offsetTop)}),le());return Le(document.body).pipe(ne("height"),b(a=>H(()=>{let c=[];return $([...o].reduce((p,[l,f])=>{for(;c.length&&o.get(c[c.length-1]).tagName>=f.tagName;)c.pop();let u=f.offsetTop;for(;!u&&f.parentElement;)f=f.parentElement,u=f.offsetTop;let d=f.offsetParent;for(;d;d=d.offsetParent)u+=d.offsetTop;return p.set([...c=[...c,l]].reverse(),u)},new Map))}).pipe(m(c=>new Map([...c].sort(([,p],[,l])=>p-l))),Pe(i),b(([c,p])=>t.pipe(Ut(([l,f],{offset:{y:u},size:d})=>{let v=u+d.height>=Math.floor(a.height);for(;f.length;){let[,S]=f[0];if(S-p=u&&!v)f=[l.pop(),...f];else break}return[l,f]},[[],[...c]]),Y((l,f)=>l[0]===f[0]&&l[1]===f[1])))))).pipe(m(([a,c])=>({prev:a.map(([p])=>p),next:c.map(([p])=>p)})),Q({prev:[],next:[]}),ot(2,1),m(([a,c])=>a.prev.length{let i=new T,s=i.pipe(oe(),ae(!0));if(i.subscribe(({prev:a,next:c})=>{for(let[p]of c)p.classList.remove("md-nav__link--passed"),p.classList.remove("md-nav__link--active");for(let[p,[l]]of a.entries())l.classList.add("md-nav__link--passed"),l.classList.toggle("md-nav__link--active",p===a.length-1)}),V("toc.follow")){let a=L(t.pipe(Ae(1),m(()=>{})),t.pipe(Ae(250),m(()=>"smooth")));i.pipe(g(({prev:c})=>c.length>0),Pe(o.pipe(xe(pe))),te(a)).subscribe(([[{prev:c}],p])=>{let[l]=c[c.length-1];if(l.offsetHeight){let f=vr(l);if(typeof f!="undefined"){let u=l.offsetTop-f.offsetTop,{height:d}=de(f);f.scrollTo({top:u-d/2,behavior:p})}}})}return V("navigation.tracking")&&t.pipe(W(s),ne("offset"),Ae(250),Ie(1),W(n.pipe(Ie(1))),vt({delay:250}),te(i)).subscribe(([,{prev:a}])=>{let c=we(),p=a[a.length-1];if(p&&p.length){let[l]=p,{hash:f}=new URL(l.href);c.hash!==f&&(c.hash=f,history.replaceState({},"",`${c}`))}else c.hash="",history.replaceState({},"",`${c}`)}),_s(e,{viewport$:t,header$:r}).pipe(O(a=>i.next(a)),A(()=>i.complete()),m(a=>P({ref:e},a)))})}function As(e,{viewport$:t,main$:r,target$:o}){let n=t.pipe(m(({offset:{y:s}})=>s),ot(2,1),m(([s,a])=>s>a&&a>0),Y()),i=r.pipe(m(({active:s})=>s));return z([i,n]).pipe(m(([s,a])=>!(s&&a)),Y(),W(o.pipe(Ie(1))),ae(!0),vt({delay:250}),m(s=>({hidden:s})))}function Ii(e,{viewport$:t,header$:r,main$:o,target$:n}){let i=new T,s=i.pipe(oe(),ae(!0));return i.subscribe({next({hidden:a}){e.hidden=a,a?(e.setAttribute("tabindex","-1"),e.blur()):e.removeAttribute("tabindex")},complete(){e.style.top="",e.hidden=!0,e.removeAttribute("tabindex")}}),r.pipe(W(s),ne("height")).subscribe(({height:a})=>{e.style.top=`${a+16}px`}),h(e,"click").subscribe(a=>{a.preventDefault(),window.scrollTo({top:0})}),As(e,{viewport$:t,main$:o,target$:n}).pipe(O(a=>i.next(a)),A(()=>i.complete()),m(a=>P({ref:e},a)))}function Fi({document$:e,viewport$:t}){e.pipe(b(()=>M(".md-ellipsis")),J(r=>mt(r).pipe(W(e.pipe(Ie(1))),g(o=>o),m(()=>r),Ee(1))),g(r=>r.offsetWidth{let o=r.innerText,n=r.closest("a")||r;return n.title=o,V("content.tooltips")?Xe(n,{viewport$:t}).pipe(W(e.pipe(Ie(1))),A(()=>n.removeAttribute("title"))):y})).subscribe(),V("content.tooltips")&&e.pipe(b(()=>M(".md-status")),J(r=>Xe(r,{viewport$:t}))).subscribe()}function ji({document$:e,tablet$:t}){e.pipe(b(()=>M(".md-toggle--indeterminate")),O(r=>{r.indeterminate=!0,r.checked=!1}),J(r=>h(r,"change").pipe(Jr(()=>r.classList.contains("md-toggle--indeterminate")),m(()=>r))),te(t)).subscribe(([r,o])=>{r.classList.remove("md-toggle--indeterminate"),o&&(r.checked=!1)})}function Cs(){return/(iPad|iPhone|iPod)/.test(navigator.userAgent)}function Ui({document$:e}){e.pipe(b(()=>M("[data-md-scrollfix]")),O(t=>t.removeAttribute("data-md-scrollfix")),g(Cs),J(t=>h(t,"touchstart").pipe(m(()=>t)))).subscribe(t=>{let r=t.scrollTop;r===0?t.scrollTop=1:r+t.offsetHeight===t.scrollHeight&&(t.scrollTop=r-1)})}function Wi({viewport$:e,tablet$:t}){z([Je("search"),t]).pipe(m(([r,o])=>r&&!o),b(r=>$(r).pipe(nt(r?400:100))),te(e)).subscribe(([r,{offset:{y:o}}])=>{if(r)document.body.setAttribute("data-md-scrolllock",""),document.body.style.top=`-${o}px`;else{let n=-1*parseInt(document.body.style.top,10);document.body.removeAttribute("data-md-scrolllock"),document.body.style.top="",n&&window.scrollTo(0,n)}})}Object.entries||(Object.entries=function(e){let t=[];for(let r of Object.keys(e))t.push([r,e[r]]);return t});Object.values||(Object.values=function(e){let t=[];for(let r of Object.keys(e))t.push(e[r]);return t});typeof Element!="undefined"&&(Element.prototype.scrollTo||(Element.prototype.scrollTo=function(e,t){typeof e=="object"?(this.scrollLeft=e.left,this.scrollTop=e.top):(this.scrollLeft=e,this.scrollTop=t)}),Element.prototype.replaceWith||(Element.prototype.replaceWith=function(...e){let t=this.parentNode;if(t){e.length===0&&t.removeChild(this);for(let r=e.length-1;r>=0;r--){let o=e[r];typeof o=="string"?o=document.createTextNode(o):o.parentNode&&o.parentNode.removeChild(o),r?t.insertBefore(this.previousSibling,o):t.replaceChild(o,this)}}}));function ks(){return location.protocol==="file:"?_t(`${new URL("search/search_index.js",Or.base)}`).pipe(m(()=>__index),Z(1)):ze(new URL("search/search_index.json",Or.base))}document.documentElement.classList.remove("no-js");document.documentElement.classList.add("js");var ct=an(),Kt=bn(),Ht=yn(Kt),mo=hn(),ke=Ln(),Lr=Wt("(min-width: 60em)"),Vi=Wt("(min-width: 76.25em)"),Ni=xn(),Or=Te(),zi=document.forms.namedItem("search")?ks():tt,fo=new T;di({alert$:fo});ui({document$:ct});var uo=new T,qi=kt(Or.base);V("navigation.instant")&&gi({sitemap$:qi,location$:Kt,viewport$:ke,progress$:uo}).subscribe(ct);var Di;((Di=Or.version)==null?void 0:Di.provider)==="mike"&&Ti({document$:ct});L(Kt,Ht).pipe(nt(125)).subscribe(()=>{at("drawer",!1),at("search",!1)});mo.pipe(g(({mode:e})=>e==="global")).subscribe(e=>{switch(e.type){case"p":case",":let t=ue("link[rel=prev]");typeof t!="undefined"&&st(t);break;case"n":case".":let r=ue("link[rel=next]");typeof r!="undefined"&&st(r);break;case"Enter":let o=Ne();o instanceof HTMLLabelElement&&o.click()}});Fi({viewport$:ke,document$:ct});ji({document$:ct,tablet$:Lr});Ui({document$:ct});Wi({viewport$:ke,tablet$:Lr});var ft=ai(Ce("header"),{viewport$:ke}),qt=ct.pipe(m(()=>Ce("main")),b(e=>pi(e,{viewport$:ke,header$:ft})),Z(1)),Hs=L(...me("consent").map(e=>An(e,{target$:Ht})),...me("dialog").map(e=>ni(e,{alert$:fo})),...me("palette").map(e=>li(e)),...me("progress").map(e=>mi(e,{progress$:uo})),...me("search").map(e=>_i(e,{index$:zi,keyboard$:mo})),...me("source").map(e=>$i(e))),$s=H(()=>L(...me("announce").map(e=>_n(e)),...me("content").map(e=>oi(e,{sitemap$:qi,viewport$:ke,target$:Ht,print$:Ni})),...me("content").map(e=>V("search.highlight")?Ai(e,{index$:zi,location$:Kt}):y),...me("header").map(e=>si(e,{viewport$:ke,header$:ft,main$:qt})),...me("header-title").map(e=>ci(e,{viewport$:ke,header$:ft})),...me("sidebar").map(e=>e.getAttribute("data-md-type")==="navigation"?eo(Vi,()=>lo(e,{viewport$:ke,header$:ft,main$:qt})):eo(Lr,()=>lo(e,{viewport$:ke,header$:ft,main$:qt}))),...me("tabs").map(e=>Pi(e,{viewport$:ke,header$:ft})),...me("toc").map(e=>Ri(e,{viewport$:ke,header$:ft,main$:qt,target$:Ht})),...me("top").map(e=>Ii(e,{viewport$:ke,header$:ft,main$:qt,target$:Ht})))),Ki=ct.pipe(b(()=>$s),Ve(Hs),Z(1));Ki.subscribe();window.document$=ct;window.location$=Kt;window.target$=Ht;window.keyboard$=mo;window.viewport$=ke;window.tablet$=Lr;window.screen$=Vi;window.print$=Ni;window.alert$=fo;window.progress$=uo;window.component$=Ki;})();
+//# sourceMappingURL=bundle.e71a0d61.min.js.map
+
diff --git a/site/assets/javascripts/bundle.e71a0d61.min.js.map b/site/assets/javascripts/bundle.e71a0d61.min.js.map
new file mode 100644
index 0000000..23451b5
--- /dev/null
+++ b/site/assets/javascripts/bundle.e71a0d61.min.js.map
@@ -0,0 +1,7 @@
+{
+ "version": 3,
+ "sources": ["node_modules/focus-visible/dist/focus-visible.js", "node_modules/escape-html/index.js", "node_modules/clipboard/dist/clipboard.js", "src/templates/assets/javascripts/bundle.ts", "node_modules/tslib/tslib.es6.mjs", "node_modules/rxjs/src/internal/util/isFunction.ts", "node_modules/rxjs/src/internal/util/createErrorClass.ts", "node_modules/rxjs/src/internal/util/UnsubscriptionError.ts", "node_modules/rxjs/src/internal/util/arrRemove.ts", "node_modules/rxjs/src/internal/Subscription.ts", "node_modules/rxjs/src/internal/config.ts", "node_modules/rxjs/src/internal/scheduler/timeoutProvider.ts", "node_modules/rxjs/src/internal/util/reportUnhandledError.ts", "node_modules/rxjs/src/internal/util/noop.ts", "node_modules/rxjs/src/internal/NotificationFactories.ts", "node_modules/rxjs/src/internal/util/errorContext.ts", "node_modules/rxjs/src/internal/Subscriber.ts", "node_modules/rxjs/src/internal/symbol/observable.ts", "node_modules/rxjs/src/internal/util/identity.ts", "node_modules/rxjs/src/internal/util/pipe.ts", "node_modules/rxjs/src/internal/Observable.ts", "node_modules/rxjs/src/internal/util/lift.ts", "node_modules/rxjs/src/internal/operators/OperatorSubscriber.ts", "node_modules/rxjs/src/internal/scheduler/animationFrameProvider.ts", "node_modules/rxjs/src/internal/util/ObjectUnsubscribedError.ts", "node_modules/rxjs/src/internal/Subject.ts", "node_modules/rxjs/src/internal/BehaviorSubject.ts", "node_modules/rxjs/src/internal/scheduler/dateTimestampProvider.ts", "node_modules/rxjs/src/internal/ReplaySubject.ts", "node_modules/rxjs/src/internal/scheduler/Action.ts", "node_modules/rxjs/src/internal/scheduler/intervalProvider.ts", "node_modules/rxjs/src/internal/scheduler/AsyncAction.ts", "node_modules/rxjs/src/internal/Scheduler.ts", "node_modules/rxjs/src/internal/scheduler/AsyncScheduler.ts", "node_modules/rxjs/src/internal/scheduler/async.ts", "node_modules/rxjs/src/internal/scheduler/QueueAction.ts", "node_modules/rxjs/src/internal/scheduler/QueueScheduler.ts", "node_modules/rxjs/src/internal/scheduler/queue.ts", "node_modules/rxjs/src/internal/scheduler/AnimationFrameAction.ts", "node_modules/rxjs/src/internal/scheduler/AnimationFrameScheduler.ts", "node_modules/rxjs/src/internal/scheduler/animationFrame.ts", "node_modules/rxjs/src/internal/observable/empty.ts", "node_modules/rxjs/src/internal/util/isScheduler.ts", "node_modules/rxjs/src/internal/util/args.ts", "node_modules/rxjs/src/internal/util/isArrayLike.ts", "node_modules/rxjs/src/internal/util/isPromise.ts", "node_modules/rxjs/src/internal/util/isInteropObservable.ts", "node_modules/rxjs/src/internal/util/isAsyncIterable.ts", "node_modules/rxjs/src/internal/util/throwUnobservableError.ts", "node_modules/rxjs/src/internal/symbol/iterator.ts", "node_modules/rxjs/src/internal/util/isIterable.ts", "node_modules/rxjs/src/internal/util/isReadableStreamLike.ts", "node_modules/rxjs/src/internal/observable/innerFrom.ts", "node_modules/rxjs/src/internal/util/executeSchedule.ts", "node_modules/rxjs/src/internal/operators/observeOn.ts", "node_modules/rxjs/src/internal/operators/subscribeOn.ts", "node_modules/rxjs/src/internal/scheduled/scheduleObservable.ts", "node_modules/rxjs/src/internal/scheduled/schedulePromise.ts", "node_modules/rxjs/src/internal/scheduled/scheduleArray.ts", "node_modules/rxjs/src/internal/scheduled/scheduleIterable.ts", "node_modules/rxjs/src/internal/scheduled/scheduleAsyncIterable.ts", "node_modules/rxjs/src/internal/scheduled/scheduleReadableStreamLike.ts", "node_modules/rxjs/src/internal/scheduled/scheduled.ts", "node_modules/rxjs/src/internal/observable/from.ts", "node_modules/rxjs/src/internal/observable/of.ts", "node_modules/rxjs/src/internal/observable/throwError.ts", "node_modules/rxjs/src/internal/util/EmptyError.ts", "node_modules/rxjs/src/internal/util/isDate.ts", "node_modules/rxjs/src/internal/operators/map.ts", "node_modules/rxjs/src/internal/util/mapOneOrManyArgs.ts", "node_modules/rxjs/src/internal/util/argsArgArrayOrObject.ts", "node_modules/rxjs/src/internal/util/createObject.ts", "node_modules/rxjs/src/internal/observable/combineLatest.ts", "node_modules/rxjs/src/internal/operators/mergeInternals.ts", "node_modules/rxjs/src/internal/operators/mergeMap.ts", "node_modules/rxjs/src/internal/operators/mergeAll.ts", "node_modules/rxjs/src/internal/operators/concatAll.ts", "node_modules/rxjs/src/internal/observable/concat.ts", "node_modules/rxjs/src/internal/observable/defer.ts", "node_modules/rxjs/src/internal/observable/fromEvent.ts", "node_modules/rxjs/src/internal/observable/fromEventPattern.ts", "node_modules/rxjs/src/internal/observable/timer.ts", "node_modules/rxjs/src/internal/observable/merge.ts", "node_modules/rxjs/src/internal/observable/never.ts", "node_modules/rxjs/src/internal/util/argsOrArgArray.ts", "node_modules/rxjs/src/internal/operators/filter.ts", "node_modules/rxjs/src/internal/observable/zip.ts", "node_modules/rxjs/src/internal/operators/audit.ts", "node_modules/rxjs/src/internal/operators/auditTime.ts", "node_modules/rxjs/src/internal/operators/bufferCount.ts", "node_modules/rxjs/src/internal/operators/catchError.ts", "node_modules/rxjs/src/internal/operators/scanInternals.ts", "node_modules/rxjs/src/internal/operators/combineLatest.ts", "node_modules/rxjs/src/internal/operators/combineLatestWith.ts", "node_modules/rxjs/src/internal/operators/debounce.ts", "node_modules/rxjs/src/internal/operators/debounceTime.ts", "node_modules/rxjs/src/internal/operators/defaultIfEmpty.ts", "node_modules/rxjs/src/internal/operators/take.ts", "node_modules/rxjs/src/internal/operators/ignoreElements.ts", "node_modules/rxjs/src/internal/operators/mapTo.ts", "node_modules/rxjs/src/internal/operators/delayWhen.ts", "node_modules/rxjs/src/internal/operators/delay.ts", "node_modules/rxjs/src/internal/operators/distinct.ts", "node_modules/rxjs/src/internal/operators/distinctUntilChanged.ts", "node_modules/rxjs/src/internal/operators/distinctUntilKeyChanged.ts", "node_modules/rxjs/src/internal/operators/throwIfEmpty.ts", "node_modules/rxjs/src/internal/operators/endWith.ts", "node_modules/rxjs/src/internal/operators/exhaustMap.ts", "node_modules/rxjs/src/internal/operators/finalize.ts", "node_modules/rxjs/src/internal/operators/first.ts", "node_modules/rxjs/src/internal/operators/takeLast.ts", "node_modules/rxjs/src/internal/operators/merge.ts", "node_modules/rxjs/src/internal/operators/mergeWith.ts", "node_modules/rxjs/src/internal/operators/repeat.ts", "node_modules/rxjs/src/internal/operators/scan.ts", "node_modules/rxjs/src/internal/operators/share.ts", "node_modules/rxjs/src/internal/operators/shareReplay.ts", "node_modules/rxjs/src/internal/operators/skip.ts", "node_modules/rxjs/src/internal/operators/skipUntil.ts", "node_modules/rxjs/src/internal/operators/startWith.ts", "node_modules/rxjs/src/internal/operators/switchMap.ts", "node_modules/rxjs/src/internal/operators/takeUntil.ts", "node_modules/rxjs/src/internal/operators/takeWhile.ts", "node_modules/rxjs/src/internal/operators/tap.ts", "node_modules/rxjs/src/internal/operators/throttle.ts", "node_modules/rxjs/src/internal/operators/throttleTime.ts", "node_modules/rxjs/src/internal/operators/withLatestFrom.ts", "node_modules/rxjs/src/internal/operators/zip.ts", "node_modules/rxjs/src/internal/operators/zipWith.ts", "src/templates/assets/javascripts/browser/document/index.ts", "src/templates/assets/javascripts/browser/element/_/index.ts", "src/templates/assets/javascripts/browser/element/focus/index.ts", "src/templates/assets/javascripts/browser/element/hover/index.ts", "src/templates/assets/javascripts/utilities/h/index.ts", "src/templates/assets/javascripts/utilities/round/index.ts", "src/templates/assets/javascripts/browser/script/index.ts", "src/templates/assets/javascripts/browser/element/size/_/index.ts", "src/templates/assets/javascripts/browser/element/size/content/index.ts", "src/templates/assets/javascripts/browser/element/offset/_/index.ts", "src/templates/assets/javascripts/browser/element/offset/content/index.ts", "src/templates/assets/javascripts/browser/element/visibility/index.ts", "src/templates/assets/javascripts/browser/toggle/index.ts", "src/templates/assets/javascripts/browser/keyboard/index.ts", "src/templates/assets/javascripts/browser/location/_/index.ts", "src/templates/assets/javascripts/browser/location/hash/index.ts", "src/templates/assets/javascripts/browser/media/index.ts", "src/templates/assets/javascripts/browser/request/index.ts", "src/templates/assets/javascripts/browser/viewport/offset/index.ts", "src/templates/assets/javascripts/browser/viewport/size/index.ts", "src/templates/assets/javascripts/browser/viewport/_/index.ts", "src/templates/assets/javascripts/browser/viewport/at/index.ts", "src/templates/assets/javascripts/browser/worker/index.ts", "src/templates/assets/javascripts/_/index.ts", "src/templates/assets/javascripts/components/_/index.ts", "src/templates/assets/javascripts/components/announce/index.ts", "src/templates/assets/javascripts/components/consent/index.ts", "src/templates/assets/javascripts/templates/tooltip/index.tsx", "src/templates/assets/javascripts/templates/annotation/index.tsx", "src/templates/assets/javascripts/templates/clipboard/index.tsx", "src/templates/assets/javascripts/templates/search/index.tsx", "src/templates/assets/javascripts/templates/source/index.tsx", "src/templates/assets/javascripts/templates/tabbed/index.tsx", "src/templates/assets/javascripts/templates/table/index.tsx", "src/templates/assets/javascripts/templates/version/index.tsx", "src/templates/assets/javascripts/components/tooltip2/index.ts", "src/templates/assets/javascripts/components/content/annotation/_/index.ts", "src/templates/assets/javascripts/components/content/annotation/list/index.ts", "src/templates/assets/javascripts/components/content/annotation/block/index.ts", "src/templates/assets/javascripts/components/content/code/_/index.ts", "src/templates/assets/javascripts/components/content/details/index.ts", "src/templates/assets/javascripts/components/content/link/index.ts", "src/templates/assets/javascripts/components/content/mermaid/index.css", "src/templates/assets/javascripts/components/content/mermaid/index.ts", "src/templates/assets/javascripts/components/content/table/index.ts", "src/templates/assets/javascripts/components/content/tabs/index.ts", "src/templates/assets/javascripts/components/content/_/index.ts", "src/templates/assets/javascripts/components/dialog/index.ts", "src/templates/assets/javascripts/components/tooltip/index.ts", "src/templates/assets/javascripts/components/header/_/index.ts", "src/templates/assets/javascripts/components/header/title/index.ts", "src/templates/assets/javascripts/components/main/index.ts", "src/templates/assets/javascripts/components/palette/index.ts", "src/templates/assets/javascripts/components/progress/index.ts", "src/templates/assets/javascripts/integrations/sitemap/index.ts", "src/templates/assets/javascripts/integrations/alternate/index.ts", "src/templates/assets/javascripts/integrations/clipboard/index.ts", "src/templates/assets/javascripts/integrations/instant/index.ts", "src/templates/assets/javascripts/integrations/search/highlighter/index.ts", "src/templates/assets/javascripts/integrations/search/worker/message/index.ts", "src/templates/assets/javascripts/integrations/search/worker/_/index.ts", "src/templates/assets/javascripts/integrations/version/findurl/index.ts", "src/templates/assets/javascripts/integrations/version/index.ts", "src/templates/assets/javascripts/components/search/query/index.ts", "src/templates/assets/javascripts/components/search/result/index.ts", "src/templates/assets/javascripts/components/search/share/index.ts", "src/templates/assets/javascripts/components/search/suggest/index.ts", "src/templates/assets/javascripts/components/search/_/index.ts", "src/templates/assets/javascripts/components/search/highlight/index.ts", "src/templates/assets/javascripts/components/sidebar/index.ts", "src/templates/assets/javascripts/components/source/facts/github/index.ts", "src/templates/assets/javascripts/components/source/facts/gitlab/index.ts", "src/templates/assets/javascripts/components/source/facts/_/index.ts", "src/templates/assets/javascripts/components/source/_/index.ts", "src/templates/assets/javascripts/components/tabs/index.ts", "src/templates/assets/javascripts/components/toc/index.ts", "src/templates/assets/javascripts/components/top/index.ts", "src/templates/assets/javascripts/patches/ellipsis/index.ts", "src/templates/assets/javascripts/patches/indeterminate/index.ts", "src/templates/assets/javascripts/patches/scrollfix/index.ts", "src/templates/assets/javascripts/patches/scrolllock/index.ts", "src/templates/assets/javascripts/polyfills/index.ts"],
+ "sourcesContent": ["(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? factory() :\n typeof define === 'function' && define.amd ? define(factory) :\n (factory());\n}(this, (function () { 'use strict';\n\n /**\n * Applies the :focus-visible polyfill at the given scope.\n * A scope in this case is either the top-level Document or a Shadow Root.\n *\n * @param {(Document|ShadowRoot)} scope\n * @see https://github.com/WICG/focus-visible\n */\n function applyFocusVisiblePolyfill(scope) {\n var hadKeyboardEvent = true;\n var hadFocusVisibleRecently = false;\n var hadFocusVisibleRecentlyTimeout = null;\n\n var inputTypesAllowlist = {\n text: true,\n search: true,\n url: true,\n tel: true,\n email: true,\n password: true,\n number: true,\n date: true,\n month: true,\n week: true,\n time: true,\n datetime: true,\n 'datetime-local': true\n };\n\n /**\n * Helper function for legacy browsers and iframes which sometimes focus\n * elements like document, body, and non-interactive SVG.\n * @param {Element} el\n */\n function isValidFocusTarget(el) {\n if (\n el &&\n el !== document &&\n el.nodeName !== 'HTML' &&\n el.nodeName !== 'BODY' &&\n 'classList' in el &&\n 'contains' in el.classList\n ) {\n return true;\n }\n return false;\n }\n\n /**\n * Computes whether the given element should automatically trigger the\n * `focus-visible` class being added, i.e. whether it should always match\n * `:focus-visible` when focused.\n * @param {Element} el\n * @return {boolean}\n */\n function focusTriggersKeyboardModality(el) {\n var type = el.type;\n var tagName = el.tagName;\n\n if (tagName === 'INPUT' && inputTypesAllowlist[type] && !el.readOnly) {\n return true;\n }\n\n if (tagName === 'TEXTAREA' && !el.readOnly) {\n return true;\n }\n\n if (el.isContentEditable) {\n return true;\n }\n\n return false;\n }\n\n /**\n * Add the `focus-visible` class to the given element if it was not added by\n * the author.\n * @param {Element} el\n */\n function addFocusVisibleClass(el) {\n if (el.classList.contains('focus-visible')) {\n return;\n }\n el.classList.add('focus-visible');\n el.setAttribute('data-focus-visible-added', '');\n }\n\n /**\n * Remove the `focus-visible` class from the given element if it was not\n * originally added by the author.\n * @param {Element} el\n */\n function removeFocusVisibleClass(el) {\n if (!el.hasAttribute('data-focus-visible-added')) {\n return;\n }\n el.classList.remove('focus-visible');\n el.removeAttribute('data-focus-visible-added');\n }\n\n /**\n * If the most recent user interaction was via the keyboard;\n * and the key press did not include a meta, alt/option, or control key;\n * then the modality is keyboard. Otherwise, the modality is not keyboard.\n * Apply `focus-visible` to any current active element and keep track\n * of our keyboard modality state with `hadKeyboardEvent`.\n * @param {KeyboardEvent} e\n */\n function onKeyDown(e) {\n if (e.metaKey || e.altKey || e.ctrlKey) {\n return;\n }\n\n if (isValidFocusTarget(scope.activeElement)) {\n addFocusVisibleClass(scope.activeElement);\n }\n\n hadKeyboardEvent = true;\n }\n\n /**\n * If at any point a user clicks with a pointing device, ensure that we change\n * the modality away from keyboard.\n * This avoids the situation where a user presses a key on an already focused\n * element, and then clicks on a different element, focusing it with a\n * pointing device, while we still think we're in keyboard modality.\n * @param {Event} e\n */\n function onPointerDown(e) {\n hadKeyboardEvent = false;\n }\n\n /**\n * On `focus`, add the `focus-visible` class to the target if:\n * - the target received focus as a result of keyboard navigation, or\n * - the event target is an element that will likely require interaction\n * via the keyboard (e.g. a text box)\n * @param {Event} e\n */\n function onFocus(e) {\n // Prevent IE from focusing the document or HTML element.\n if (!isValidFocusTarget(e.target)) {\n return;\n }\n\n if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {\n addFocusVisibleClass(e.target);\n }\n }\n\n /**\n * On `blur`, remove the `focus-visible` class from the target.\n * @param {Event} e\n */\n function onBlur(e) {\n if (!isValidFocusTarget(e.target)) {\n return;\n }\n\n if (\n e.target.classList.contains('focus-visible') ||\n e.target.hasAttribute('data-focus-visible-added')\n ) {\n // To detect a tab/window switch, we look for a blur event followed\n // rapidly by a visibility change.\n // If we don't see a visibility change within 100ms, it's probably a\n // regular focus change.\n hadFocusVisibleRecently = true;\n window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {\n hadFocusVisibleRecently = false;\n }, 100);\n removeFocusVisibleClass(e.target);\n }\n }\n\n /**\n * If the user changes tabs, keep track of whether or not the previously\n * focused element had .focus-visible.\n * @param {Event} e\n */\n function onVisibilityChange(e) {\n if (document.visibilityState === 'hidden') {\n // If the tab becomes active again, the browser will handle calling focus\n // on the element (Safari actually calls it twice).\n // If this tab change caused a blur on an element with focus-visible,\n // re-apply the class when the user switches back to the tab.\n if (hadFocusVisibleRecently) {\n hadKeyboardEvent = true;\n }\n addInitialPointerMoveListeners();\n }\n }\n\n /**\n * Add a group of listeners to detect usage of any pointing devices.\n * These listeners will be added when the polyfill first loads, and anytime\n * the window is blurred, so that they are active when the window regains\n * focus.\n */\n function addInitialPointerMoveListeners() {\n document.addEventListener('mousemove', onInitialPointerMove);\n document.addEventListener('mousedown', onInitialPointerMove);\n document.addEventListener('mouseup', onInitialPointerMove);\n document.addEventListener('pointermove', onInitialPointerMove);\n document.addEventListener('pointerdown', onInitialPointerMove);\n document.addEventListener('pointerup', onInitialPointerMove);\n document.addEventListener('touchmove', onInitialPointerMove);\n document.addEventListener('touchstart', onInitialPointerMove);\n document.addEventListener('touchend', onInitialPointerMove);\n }\n\n function removeInitialPointerMoveListeners() {\n document.removeEventListener('mousemove', onInitialPointerMove);\n document.removeEventListener('mousedown', onInitialPointerMove);\n document.removeEventListener('mouseup', onInitialPointerMove);\n document.removeEventListener('pointermove', onInitialPointerMove);\n document.removeEventListener('pointerdown', onInitialPointerMove);\n document.removeEventListener('pointerup', onInitialPointerMove);\n document.removeEventListener('touchmove', onInitialPointerMove);\n document.removeEventListener('touchstart', onInitialPointerMove);\n document.removeEventListener('touchend', onInitialPointerMove);\n }\n\n /**\n * When the polfyill first loads, assume the user is in keyboard modality.\n * If any event is received from a pointing device (e.g. mouse, pointer,\n * touch), turn off keyboard modality.\n * This accounts for situations where focus enters the page from the URL bar.\n * @param {Event} e\n */\n function onInitialPointerMove(e) {\n // Work around a Safari quirk that fires a mousemove on whenever the\n // window blurs, even if you're tabbing out of the page. \u00AF\\_(\u30C4)_/\u00AF\n if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {\n return;\n }\n\n hadKeyboardEvent = false;\n removeInitialPointerMoveListeners();\n }\n\n // For some kinds of state, we are interested in changes at the global scope\n // only. For example, global pointer input, global key presses and global\n // visibility change should affect the state at every scope:\n document.addEventListener('keydown', onKeyDown, true);\n document.addEventListener('mousedown', onPointerDown, true);\n document.addEventListener('pointerdown', onPointerDown, true);\n document.addEventListener('touchstart', onPointerDown, true);\n document.addEventListener('visibilitychange', onVisibilityChange, true);\n\n addInitialPointerMoveListeners();\n\n // For focus and blur, we specifically care about state changes in the local\n // scope. This is because focus / blur events that originate from within a\n // shadow root are not re-dispatched from the host element if it was already\n // the active element in its own scope:\n scope.addEventListener('focus', onFocus, true);\n scope.addEventListener('blur', onBlur, true);\n\n // We detect that a node is a ShadowRoot by ensuring that it is a\n // DocumentFragment and also has a host property. This check covers native\n // implementation and polyfill implementation transparently. If we only cared\n // about the native implementation, we could just check if the scope was\n // an instance of a ShadowRoot.\n if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {\n // Since a ShadowRoot is a special kind of DocumentFragment, it does not\n // have a root element to add a class to. So, we add this attribute to the\n // host element instead:\n scope.host.setAttribute('data-js-focus-visible', '');\n } else if (scope.nodeType === Node.DOCUMENT_NODE) {\n document.documentElement.classList.add('js-focus-visible');\n document.documentElement.setAttribute('data-js-focus-visible', '');\n }\n }\n\n // It is important to wrap all references to global window and document in\n // these checks to support server-side rendering use cases\n // @see https://github.com/WICG/focus-visible/issues/199\n if (typeof window !== 'undefined' && typeof document !== 'undefined') {\n // Make the polyfill helper globally available. This can be used as a signal\n // to interested libraries that wish to coordinate with the polyfill for e.g.,\n // applying the polyfill to a shadow root:\n window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;\n\n // Notify interested libraries of the polyfill's presence, in case the\n // polyfill was loaded lazily:\n var event;\n\n try {\n event = new CustomEvent('focus-visible-polyfill-ready');\n } catch (error) {\n // IE11 does not support using CustomEvent as a constructor directly:\n event = document.createEvent('CustomEvent');\n event.initCustomEvent('focus-visible-polyfill-ready', false, false, {});\n }\n\n window.dispatchEvent(event);\n }\n\n if (typeof document !== 'undefined') {\n // Apply the polyfill to the global document, so that no JavaScript\n // coordination is required to use the polyfill in the top-level document:\n applyFocusVisiblePolyfill(document);\n }\n\n})));\n", "/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n var str = '' + string;\n var match = matchHtmlRegExp.exec(str);\n\n if (!match) {\n return str;\n }\n\n var escape;\n var html = '';\n var index = 0;\n var lastIndex = 0;\n\n for (index = match.index; index < str.length; index++) {\n switch (str.charCodeAt(index)) {\n case 34: // \"\n escape = '"';\n break;\n case 38: // &\n escape = '&';\n break;\n case 39: // '\n escape = ''';\n break;\n case 60: // <\n escape = '<';\n break;\n case 62: // >\n escape = '>';\n break;\n default:\n continue;\n }\n\n if (lastIndex !== index) {\n html += str.substring(lastIndex, index);\n }\n\n lastIndex = index + 1;\n html += escape;\n }\n\n return lastIndex !== index\n ? html + str.substring(lastIndex, index)\n : html;\n}\n", "/*!\n * clipboard.js v2.0.11\n * https://clipboardjs.com/\n *\n * Licensed MIT \u00A9 Zeno Rocha\n */\n(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ClipboardJS\"] = factory();\n\telse\n\t\troot[\"ClipboardJS\"] = factory();\n})(this, function() {\nreturn /******/ (function() { // webpackBootstrap\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ 686:\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n \"default\": function() { return /* binding */ clipboard; }\n});\n\n// EXTERNAL MODULE: ./node_modules/tiny-emitter/index.js\nvar tiny_emitter = __webpack_require__(279);\nvar tiny_emitter_default = /*#__PURE__*/__webpack_require__.n(tiny_emitter);\n// EXTERNAL MODULE: ./node_modules/good-listener/src/listen.js\nvar listen = __webpack_require__(370);\nvar listen_default = /*#__PURE__*/__webpack_require__.n(listen);\n// EXTERNAL MODULE: ./node_modules/select/src/select.js\nvar src_select = __webpack_require__(817);\nvar select_default = /*#__PURE__*/__webpack_require__.n(src_select);\n;// CONCATENATED MODULE: ./src/common/command.js\n/**\n * Executes a given operation type.\n * @param {String} type\n * @return {Boolean}\n */\nfunction command(type) {\n try {\n return document.execCommand(type);\n } catch (err) {\n return false;\n }\n}\n;// CONCATENATED MODULE: ./src/actions/cut.js\n\n\n/**\n * Cut action wrapper.\n * @param {String|HTMLElement} target\n * @return {String}\n */\n\nvar ClipboardActionCut = function ClipboardActionCut(target) {\n var selectedText = select_default()(target);\n command('cut');\n return selectedText;\n};\n\n/* harmony default export */ var actions_cut = (ClipboardActionCut);\n;// CONCATENATED MODULE: ./src/common/create-fake-element.js\n/**\n * Creates a fake textarea element with a value.\n * @param {String} value\n * @return {HTMLElement}\n */\nfunction createFakeElement(value) {\n var isRTL = document.documentElement.getAttribute('dir') === 'rtl';\n var fakeElement = document.createElement('textarea'); // Prevent zooming on iOS\n\n fakeElement.style.fontSize = '12pt'; // Reset box model\n\n fakeElement.style.border = '0';\n fakeElement.style.padding = '0';\n fakeElement.style.margin = '0'; // Move element out of screen horizontally\n\n fakeElement.style.position = 'absolute';\n fakeElement.style[isRTL ? 'right' : 'left'] = '-9999px'; // Move element to the same position vertically\n\n var yPosition = window.pageYOffset || document.documentElement.scrollTop;\n fakeElement.style.top = \"\".concat(yPosition, \"px\");\n fakeElement.setAttribute('readonly', '');\n fakeElement.value = value;\n return fakeElement;\n}\n;// CONCATENATED MODULE: ./src/actions/copy.js\n\n\n\n/**\n * Create fake copy action wrapper using a fake element.\n * @param {String} target\n * @param {Object} options\n * @return {String}\n */\n\nvar fakeCopyAction = function fakeCopyAction(value, options) {\n var fakeElement = createFakeElement(value);\n options.container.appendChild(fakeElement);\n var selectedText = select_default()(fakeElement);\n command('copy');\n fakeElement.remove();\n return selectedText;\n};\n/**\n * Copy action wrapper.\n * @param {String|HTMLElement} target\n * @param {Object} options\n * @return {String}\n */\n\n\nvar ClipboardActionCopy = function ClipboardActionCopy(target) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n container: document.body\n };\n var selectedText = '';\n\n if (typeof target === 'string') {\n selectedText = fakeCopyAction(target, options);\n } else if (target instanceof HTMLInputElement && !['text', 'search', 'url', 'tel', 'password'].includes(target === null || target === void 0 ? void 0 : target.type)) {\n // If input type doesn't support `setSelectionRange`. Simulate it. https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n selectedText = fakeCopyAction(target.value, options);\n } else {\n selectedText = select_default()(target);\n command('copy');\n }\n\n return selectedText;\n};\n\n/* harmony default export */ var actions_copy = (ClipboardActionCopy);\n;// CONCATENATED MODULE: ./src/actions/default.js\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\n\n\n/**\n * Inner function which performs selection from either `text` or `target`\n * properties and then executes copy or cut operations.\n * @param {Object} options\n */\n\nvar ClipboardActionDefault = function ClipboardActionDefault() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n // Defines base properties passed from constructor.\n var _options$action = options.action,\n action = _options$action === void 0 ? 'copy' : _options$action,\n container = options.container,\n target = options.target,\n text = options.text; // Sets the `action` to be performed which can be either 'copy' or 'cut'.\n\n if (action !== 'copy' && action !== 'cut') {\n throw new Error('Invalid \"action\" value, use either \"copy\" or \"cut\"');\n } // Sets the `target` property using an element that will be have its content copied.\n\n\n if (target !== undefined) {\n if (target && _typeof(target) === 'object' && target.nodeType === 1) {\n if (action === 'copy' && target.hasAttribute('disabled')) {\n throw new Error('Invalid \"target\" attribute. Please use \"readonly\" instead of \"disabled\" attribute');\n }\n\n if (action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {\n throw new Error('Invalid \"target\" attribute. You can\\'t cut text from elements with \"readonly\" or \"disabled\" attributes');\n }\n } else {\n throw new Error('Invalid \"target\" value, use a valid Element');\n }\n } // Define selection strategy based on `text` property.\n\n\n if (text) {\n return actions_copy(text, {\n container: container\n });\n } // Defines which selection strategy based on `target` property.\n\n\n if (target) {\n return action === 'cut' ? actions_cut(target) : actions_copy(target, {\n container: container\n });\n }\n};\n\n/* harmony default export */ var actions_default = (ClipboardActionDefault);\n;// CONCATENATED MODULE: ./src/clipboard.js\nfunction clipboard_typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { clipboard_typeof = function _typeof(obj) { return typeof obj; }; } else { clipboard_typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return clipboard_typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (clipboard_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n\n\n\n\n\n/**\n * Helper function to retrieve attribute value.\n * @param {String} suffix\n * @param {Element} element\n */\n\nfunction getAttributeValue(suffix, element) {\n var attribute = \"data-clipboard-\".concat(suffix);\n\n if (!element.hasAttribute(attribute)) {\n return;\n }\n\n return element.getAttribute(attribute);\n}\n/**\n * Base class which takes one or more elements, adds event listeners to them,\n * and instantiates a new `ClipboardAction` on each click.\n */\n\n\nvar Clipboard = /*#__PURE__*/function (_Emitter) {\n _inherits(Clipboard, _Emitter);\n\n var _super = _createSuper(Clipboard);\n\n /**\n * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n * @param {Object} options\n */\n function Clipboard(trigger, options) {\n var _this;\n\n _classCallCheck(this, Clipboard);\n\n _this = _super.call(this);\n\n _this.resolveOptions(options);\n\n _this.listenClick(trigger);\n\n return _this;\n }\n /**\n * Defines if attributes would be resolved using internal setter functions\n * or custom functions that were passed in the constructor.\n * @param {Object} options\n */\n\n\n _createClass(Clipboard, [{\n key: \"resolveOptions\",\n value: function resolveOptions() {\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n this.action = typeof options.action === 'function' ? options.action : this.defaultAction;\n this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;\n this.text = typeof options.text === 'function' ? options.text : this.defaultText;\n this.container = clipboard_typeof(options.container) === 'object' ? options.container : document.body;\n }\n /**\n * Adds a click event listener to the passed trigger.\n * @param {String|HTMLElement|HTMLCollection|NodeList} trigger\n */\n\n }, {\n key: \"listenClick\",\n value: function listenClick(trigger) {\n var _this2 = this;\n\n this.listener = listen_default()(trigger, 'click', function (e) {\n return _this2.onClick(e);\n });\n }\n /**\n * Defines a new `ClipboardAction` on each click event.\n * @param {Event} e\n */\n\n }, {\n key: \"onClick\",\n value: function onClick(e) {\n var trigger = e.delegateTarget || e.currentTarget;\n var action = this.action(trigger) || 'copy';\n var text = actions_default({\n action: action,\n container: this.container,\n target: this.target(trigger),\n text: this.text(trigger)\n }); // Fires an event based on the copy operation result.\n\n this.emit(text ? 'success' : 'error', {\n action: action,\n text: text,\n trigger: trigger,\n clearSelection: function clearSelection() {\n if (trigger) {\n trigger.focus();\n }\n\n window.getSelection().removeAllRanges();\n }\n });\n }\n /**\n * Default `action` lookup function.\n * @param {Element} trigger\n */\n\n }, {\n key: \"defaultAction\",\n value: function defaultAction(trigger) {\n return getAttributeValue('action', trigger);\n }\n /**\n * Default `target` lookup function.\n * @param {Element} trigger\n */\n\n }, {\n key: \"defaultTarget\",\n value: function defaultTarget(trigger) {\n var selector = getAttributeValue('target', trigger);\n\n if (selector) {\n return document.querySelector(selector);\n }\n }\n /**\n * Allow fire programmatically a copy action\n * @param {String|HTMLElement} target\n * @param {Object} options\n * @returns Text copied.\n */\n\n }, {\n key: \"defaultText\",\n\n /**\n * Default `text` lookup function.\n * @param {Element} trigger\n */\n value: function defaultText(trigger) {\n return getAttributeValue('text', trigger);\n }\n /**\n * Destroy lifecycle.\n */\n\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.listener.destroy();\n }\n }], [{\n key: \"copy\",\n value: function copy(target) {\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n container: document.body\n };\n return actions_copy(target, options);\n }\n /**\n * Allow fire programmatically a cut action\n * @param {String|HTMLElement} target\n * @returns Text cutted.\n */\n\n }, {\n key: \"cut\",\n value: function cut(target) {\n return actions_cut(target);\n }\n /**\n * Returns the support of the given action, or all actions if no action is\n * given.\n * @param {String} [action]\n */\n\n }, {\n key: \"isSupported\",\n value: function isSupported() {\n var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];\n var actions = typeof action === 'string' ? [action] : action;\n var support = !!document.queryCommandSupported;\n actions.forEach(function (action) {\n support = support && !!document.queryCommandSupported(action);\n });\n return support;\n }\n }]);\n\n return Clipboard;\n}((tiny_emitter_default()));\n\n/* harmony default export */ var clipboard = (Clipboard);\n\n/***/ }),\n\n/***/ 828:\n/***/ (function(module) {\n\nvar DOCUMENT_NODE_TYPE = 9;\n\n/**\n * A polyfill for Element.matches()\n */\nif (typeof Element !== 'undefined' && !Element.prototype.matches) {\n var proto = Element.prototype;\n\n proto.matches = proto.matchesSelector ||\n proto.mozMatchesSelector ||\n proto.msMatchesSelector ||\n proto.oMatchesSelector ||\n proto.webkitMatchesSelector;\n}\n\n/**\n * Finds the closest parent that matches a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @return {Function}\n */\nfunction closest (element, selector) {\n while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {\n if (typeof element.matches === 'function' &&\n element.matches(selector)) {\n return element;\n }\n element = element.parentNode;\n }\n}\n\nmodule.exports = closest;\n\n\n/***/ }),\n\n/***/ 438:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar closest = __webpack_require__(828);\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction _delegate(element, selector, type, callback, useCapture) {\n var listenerFn = listener.apply(this, arguments);\n\n element.addEventListener(type, listenerFn, useCapture);\n\n return {\n destroy: function() {\n element.removeEventListener(type, listenerFn, useCapture);\n }\n }\n}\n\n/**\n * Delegates event to a selector.\n *\n * @param {Element|String|Array} [elements]\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @param {Boolean} useCapture\n * @return {Object}\n */\nfunction delegate(elements, selector, type, callback, useCapture) {\n // Handle the regular Element usage\n if (typeof elements.addEventListener === 'function') {\n return _delegate.apply(null, arguments);\n }\n\n // Handle Element-less usage, it defaults to global delegation\n if (typeof type === 'function') {\n // Use `document` as the first parameter, then apply arguments\n // This is a short way to .unshift `arguments` without running into deoptimizations\n return _delegate.bind(null, document).apply(null, arguments);\n }\n\n // Handle Selector-based usage\n if (typeof elements === 'string') {\n elements = document.querySelectorAll(elements);\n }\n\n // Handle Array-like based usage\n return Array.prototype.map.call(elements, function (element) {\n return _delegate(element, selector, type, callback, useCapture);\n });\n}\n\n/**\n * Finds closest match and invokes callback.\n *\n * @param {Element} element\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Function}\n */\nfunction listener(element, selector, type, callback) {\n return function(e) {\n e.delegateTarget = closest(e.target, selector);\n\n if (e.delegateTarget) {\n callback.call(element, e);\n }\n }\n}\n\nmodule.exports = delegate;\n\n\n/***/ }),\n\n/***/ 879:\n/***/ (function(__unused_webpack_module, exports) {\n\n/**\n * Check if argument is a HTML element.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.node = function(value) {\n return value !== undefined\n && value instanceof HTMLElement\n && value.nodeType === 1;\n};\n\n/**\n * Check if argument is a list of HTML elements.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.nodeList = function(value) {\n var type = Object.prototype.toString.call(value);\n\n return value !== undefined\n && (type === '[object NodeList]' || type === '[object HTMLCollection]')\n && ('length' in value)\n && (value.length === 0 || exports.node(value[0]));\n};\n\n/**\n * Check if argument is a string.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.string = function(value) {\n return typeof value === 'string'\n || value instanceof String;\n};\n\n/**\n * Check if argument is a function.\n *\n * @param {Object} value\n * @return {Boolean}\n */\nexports.fn = function(value) {\n var type = Object.prototype.toString.call(value);\n\n return type === '[object Function]';\n};\n\n\n/***/ }),\n\n/***/ 370:\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nvar is = __webpack_require__(879);\nvar delegate = __webpack_require__(438);\n\n/**\n * Validates all params and calls the right\n * listener function based on its target type.\n *\n * @param {String|HTMLElement|HTMLCollection|NodeList} target\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listen(target, type, callback) {\n if (!target && !type && !callback) {\n throw new Error('Missing required arguments');\n }\n\n if (!is.string(type)) {\n throw new TypeError('Second argument must be a String');\n }\n\n if (!is.fn(callback)) {\n throw new TypeError('Third argument must be a Function');\n }\n\n if (is.node(target)) {\n return listenNode(target, type, callback);\n }\n else if (is.nodeList(target)) {\n return listenNodeList(target, type, callback);\n }\n else if (is.string(target)) {\n return listenSelector(target, type, callback);\n }\n else {\n throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');\n }\n}\n\n/**\n * Adds an event listener to a HTML element\n * and returns a remove listener function.\n *\n * @param {HTMLElement} node\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNode(node, type, callback) {\n node.addEventListener(type, callback);\n\n return {\n destroy: function() {\n node.removeEventListener(type, callback);\n }\n }\n}\n\n/**\n * Add an event listener to a list of HTML elements\n * and returns a remove listener function.\n *\n * @param {NodeList|HTMLCollection} nodeList\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenNodeList(nodeList, type, callback) {\n Array.prototype.forEach.call(nodeList, function(node) {\n node.addEventListener(type, callback);\n });\n\n return {\n destroy: function() {\n Array.prototype.forEach.call(nodeList, function(node) {\n node.removeEventListener(type, callback);\n });\n }\n }\n}\n\n/**\n * Add an event listener to a selector\n * and returns a remove listener function.\n *\n * @param {String} selector\n * @param {String} type\n * @param {Function} callback\n * @return {Object}\n */\nfunction listenSelector(selector, type, callback) {\n return delegate(document.body, selector, type, callback);\n}\n\nmodule.exports = listen;\n\n\n/***/ }),\n\n/***/ 817:\n/***/ (function(module) {\n\nfunction select(element) {\n var selectedText;\n\n if (element.nodeName === 'SELECT') {\n element.focus();\n\n selectedText = element.value;\n }\n else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {\n var isReadOnly = element.hasAttribute('readonly');\n\n if (!isReadOnly) {\n element.setAttribute('readonly', '');\n }\n\n element.select();\n element.setSelectionRange(0, element.value.length);\n\n if (!isReadOnly) {\n element.removeAttribute('readonly');\n }\n\n selectedText = element.value;\n }\n else {\n if (element.hasAttribute('contenteditable')) {\n element.focus();\n }\n\n var selection = window.getSelection();\n var range = document.createRange();\n\n range.selectNodeContents(element);\n selection.removeAllRanges();\n selection.addRange(range);\n\n selectedText = selection.toString();\n }\n\n return selectedText;\n}\n\nmodule.exports = select;\n\n\n/***/ }),\n\n/***/ 279:\n/***/ (function(module) {\n\nfunction E () {\n // Keep this empty so it's easier to inherit from\n // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)\n}\n\nE.prototype = {\n on: function (name, callback, ctx) {\n var e = this.e || (this.e = {});\n\n (e[name] || (e[name] = [])).push({\n fn: callback,\n ctx: ctx\n });\n\n return this;\n },\n\n once: function (name, callback, ctx) {\n var self = this;\n function listener () {\n self.off(name, listener);\n callback.apply(ctx, arguments);\n };\n\n listener._ = callback\n return this.on(name, listener, ctx);\n },\n\n emit: function (name) {\n var data = [].slice.call(arguments, 1);\n var evtArr = ((this.e || (this.e = {}))[name] || []).slice();\n var i = 0;\n var len = evtArr.length;\n\n for (i; i < len; i++) {\n evtArr[i].fn.apply(evtArr[i].ctx, data);\n }\n\n return this;\n },\n\n off: function (name, callback) {\n var e = this.e || (this.e = {});\n var evts = e[name];\n var liveEvents = [];\n\n if (evts && callback) {\n for (var i = 0, len = evts.length; i < len; i++) {\n if (evts[i].fn !== callback && evts[i].fn._ !== callback)\n liveEvents.push(evts[i]);\n }\n }\n\n // Remove event from queue to prevent memory leak\n // Suggested by https://github.com/lazd\n // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910\n\n (liveEvents.length)\n ? e[name] = liveEvents\n : delete e[name];\n\n return this;\n }\n};\n\nmodule.exports = E;\nmodule.exports.TinyEmitter = E;\n\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(__webpack_module_cache__[moduleId]) {\n/******/ \t\t\treturn __webpack_module_cache__[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/compat get default export */\n/******/ \t!function() {\n/******/ \t\t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t\t__webpack_require__.n = function(module) {\n/******/ \t\t\tvar getter = module && module.__esModule ?\n/******/ \t\t\t\tfunction() { return module['default']; } :\n/******/ \t\t\t\tfunction() { return module; };\n/******/ \t\t\t__webpack_require__.d(getter, { a: getter });\n/******/ \t\t\treturn getter;\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function() {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function(exports, definition) {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function() {\n/******/ \t\t__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n/******/ \t}();\n/******/ \t\n/************************************************************************/\n/******/ \t// module exports must be returned from runtime so entry inlining is disabled\n/******/ \t// startup\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(686);\n/******/ })()\n.default;\n});", "/*\n * Copyright (c) 2016-2025 Martin Donath \n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to\n * deal in the Software without restriction, including without limitation the\n * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n * sell copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n * IN THE SOFTWARE.\n */\n\nimport \"focus-visible\"\n\nimport {\n EMPTY,\n NEVER,\n Observable,\n Subject,\n defer,\n delay,\n filter,\n map,\n merge,\n mergeWith,\n shareReplay,\n switchMap\n} from \"rxjs\"\n\nimport { configuration, feature } from \"./_\"\nimport {\n at,\n getActiveElement,\n getOptionalElement,\n requestJSON,\n setLocation,\n setToggle,\n watchDocument,\n watchKeyboard,\n watchLocation,\n watchLocationTarget,\n watchMedia,\n watchPrint,\n watchScript,\n watchViewport\n} from \"./browser\"\nimport {\n getComponentElement,\n getComponentElements,\n mountAnnounce,\n mountBackToTop,\n mountConsent,\n mountContent,\n mountDialog,\n mountHeader,\n mountHeaderTitle,\n mountPalette,\n mountProgress,\n mountSearch,\n mountSearchHiglight,\n mountSidebar,\n mountSource,\n mountTableOfContents,\n mountTabs,\n watchHeader,\n watchMain\n} from \"./components\"\nimport {\n SearchIndex,\n fetchSitemap,\n setupAlternate,\n setupClipboardJS,\n setupInstantNavigation,\n setupVersionSelector\n} from \"./integrations\"\nimport {\n patchEllipsis,\n patchIndeterminate,\n patchScrollfix,\n patchScrolllock\n} from \"./patches\"\nimport \"./polyfills\"\n\n/* ----------------------------------------------------------------------------\n * Functions - @todo refactor\n * ------------------------------------------------------------------------- */\n\n/**\n * Fetch search index\n *\n * @returns Search index observable\n */\nfunction fetchSearchIndex(): Observable {\n if (location.protocol === \"file:\") {\n return watchScript(\n `${new URL(\"search/search_index.js\", config.base)}`\n )\n .pipe(\n // @ts-ignore - @todo fix typings\n map(() => __index),\n shareReplay(1)\n )\n } else {\n return requestJSON(\n new URL(\"search/search_index.json\", config.base)\n )\n }\n}\n\n/* ----------------------------------------------------------------------------\n * Application\n * ------------------------------------------------------------------------- */\n\n/* Yay, JavaScript is available */\ndocument.documentElement.classList.remove(\"no-js\")\ndocument.documentElement.classList.add(\"js\")\n\n/* Set up navigation observables and subjects */\nconst document$ = watchDocument()\nconst location$ = watchLocation()\nconst target$ = watchLocationTarget(location$)\nconst keyboard$ = watchKeyboard()\n\n/* Set up media observables */\nconst viewport$ = watchViewport()\nconst tablet$ = watchMedia(\"(min-width: 60em)\")\nconst screen$ = watchMedia(\"(min-width: 76.25em)\")\nconst print$ = watchPrint()\n\n/* Retrieve search index, if search is enabled */\nconst config = configuration()\nconst index$ = document.forms.namedItem(\"search\")\n ? fetchSearchIndex()\n : NEVER\n\n/* Set up Clipboard.js integration */\nconst alert$ = new Subject()\nsetupClipboardJS({ alert$ })\n\n/* Set up language selector */\nsetupAlternate({ document$ })\n\n/* Set up progress indicator */\nconst progress$ = new Subject()\n\n/* Set up sitemap for instant navigation and previews */\nconst sitemap$ = fetchSitemap(config.base)\n\n/* Set up instant navigation, if enabled */\nif (feature(\"navigation.instant\"))\n setupInstantNavigation({ sitemap$, location$, viewport$, progress$ })\n .subscribe(document$)\n\n/* Set up version selector */\nif (config.version?.provider === \"mike\")\n setupVersionSelector({ document$ })\n\n/* Always close drawer and search on navigation */\nmerge(location$, target$)\n .pipe(\n delay(125)\n )\n .subscribe(() => {\n setToggle(\"drawer\", false)\n setToggle(\"search\", false)\n })\n\n/* Set up global keyboard handlers */\nkeyboard$\n .pipe(\n filter(({ mode }) => mode === \"global\")\n )\n .subscribe(key => {\n switch (key.type) {\n\n /* Go to previous page */\n case \"p\":\n case \",\":\n const prev = getOptionalElement(\"link[rel=prev]\")\n if (typeof prev !== \"undefined\")\n setLocation(prev)\n break\n\n /* Go to next page */\n case \"n\":\n case \".\":\n const next = getOptionalElement(\"link[rel=next]\")\n if (typeof next !== \"undefined\")\n setLocation(next)\n break\n\n /* Expand navigation, see https://bit.ly/3ZjG5io */\n case \"Enter\":\n const active = getActiveElement()\n if (active instanceof HTMLLabelElement)\n active.click()\n }\n })\n\n/* Set up patches */\npatchEllipsis({ viewport$, document$ })\npatchIndeterminate({ document$, tablet$ })\npatchScrollfix({ document$ })\npatchScrolllock({ viewport$, tablet$ })\n\n/* Set up header and main area observable */\nconst header$ = watchHeader(getComponentElement(\"header\"), { viewport$ })\nconst main$ = document$\n .pipe(\n map(() => getComponentElement(\"main\")),\n switchMap(el => watchMain(el, { viewport$, header$ })),\n shareReplay(1)\n )\n\n/* Set up control component observables */\nconst control$ = merge(\n\n /* Consent */\n ...getComponentElements(\"consent\")\n .map(el => mountConsent(el, { target$ })),\n\n /* Dialog */\n ...getComponentElements(\"dialog\")\n .map(el => mountDialog(el, { alert$ })),\n\n /* Color palette */\n ...getComponentElements(\"palette\")\n .map(el => mountPalette(el)),\n\n /* Progress bar */\n ...getComponentElements(\"progress\")\n .map(el => mountProgress(el, { progress$ })),\n\n /* Search */\n ...getComponentElements(\"search\")\n .map(el => mountSearch(el, { index$, keyboard$ })),\n\n /* Repository information */\n ...getComponentElements(\"source\")\n .map(el => mountSource(el))\n)\n\n/* Set up content component observables */\nconst content$ = defer(() => merge(\n\n /* Announcement bar */\n ...getComponentElements(\"announce\")\n .map(el => mountAnnounce(el)),\n\n /* Content */\n ...getComponentElements(\"content\")\n .map(el => mountContent(el, { sitemap$, viewport$, target$, print$ })),\n\n /* Search highlighting */\n ...getComponentElements(\"content\")\n .map(el => feature(\"search.highlight\")\n ? mountSearchHiglight(el, { index$, location$ })\n : EMPTY\n ),\n\n /* Header */\n ...getComponentElements(\"header\")\n .map(el => mountHeader(el, { viewport$, header$, main$ })),\n\n /* Header title */\n ...getComponentElements(\"header-title\")\n .map(el => mountHeaderTitle(el, { viewport$, header$ })),\n\n /* Sidebar */\n ...getComponentElements(\"sidebar\")\n .map(el => el.getAttribute(\"data-md-type\") === \"navigation\"\n ? at(screen$, () => mountSidebar(el, { viewport$, header$, main$ }))\n : at(tablet$, () => mountSidebar(el, { viewport$, header$, main$ }))\n ),\n\n /* Navigation tabs */\n ...getComponentElements(\"tabs\")\n .map(el => mountTabs(el, { viewport$, header$ })),\n\n /* Table of contents */\n ...getComponentElements(\"toc\")\n .map(el => mountTableOfContents(el, {\n viewport$, header$, main$, target$\n })),\n\n /* Back-to-top button */\n ...getComponentElements(\"top\")\n .map(el => mountBackToTop(el, { viewport$, header$, main$, target$ }))\n))\n\n/* Set up component observables */\nconst component$ = document$\n .pipe(\n switchMap(() => content$),\n mergeWith(control$),\n shareReplay(1)\n )\n\n/* Subscribe to all components */\ncomponent$.subscribe()\n\n/* ----------------------------------------------------------------------------\n * Exports\n * ------------------------------------------------------------------------- */\n\nwindow.document$ = document$ /* Document observable */\nwindow.location$ = location$ /* Location subject */\nwindow.target$ = target$ /* Location target observable */\nwindow.keyboard$ = keyboard$ /* Keyboard observable */\nwindow.viewport$ = viewport$ /* Viewport observable */\nwindow.tablet$ = tablet$ /* Media tablet observable */\nwindow.screen$ = screen$ /* Media screen observable */\nwindow.print$ = print$ /* Media print observable */\nwindow.alert$ = alert$ /* Alert subject */\nwindow.progress$ = progress$ /* Progress indicator subject */\nwindow.component$ = component$ /* Component observable */\n", "/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\n\nvar extendStatics = function(d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n};\n\nexport function __extends(d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\n\nexport var __assign = function() {\n __assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n }\n return __assign.apply(this, arguments);\n}\n\nexport function __rest(s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n}\n\nexport function __decorate(decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\n\nexport function __param(paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n}\n\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\n var _, done = false;\n for (var i = decorators.length - 1; i >= 0; i--) {\n var context = {};\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\n if (kind === \"accessor\") {\n if (result === void 0) continue;\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\n if (_ = accept(result.get)) descriptor.get = _;\n if (_ = accept(result.set)) descriptor.set = _;\n if (_ = accept(result.init)) initializers.unshift(_);\n }\n else if (_ = accept(result)) {\n if (kind === \"field\") initializers.unshift(_);\n else descriptor[key] = _;\n }\n }\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\n done = true;\n};\n\nexport function __runInitializers(thisArg, initializers, value) {\n var useValue = arguments.length > 2;\n for (var i = 0; i < initializers.length; i++) {\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\n }\n return useValue ? value : void 0;\n};\n\nexport function __propKey(x) {\n return typeof x === \"symbol\" ? x : \"\".concat(x);\n};\n\nexport function __setFunctionName(f, name, prefix) {\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\n};\n\nexport function __metadata(metadataKey, metadataValue) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\n}\n\nexport function __awaiter(thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n}\n\nexport function __generator(thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n}\n\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n});\n\nexport function __exportStar(m, o) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\n}\n\nexport function __values(o) {\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n if (m) return m.call(o);\n if (o && typeof o.length === \"number\") return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return { value: o && o[i++], done: !o };\n }\n };\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n}\n\nexport function __read(o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n}\n\n/** @deprecated */\nexport function __spread() {\n for (var ar = [], i = 0; i < arguments.length; i++)\n ar = ar.concat(__read(arguments[i]));\n return ar;\n}\n\n/** @deprecated */\nexport function __spreadArrays() {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n r[k] = a[j];\n return r;\n}\n\nexport function __spreadArray(to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n}\n\nexport function __await(v) {\n return this instanceof __await ? (this.v = v, this) : new __await(v);\n}\n\nexport function __asyncGenerator(thisArg, _arguments, generator) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\n function fulfill(value) { resume(\"next\", value); }\n function reject(value) { resume(\"throw\", value); }\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\n}\n\nexport function __asyncDelegator(o) {\n var i, p;\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\n}\n\nexport function __asyncValues(o) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var m = o[Symbol.asyncIterator], i;\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\n}\n\nexport function __makeTemplateObject(cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\nvar __setModuleDefault = Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n};\n\nexport function __importStar(mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n __setModuleDefault(result, mod);\n return result;\n}\n\nexport function __importDefault(mod) {\n return (mod && mod.__esModule) ? mod : { default: mod };\n}\n\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n}\n\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n}\n\nexport function __classPrivateFieldIn(state, receiver) {\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\n}\n\nexport function __addDisposableResource(env, value, async) {\n if (value !== null && value !== void 0) {\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\n var dispose, inner;\n if (async) {\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\n dispose = value[Symbol.asyncDispose];\n }\n if (dispose === void 0) {\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\n dispose = value[Symbol.dispose];\n if (async) inner = dispose;\n }\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\n env.stack.push({ value: value, dispose: dispose, async: async });\n }\n else if (async) {\n env.stack.push({ async: true });\n }\n return value;\n}\n\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\n var e = new Error(message);\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\n};\n\nexport function __disposeResources(env) {\n function fail(e) {\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\n env.hasError = true;\n }\n var r, s = 0;\n function next() {\n while (r = env.stack.pop()) {\n try {\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\n if (r.dispose) {\n var result = r.dispose.call(r.value);\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\n }\n else s |= 1;\n }\n catch (e) {\n fail(e);\n }\n }\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\n if (env.hasError) throw env.error;\n }\n return next();\n}\n\nexport default {\n __extends,\n __assign,\n __rest,\n __decorate,\n __param,\n __metadata,\n __awaiter,\n __generator,\n __createBinding,\n __exportStar,\n __values,\n __read,\n __spread,\n __spreadArrays,\n __spreadArray,\n __await,\n __asyncGenerator,\n __asyncDelegator,\n __asyncValues,\n __makeTemplateObject,\n __importStar,\n __importDefault,\n __classPrivateFieldGet,\n __classPrivateFieldSet,\n __classPrivateFieldIn,\n __addDisposableResource,\n __disposeResources,\n};\n", "/**\n * Returns true if the object is a function.\n * @param value The value to check\n */\nexport function isFunction(value: any): value is (...args: any[]) => any {\n return typeof value === 'function';\n}\n", "/**\n * Used to create Error subclasses until the community moves away from ES5.\n *\n * This is because compiling from TypeScript down to ES5 has issues with subclassing Errors\n * as well as other built-in types: https://github.com/Microsoft/TypeScript/issues/12123\n *\n * @param createImpl A factory function to create the actual constructor implementation. The returned\n * function should be a named function that calls `_super` internally.\n */\nexport function createErrorClass(createImpl: (_super: any) => any): T {\n const _super = (instance: any) => {\n Error.call(instance);\n instance.stack = new Error().stack;\n };\n\n const ctorFunc = createImpl(_super);\n ctorFunc.prototype = Object.create(Error.prototype);\n ctorFunc.prototype.constructor = ctorFunc;\n return ctorFunc;\n}\n", "import { createErrorClass } from './createErrorClass';\n\nexport interface UnsubscriptionError extends Error {\n readonly errors: any[];\n}\n\nexport interface UnsubscriptionErrorCtor {\n /**\n * @deprecated Internal implementation detail. Do not construct error instances.\n * Cannot be tagged as internal: https://github.com/ReactiveX/rxjs/issues/6269\n */\n new (errors: any[]): UnsubscriptionError;\n}\n\n/**\n * An error thrown when one or more errors have occurred during the\n * `unsubscribe` of a {@link Subscription}.\n */\nexport const UnsubscriptionError: UnsubscriptionErrorCtor = createErrorClass(\n (_super) =>\n function UnsubscriptionErrorImpl(this: any, errors: (Error | string)[]) {\n _super(this);\n this.message = errors\n ? `${errors.length} errors occurred during unsubscription:\n${errors.map((err, i) => `${i + 1}) ${err.toString()}`).join('\\n ')}`\n : '';\n this.name = 'UnsubscriptionError';\n this.errors = errors;\n }\n);\n", "/**\n * Removes an item from an array, mutating it.\n * @param arr The array to remove the item from\n * @param item The item to remove\n */\nexport function arrRemove(arr: T[] | undefined | null, item: T) {\n if (arr) {\n const index = arr.indexOf(item);\n 0 <= index && arr.splice(index, 1);\n }\n}\n", "import { isFunction } from './util/isFunction';\nimport { UnsubscriptionError } from './util/UnsubscriptionError';\nimport { SubscriptionLike, TeardownLogic, Unsubscribable } from './types';\nimport { arrRemove } from './util/arrRemove';\n\n/**\n * Represents a disposable resource, such as the execution of an Observable. A\n * Subscription has one important method, `unsubscribe`, that takes no argument\n * and just disposes the resource held by the subscription.\n *\n * Additionally, subscriptions may be grouped together through the `add()`\n * method, which will attach a child Subscription to the current Subscription.\n * When a Subscription is unsubscribed, all its children (and its grandchildren)\n * will be unsubscribed as well.\n */\nexport class Subscription implements SubscriptionLike {\n public static EMPTY = (() => {\n const empty = new Subscription();\n empty.closed = true;\n return empty;\n })();\n\n /**\n * A flag to indicate whether this Subscription has already been unsubscribed.\n */\n public closed = false;\n\n private _parentage: Subscription[] | Subscription | null = null;\n\n /**\n * The list of registered finalizers to execute upon unsubscription. Adding and removing from this\n * list occurs in the {@link #add} and {@link #remove} methods.\n */\n private _finalizers: Exclude[] | null = null;\n\n /**\n * @param initialTeardown A function executed first as part of the finalization\n * process that is kicked off when {@link #unsubscribe} is called.\n */\n constructor(private initialTeardown?: () => void) {}\n\n /**\n * Disposes the resources held by the subscription. May, for instance, cancel\n * an ongoing Observable execution or cancel any other type of work that\n * started when the Subscription was created.\n */\n unsubscribe(): void {\n let errors: any[] | undefined;\n\n if (!this.closed) {\n this.closed = true;\n\n // Remove this from it's parents.\n const { _parentage } = this;\n if (_parentage) {\n this._parentage = null;\n if (Array.isArray(_parentage)) {\n for (const parent of _parentage) {\n parent.remove(this);\n }\n } else {\n _parentage.remove(this);\n }\n }\n\n const { initialTeardown: initialFinalizer } = this;\n if (isFunction(initialFinalizer)) {\n try {\n initialFinalizer();\n } catch (e) {\n errors = e instanceof UnsubscriptionError ? e.errors : [e];\n }\n }\n\n const { _finalizers } = this;\n if (_finalizers) {\n this._finalizers = null;\n for (const finalizer of _finalizers) {\n try {\n execFinalizer(finalizer);\n } catch (err) {\n errors = errors ?? [];\n if (err instanceof UnsubscriptionError) {\n errors = [...errors, ...err.errors];\n } else {\n errors.push(err);\n }\n }\n }\n }\n\n if (errors) {\n throw new UnsubscriptionError(errors);\n }\n }\n }\n\n /**\n * Adds a finalizer to this subscription, so that finalization will be unsubscribed/called\n * when this subscription is unsubscribed. If this subscription is already {@link #closed},\n * because it has already been unsubscribed, then whatever finalizer is passed to it\n * will automatically be executed (unless the finalizer itself is also a closed subscription).\n *\n * Closed Subscriptions cannot be added as finalizers to any subscription. Adding a closed\n * subscription to a any subscription will result in no operation. (A noop).\n *\n * Adding a subscription to itself, or adding `null` or `undefined` will not perform any\n * operation at all. (A noop).\n *\n * `Subscription` instances that are added to this instance will automatically remove themselves\n * if they are unsubscribed. Functions and {@link Unsubscribable} objects that you wish to remove\n * will need to be removed manually with {@link #remove}\n *\n * @param teardown The finalization logic to add to this subscription.\n */\n add(teardown: TeardownLogic): void {\n // Only add the finalizer if it's not undefined\n // and don't add a subscription to itself.\n if (teardown && teardown !== this) {\n if (this.closed) {\n // If this subscription is already closed,\n // execute whatever finalizer is handed to it automatically.\n execFinalizer(teardown);\n } else {\n if (teardown instanceof Subscription) {\n // We don't add closed subscriptions, and we don't add the same subscription\n // twice. Subscription unsubscribe is idempotent.\n if (teardown.closed || teardown._hasParent(this)) {\n return;\n }\n teardown._addParent(this);\n }\n (this._finalizers = this._finalizers ?? []).push(teardown);\n }\n }\n }\n\n /**\n * Checks to see if a this subscription already has a particular parent.\n * This will signal that this subscription has already been added to the parent in question.\n * @param parent the parent to check for\n */\n private _hasParent(parent: Subscription) {\n const { _parentage } = this;\n return _parentage === parent || (Array.isArray(_parentage) && _parentage.includes(parent));\n }\n\n /**\n * Adds a parent to this subscription so it can be removed from the parent if it\n * unsubscribes on it's own.\n *\n * NOTE: THIS ASSUMES THAT {@link _hasParent} HAS ALREADY BEEN CHECKED.\n * @param parent The parent subscription to add\n */\n private _addParent(parent: Subscription) {\n const { _parentage } = this;\n this._parentage = Array.isArray(_parentage) ? (_parentage.push(parent), _parentage) : _parentage ? [_parentage, parent] : parent;\n }\n\n /**\n * Called on a child when it is removed via {@link #remove}.\n * @param parent The parent to remove\n */\n private _removeParent(parent: Subscription) {\n const { _parentage } = this;\n if (_parentage === parent) {\n this._parentage = null;\n } else if (Array.isArray(_parentage)) {\n arrRemove(_parentage, parent);\n }\n }\n\n /**\n * Removes a finalizer from this subscription that was previously added with the {@link #add} method.\n *\n * Note that `Subscription` instances, when unsubscribed, will automatically remove themselves\n * from every other `Subscription` they have been added to. This means that using the `remove` method\n * is not a common thing and should be used thoughtfully.\n *\n * If you add the same finalizer instance of a function or an unsubscribable object to a `Subscription` instance\n * more than once, you will need to call `remove` the same number of times to remove all instances.\n *\n * All finalizer instances are removed to free up memory upon unsubscription.\n *\n * @param teardown The finalizer to remove from this subscription\n */\n remove(teardown: Exclude): void {\n const { _finalizers } = this;\n _finalizers && arrRemove(_finalizers, teardown);\n\n if (teardown instanceof Subscription) {\n teardown._removeParent(this);\n }\n }\n}\n\nexport const EMPTY_SUBSCRIPTION = Subscription.EMPTY;\n\nexport function isSubscription(value: any): value is Subscription {\n return (\n value instanceof Subscription ||\n (value && 'closed' in value && isFunction(value.remove) && isFunction(value.add) && isFunction(value.unsubscribe))\n );\n}\n\nfunction execFinalizer(finalizer: Unsubscribable | (() => void)) {\n if (isFunction(finalizer)) {\n finalizer();\n } else {\n finalizer.unsubscribe();\n }\n}\n", "import { Subscriber } from './Subscriber';\nimport { ObservableNotification } from './types';\n\n/**\n * The {@link GlobalConfig} object for RxJS. It is used to configure things\n * like how to react on unhandled errors.\n */\nexport const config: GlobalConfig = {\n onUnhandledError: null,\n onStoppedNotification: null,\n Promise: undefined,\n useDeprecatedSynchronousErrorHandling: false,\n useDeprecatedNextContext: false,\n};\n\n/**\n * The global configuration object for RxJS, used to configure things\n * like how to react on unhandled errors. Accessible via {@link config}\n * object.\n */\nexport interface GlobalConfig {\n /**\n * A registration point for unhandled errors from RxJS. These are errors that\n * cannot were not handled by consuming code in the usual subscription path. For\n * example, if you have this configured, and you subscribe to an observable without\n * providing an error handler, errors from that subscription will end up here. This\n * will _always_ be called asynchronously on another job in the runtime. This is because\n * we do not want errors thrown in this user-configured handler to interfere with the\n * behavior of the library.\n */\n onUnhandledError: ((err: any) => void) | null;\n\n /**\n * A registration point for notifications that cannot be sent to subscribers because they\n * have completed, errored or have been explicitly unsubscribed. By default, next, complete\n * and error notifications sent to stopped subscribers are noops. However, sometimes callers\n * might want a different behavior. For example, with sources that attempt to report errors\n * to stopped subscribers, a caller can configure RxJS to throw an unhandled error instead.\n * This will _always_ be called asynchronously on another job in the runtime. This is because\n * we do not want errors thrown in this user-configured handler to interfere with the\n * behavior of the library.\n */\n onStoppedNotification: ((notification: ObservableNotification, subscriber: Subscriber) => void) | null;\n\n /**\n * The promise constructor used by default for {@link Observable#toPromise toPromise} and {@link Observable#forEach forEach}\n * methods.\n *\n * @deprecated As of version 8, RxJS will no longer support this sort of injection of a\n * Promise constructor. If you need a Promise implementation other than native promises,\n * please polyfill/patch Promise as you see appropriate. Will be removed in v8.\n */\n Promise?: PromiseConstructorLike;\n\n /**\n * If true, turns on synchronous error rethrowing, which is a deprecated behavior\n * in v6 and higher. This behavior enables bad patterns like wrapping a subscribe\n * call in a try/catch block. It also enables producer interference, a nasty bug\n * where a multicast can be broken for all observers by a downstream consumer with\n * an unhandled error. DO NOT USE THIS FLAG UNLESS IT'S NEEDED TO BUY TIME\n * FOR MIGRATION REASONS.\n *\n * @deprecated As of version 8, RxJS will no longer support synchronous throwing\n * of unhandled errors. All errors will be thrown on a separate call stack to prevent bad\n * behaviors described above. Will be removed in v8.\n */\n useDeprecatedSynchronousErrorHandling: boolean;\n\n /**\n * If true, enables an as-of-yet undocumented feature from v5: The ability to access\n * `unsubscribe()` via `this` context in `next` functions created in observers passed\n * to `subscribe`.\n *\n * This is being removed because the performance was severely problematic, and it could also cause\n * issues when types other than POJOs are passed to subscribe as subscribers, as they will likely have\n * their `this` context overwritten.\n *\n * @deprecated As of version 8, RxJS will no longer support altering the\n * context of next functions provided as part of an observer to Subscribe. Instead,\n * you will have access to a subscription or a signal or token that will allow you to do things like\n * unsubscribe and test closed status. Will be removed in v8.\n */\n useDeprecatedNextContext: boolean;\n}\n", "import type { TimerHandle } from './timerHandle';\ntype SetTimeoutFunction = (handler: () => void, timeout?: number, ...args: any[]) => TimerHandle;\ntype ClearTimeoutFunction = (handle: TimerHandle) => void;\n\ninterface TimeoutProvider {\n setTimeout: SetTimeoutFunction;\n clearTimeout: ClearTimeoutFunction;\n delegate:\n | {\n setTimeout: SetTimeoutFunction;\n clearTimeout: ClearTimeoutFunction;\n }\n | undefined;\n}\n\nexport const timeoutProvider: TimeoutProvider = {\n // When accessing the delegate, use the variable rather than `this` so that\n // the functions can be called without being bound to the provider.\n setTimeout(handler: () => void, timeout?: number, ...args) {\n const { delegate } = timeoutProvider;\n if (delegate?.setTimeout) {\n return delegate.setTimeout(handler, timeout, ...args);\n }\n return setTimeout(handler, timeout, ...args);\n },\n clearTimeout(handle) {\n const { delegate } = timeoutProvider;\n return (delegate?.clearTimeout || clearTimeout)(handle as any);\n },\n delegate: undefined,\n};\n", "import { config } from '../config';\nimport { timeoutProvider } from '../scheduler/timeoutProvider';\n\n/**\n * Handles an error on another job either with the user-configured {@link onUnhandledError},\n * or by throwing it on that new job so it can be picked up by `window.onerror`, `process.on('error')`, etc.\n *\n * This should be called whenever there is an error that is out-of-band with the subscription\n * or when an error hits a terminal boundary of the subscription and no error handler was provided.\n *\n * @param err the error to report\n */\nexport function reportUnhandledError(err: any) {\n timeoutProvider.setTimeout(() => {\n const { onUnhandledError } = config;\n if (onUnhandledError) {\n // Execute the user-configured error handler.\n onUnhandledError(err);\n } else {\n // Throw so it is picked up by the runtime's uncaught error mechanism.\n throw err;\n }\n });\n}\n", "/* tslint:disable:no-empty */\nexport function noop() { }\n", "import { CompleteNotification, NextNotification, ErrorNotification } from './types';\n\n/**\n * A completion object optimized for memory use and created to be the\n * same \"shape\" as other notifications in v8.\n * @internal\n */\nexport const COMPLETE_NOTIFICATION = (() => createNotification('C', undefined, undefined) as CompleteNotification)();\n\n/**\n * Internal use only. Creates an optimized error notification that is the same \"shape\"\n * as other notifications.\n * @internal\n */\nexport function errorNotification(error: any): ErrorNotification {\n return createNotification('E', undefined, error) as any;\n}\n\n/**\n * Internal use only. Creates an optimized next notification that is the same \"shape\"\n * as other notifications.\n * @internal\n */\nexport function nextNotification(value: T) {\n return createNotification('N', value, undefined) as NextNotification;\n}\n\n/**\n * Ensures that all notifications created internally have the same \"shape\" in v8.\n *\n * TODO: This is only exported to support a crazy legacy test in `groupBy`.\n * @internal\n */\nexport function createNotification(kind: 'N' | 'E' | 'C', value: any, error: any) {\n return {\n kind,\n value,\n error,\n };\n}\n", "import { config } from '../config';\n\nlet context: { errorThrown: boolean; error: any } | null = null;\n\n/**\n * Handles dealing with errors for super-gross mode. Creates a context, in which\n * any synchronously thrown errors will be passed to {@link captureError}. Which\n * will record the error such that it will be rethrown after the call back is complete.\n * TODO: Remove in v8\n * @param cb An immediately executed function.\n */\nexport function errorContext(cb: () => void) {\n if (config.useDeprecatedSynchronousErrorHandling) {\n const isRoot = !context;\n if (isRoot) {\n context = { errorThrown: false, error: null };\n }\n cb();\n if (isRoot) {\n const { errorThrown, error } = context!;\n context = null;\n if (errorThrown) {\n throw error;\n }\n }\n } else {\n // This is the general non-deprecated path for everyone that\n // isn't crazy enough to use super-gross mode (useDeprecatedSynchronousErrorHandling)\n cb();\n }\n}\n\n/**\n * Captures errors only in super-gross mode.\n * @param err the error to capture\n */\nexport function captureError(err: any) {\n if (config.useDeprecatedSynchronousErrorHandling && context) {\n context.errorThrown = true;\n context.error = err;\n }\n}\n", "import { isFunction } from './util/isFunction';\nimport { Observer, ObservableNotification } from './types';\nimport { isSubscription, Subscription } from './Subscription';\nimport { config } from './config';\nimport { reportUnhandledError } from './util/reportUnhandledError';\nimport { noop } from './util/noop';\nimport { nextNotification, errorNotification, COMPLETE_NOTIFICATION } from './NotificationFactories';\nimport { timeoutProvider } from './scheduler/timeoutProvider';\nimport { captureError } from './util/errorContext';\n\n/**\n * Implements the {@link Observer} interface and extends the\n * {@link Subscription} class. While the {@link Observer} is the public API for\n * consuming the values of an {@link Observable}, all Observers get converted to\n * a Subscriber, in order to provide Subscription-like capabilities such as\n * `unsubscribe`. Subscriber is a common type in RxJS, and crucial for\n * implementing operators, but it is rarely used as a public API.\n */\nexport class Subscriber extends Subscription implements Observer {\n /**\n * A static factory for a Subscriber, given a (potentially partial) definition\n * of an Observer.\n * @param next The `next` callback of an Observer.\n * @param error The `error` callback of an\n * Observer.\n * @param complete The `complete` callback of an\n * Observer.\n * @return A Subscriber wrapping the (partially defined)\n * Observer represented by the given arguments.\n * @deprecated Do not use. Will be removed in v8. There is no replacement for this\n * method, and there is no reason to be creating instances of `Subscriber` directly.\n * If you have a specific use case, please file an issue.\n */\n static create(next?: (x?: T) => void, error?: (e?: any) => void, complete?: () => void): Subscriber {\n return new SafeSubscriber(next, error, complete);\n }\n\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n protected isStopped: boolean = false;\n /** @deprecated Internal implementation detail, do not use directly. Will be made internal in v8. */\n protected destination: Subscriber | Observer; // this `any` is the escape hatch to erase extra type param (e.g. R)\n\n /**\n * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n * There is no reason to directly create an instance of Subscriber. This type is exported for typings reasons.\n */\n constructor(destination?: Subscriber | Observer) {\n super();\n if (destination) {\n this.destination = destination;\n // Automatically chain subscriptions together here.\n // if destination is a Subscription, then it is a Subscriber.\n if (isSubscription(destination)) {\n destination.add(this);\n }\n } else {\n this.destination = EMPTY_OBSERVER;\n }\n }\n\n /**\n * The {@link Observer} callback to receive notifications of type `next` from\n * the Observable, with a value. The Observable may call this method 0 or more\n * times.\n * @param value The `next` value.\n */\n next(value: T): void {\n if (this.isStopped) {\n handleStoppedNotification(nextNotification(value), this);\n } else {\n this._next(value!);\n }\n }\n\n /**\n * The {@link Observer} callback to receive notifications of type `error` from\n * the Observable, with an attached `Error`. Notifies the Observer that\n * the Observable has experienced an error condition.\n * @param err The `error` exception.\n */\n error(err?: any): void {\n if (this.isStopped) {\n handleStoppedNotification(errorNotification(err), this);\n } else {\n this.isStopped = true;\n this._error(err);\n }\n }\n\n /**\n * The {@link Observer} callback to receive a valueless notification of type\n * `complete` from the Observable. Notifies the Observer that the Observable\n * has finished sending push-based notifications.\n */\n complete(): void {\n if (this.isStopped) {\n handleStoppedNotification(COMPLETE_NOTIFICATION, this);\n } else {\n this.isStopped = true;\n this._complete();\n }\n }\n\n unsubscribe(): void {\n if (!this.closed) {\n this.isStopped = true;\n super.unsubscribe();\n this.destination = null!;\n }\n }\n\n protected _next(value: T): void {\n this.destination.next(value);\n }\n\n protected _error(err: any): void {\n try {\n this.destination.error(err);\n } finally {\n this.unsubscribe();\n }\n }\n\n protected _complete(): void {\n try {\n this.destination.complete();\n } finally {\n this.unsubscribe();\n }\n }\n}\n\n/**\n * This bind is captured here because we want to be able to have\n * compatibility with monoid libraries that tend to use a method named\n * `bind`. In particular, a library called Monio requires this.\n */\nconst _bind = Function.prototype.bind;\n\nfunction bind any>(fn: Fn, thisArg: any): Fn {\n return _bind.call(fn, thisArg);\n}\n\n/**\n * Internal optimization only, DO NOT EXPOSE.\n * @internal\n */\nclass ConsumerObserver implements Observer {\n constructor(private partialObserver: Partial>) {}\n\n next(value: T): void {\n const { partialObserver } = this;\n if (partialObserver.next) {\n try {\n partialObserver.next(value);\n } catch (error) {\n handleUnhandledError(error);\n }\n }\n }\n\n error(err: any): void {\n const { partialObserver } = this;\n if (partialObserver.error) {\n try {\n partialObserver.error(err);\n } catch (error) {\n handleUnhandledError(error);\n }\n } else {\n handleUnhandledError(err);\n }\n }\n\n complete(): void {\n const { partialObserver } = this;\n if (partialObserver.complete) {\n try {\n partialObserver.complete();\n } catch (error) {\n handleUnhandledError(error);\n }\n }\n }\n}\n\nexport class SafeSubscriber extends Subscriber {\n constructor(\n observerOrNext?: Partial> | ((value: T) => void) | null,\n error?: ((e?: any) => void) | null,\n complete?: (() => void) | null\n ) {\n super();\n\n let partialObserver: Partial>;\n if (isFunction(observerOrNext) || !observerOrNext) {\n // The first argument is a function, not an observer. The next\n // two arguments *could* be observers, or they could be empty.\n partialObserver = {\n next: (observerOrNext ?? undefined) as ((value: T) => void) | undefined,\n error: error ?? undefined,\n complete: complete ?? undefined,\n };\n } else {\n // The first argument is a partial observer.\n let context: any;\n if (this && config.useDeprecatedNextContext) {\n // This is a deprecated path that made `this.unsubscribe()` available in\n // next handler functions passed to subscribe. This only exists behind a flag\n // now, as it is *very* slow.\n context = Object.create(observerOrNext);\n context.unsubscribe = () => this.unsubscribe();\n partialObserver = {\n next: observerOrNext.next && bind(observerOrNext.next, context),\n error: observerOrNext.error && bind(observerOrNext.error, context),\n complete: observerOrNext.complete && bind(observerOrNext.complete, context),\n };\n } else {\n // The \"normal\" path. Just use the partial observer directly.\n partialObserver = observerOrNext;\n }\n }\n\n // Wrap the partial observer to ensure it's a full observer, and\n // make sure proper error handling is accounted for.\n this.destination = new ConsumerObserver(partialObserver);\n }\n}\n\nfunction handleUnhandledError(error: any) {\n if (config.useDeprecatedSynchronousErrorHandling) {\n captureError(error);\n } else {\n // Ideal path, we report this as an unhandled error,\n // which is thrown on a new call stack.\n reportUnhandledError(error);\n }\n}\n\n/**\n * An error handler used when no error handler was supplied\n * to the SafeSubscriber -- meaning no error handler was supplied\n * do the `subscribe` call on our observable.\n * @param err The error to handle\n */\nfunction defaultErrorHandler(err: any) {\n throw err;\n}\n\n/**\n * A handler for notifications that cannot be sent to a stopped subscriber.\n * @param notification The notification being sent.\n * @param subscriber The stopped subscriber.\n */\nfunction handleStoppedNotification(notification: ObservableNotification, subscriber: Subscriber) {\n const { onStoppedNotification } = config;\n onStoppedNotification && timeoutProvider.setTimeout(() => onStoppedNotification(notification, subscriber));\n}\n\n/**\n * The observer used as a stub for subscriptions where the user did not\n * pass any arguments to `subscribe`. Comes with the default error handling\n * behavior.\n */\nexport const EMPTY_OBSERVER: Readonly> & { closed: true } = {\n closed: true,\n next: noop,\n error: defaultErrorHandler,\n complete: noop,\n};\n", "/**\n * Symbol.observable or a string \"@@observable\". Used for interop\n *\n * @deprecated We will no longer be exporting this symbol in upcoming versions of RxJS.\n * Instead polyfill and use Symbol.observable directly *or* use https://www.npmjs.com/package/symbol-observable\n */\nexport const observable: string | symbol = (() => (typeof Symbol === 'function' && Symbol.observable) || '@@observable')();\n", "/**\n * This function takes one parameter and just returns it. Simply put,\n * this is like `(x: T): T => x`.\n *\n * ## Examples\n *\n * This is useful in some cases when using things like `mergeMap`\n *\n * ```ts\n * import { interval, take, map, range, mergeMap, identity } from 'rxjs';\n *\n * const source$ = interval(1000).pipe(take(5));\n *\n * const result$ = source$.pipe(\n * map(i => range(i)),\n * mergeMap(identity) // same as mergeMap(x => x)\n * );\n *\n * result$.subscribe({\n * next: console.log\n * });\n * ```\n *\n * Or when you want to selectively apply an operator\n *\n * ```ts\n * import { interval, take, identity } from 'rxjs';\n *\n * const shouldLimit = () => Math.random() < 0.5;\n *\n * const source$ = interval(1000);\n *\n * const result$ = source$.pipe(shouldLimit() ? take(5) : identity);\n *\n * result$.subscribe({\n * next: console.log\n * });\n * ```\n *\n * @param x Any value that is returned by this function\n * @returns The value passed as the first parameter to this function\n */\nexport function identity(x: T): T {\n return x;\n}\n", "import { identity } from './identity';\nimport { UnaryFunction } from '../types';\n\nexport function pipe(): typeof identity;\nexport function pipe(fn1: UnaryFunction): UnaryFunction;\nexport function pipe(fn1: UnaryFunction, fn2: UnaryFunction): UnaryFunction;\nexport function pipe(fn1: UnaryFunction, fn2: UnaryFunction, fn3: UnaryFunction): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction,\n fn8: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction,\n fn8: UnaryFunction,\n fn9: UnaryFunction\n): UnaryFunction;\nexport function pipe(\n fn1: UnaryFunction,\n fn2: UnaryFunction,\n fn3: UnaryFunction,\n fn4: UnaryFunction,\n fn5: UnaryFunction,\n fn6: UnaryFunction,\n fn7: UnaryFunction,\n fn8: UnaryFunction,\n fn9: UnaryFunction,\n ...fns: UnaryFunction[]\n): UnaryFunction;\n\n/**\n * pipe() can be called on one or more functions, each of which can take one argument (\"UnaryFunction\")\n * and uses it to return a value.\n * It returns a function that takes one argument, passes it to the first UnaryFunction, and then\n * passes the result to the next one, passes that result to the next one, and so on. \n */\nexport function pipe(...fns: Array>): UnaryFunction {\n return pipeFromArray(fns);\n}\n\n/** @internal */\nexport function pipeFromArray(fns: Array>): UnaryFunction {\n if (fns.length === 0) {\n return identity as UnaryFunction;\n }\n\n if (fns.length === 1) {\n return fns[0];\n }\n\n return function piped(input: T): R {\n return fns.reduce((prev: any, fn: UnaryFunction) => fn(prev), input as any);\n };\n}\n", "import { Operator } from './Operator';\nimport { SafeSubscriber, Subscriber } from './Subscriber';\nimport { isSubscription, Subscription } from './Subscription';\nimport { TeardownLogic, OperatorFunction, Subscribable, Observer } from './types';\nimport { observable as Symbol_observable } from './symbol/observable';\nimport { pipeFromArray } from './util/pipe';\nimport { config } from './config';\nimport { isFunction } from './util/isFunction';\nimport { errorContext } from './util/errorContext';\n\n/**\n * A representation of any set of values over any amount of time. This is the most basic building block\n * of RxJS.\n */\nexport class Observable implements Subscribable {\n /**\n * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n */\n source: Observable | undefined;\n\n /**\n * @deprecated Internal implementation detail, do not use directly. Will be made internal in v8.\n */\n operator: Operator | undefined;\n\n /**\n * @param subscribe The function that is called when the Observable is\n * initially subscribed to. This function is given a Subscriber, to which new values\n * can be `next`ed, or an `error` method can be called to raise an error, or\n * `complete` can be called to notify of a successful completion.\n */\n constructor(subscribe?: (this: Observable, subscriber: Subscriber) => TeardownLogic) {\n if (subscribe) {\n this._subscribe = subscribe;\n }\n }\n\n // HACK: Since TypeScript inherits static properties too, we have to\n // fight against TypeScript here so Subject can have a different static create signature\n /**\n * Creates a new Observable by calling the Observable constructor\n * @param subscribe the subscriber function to be passed to the Observable constructor\n * @return A new observable.\n * @deprecated Use `new Observable()` instead. Will be removed in v8.\n */\n static create: (...args: any[]) => any =