kryten-webqueue 0.7.4__tar.gz → 0.8.0__tar.gz

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/CHANGELOG.md

@@ -4,6 +4,31 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [0.8.0] - 2026-06-08
+
+### Added
+
+- **Admin Playlists UI.** The placeholder is replaced with a full management page: list/create/delete saved playlists, a two-column item editor (catalog search-to-add, drag-and-drop plus up/down reorder, per-item remove), bulk text import (`cm:`/`type:id`/bare-token, with unresolved-line reporting), rename + immutable toggle, and "Import to Live" to load a playlist into the CyTube queue. A new stateless `POST /admin/playlists/parse-text` endpoint exposes the existing text parser so parsed items merge into the editor and persist via the existing `PUT /{id}/items`.
+- **Admin Schedules UI.** List of scheduled fires with playlist names, local fire times, lock window and status; create/edit/delete with `fire_at` (datetime-local → UTC), `pre_fire_lock_minutes`, `is_recurring`/`rrule`, and active toggle; "Fire Now"; and an active-schedule banner with "Clear Active".
+- **Admin Queue Management UI.** Live `queue_shadow` table (auto-refreshing) with pay/scheduled metadata, ETA, paid-by and Z cost; remove (auto-refund), jump, an admin add-item modal (catalog search + placement mode), and the catalog sync log with a "Sync Now" trigger.
+- **Upcoming-schedule announcement on the Queue page.** A public `GET /queue/next-schedule` feeds a banner with the next scheduled playlist, its fire time, and a live countdown (noting when pay-to-play is closed).
+- Shared admin CSS for section headers, forms, modals, badges, the playlist editor list, drag-reorder, and catalog-add results.
+
+### Changed
+
+- **Specific pre-fire-lock messaging.** Submitting during a lock window now returns `Pay-to-play is closed: "[event]" starts in N min.` instead of a generic locked error (surfaced in the existing toast).
+
+## [0.7.5] - 2026-06-08
+
+### Added
+
+- **Hidden categories/tags with an admin reveal toggle.** Items in the categories `Z Channel Promos`, `Z Event Movies`, `Weekday Z Promos` and the tags `grindhousebumper`, `commercialsforbumpers`, `bumpers`, `channelz`, `grindhousetrailer`, `publicaccess`, `religioustv` are now excluded from the catalog browse/search results and from the category/tag facet dropdowns. Admins (rank ≥ 3) see a notice — "Certain items are hidden from results. Show hidden items?" — that toggles them back into view via `?show_hidden=1` (ignored for non-admins).
+- **Modern, readability-focused typography.** The UI now loads Inter (body/controls) and Sora (headings) from Google Fonts, with antialiasing and `optimizeLegibility` enabled.
+
+### Removed
+
+- **"Play Next" buttons** are no longer shown on the catalog browse cards or the item detail page (the underlying play-next queue mechanism is unchanged).
+
 ## [0.7.4] - 2026-06-08
 
 ### Changed

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: kryten-webqueue
-Version: 0.7.4
+Version: 0.8.0
 Summary: Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube
 Author: grobertson
 License-Expression: MIT

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/kryten_webqueue/catalog/db.py

@@ -12,6 +12,47 @@ def _slugify(text: str) -> str:
     return s.strip("-") or "untitled"
 
 
+# Categories and tags whose items are hidden from the public catalog (dropdowns
+# and search results). Admins can opt to reveal them. Matched by exact name.
+HIDDEN_CATEGORY_NAMES = [
+    "Z Channel Promos",
+    "Z Event Movies",
+    "Weekday Z Promos",
+]
+HIDDEN_TAG_NAMES = [
+    "grindhousebumper",
+    "commercialsforbumpers",
+    "bumpers",
+    "channelz",
+    "grindhousetrailer",
+    "publicaccess",
+    "religioustv",
+]
+
+
+def _hidden_exclusion(alias: str = "c") -> tuple[str, list]:
+    """SQL fragment (+ params) excluding items in hidden categories/tags.
+
+    The fragment is prefixed with ``AND`` so it can be appended to an existing
+    WHERE clause that references the catalog row under ``alias``.
+    """
+    cat_ph = ",".join("?" * len(HIDDEN_CATEGORY_NAMES))
+    tag_ph = ",".join("?" * len(HIDDEN_TAG_NAMES))
+    sql = f"""
+            AND {alias}.friendly_token NOT IN (
+                SELECT cc.friendly_token FROM catalog_categories cc
+                JOIN categories cat ON cc.category_id = cat.id
+                WHERE cat.name IN ({cat_ph})
+            )
+            AND {alias}.friendly_token NOT IN (
+                SELECT ct.friendly_token FROM catalog_tags ct
+                JOIN tags t ON ct.tag_id = t.id
+                WHERE t.name IN ({tag_ph})
+            )
+    """
+    return sql, [*HIDDEN_CATEGORY_NAMES, *HIDDEN_TAG_NAMES]
+
+
 MIGRATIONS = [
     # v1: Migration tracking table
     """
@@ -245,7 +286,7 @@ class Database:
 
     # --- Catalog ---
 
-    async def browse(self, *, category: str | None = None, tag: str | None = None, page: int = 1, per_page: int = 24) -> list[dict]:
+    async def browse(self, *, category: str | None = None, tag: str | None = None, page: int = 1, per_page: int = 24, show_hidden: bool = False) -> list[dict]:
         query = """
             SELECT c.friendly_token, c.title, c.duration_sec, c.cover_art_path, c.thumbnail_url, c.manifest_url
             FROM catalog c
@@ -256,6 +297,10 @@ class Database:
             )
         """
         params: list = []
+        if not show_hidden:
+            excl_sql, excl_params = _hidden_exclusion("c")
+            query += excl_sql
+            params.extend(excl_params)
         if category:
             query += """
                 AND c.friendly_token IN (
@@ -296,7 +341,7 @@ class Database:
         params.extend([per_page, (page - 1) * per_page])
         return await self._fetch_all(query, params)
 
-    async def browse_count(self, *, category: str | None = None, tag: str | None = None) -> int:
+    async def browse_count(self, *, category: str | None = None, tag: str | None = None, show_hidden: bool = False) -> int:
         query = """
             SELECT COUNT(*) as cnt FROM catalog c
             WHERE c.friendly_token NOT IN (
@@ -306,6 +351,10 @@ class Database:
             )
         """
         params: list = []
+        if not show_hidden:
+            excl_sql, excl_params = _hidden_exclusion("c")
+            query += excl_sql
+            params.extend(excl_params)
         if category:
             query += """
                 AND c.friendly_token IN (
@@ -327,7 +376,7 @@ class Database:
         row = await self._fetch_one(query, params)
         return row["cnt"] if row else 0
 
-    async def search(self, query_text: str, *, page: int = 1, per_page: int = 24) -> list[dict]:
+    async def search(self, query_text: str, *, page: int = 1, per_page: int = 24, show_hidden: bool = False) -> list[dict]:
         sql = """
             SELECT c.friendly_token, c.title, c.duration_sec, c.cover_art_path, c.thumbnail_url, c.manifest_url,
                    rank AS relevance
@@ -339,12 +388,20 @@ class Database:
                   JOIN saved_playlists sp ON spi.playlist_id = sp.id
                   WHERE sp.is_immutable = 1 AND spi.media_type = 'cm'
               )
+        """
+        params: list = [query_text]
+        if not show_hidden:
+            excl_sql, excl_params = _hidden_exclusion("c")
+            sql += excl_sql
+            params.extend(excl_params)
+        sql += """
             ORDER BY rank
             LIMIT ? OFFSET ?
         """
-        return await self._fetch_all(sql, [query_text, per_page, (page - 1) * per_page])
+        params.extend([per_page, (page - 1) * per_page])
+        return await self._fetch_all(sql, params)
 
-    async def search_count(self, query_text: str) -> int:
+    async def search_count(self, query_text: str, *, show_hidden: bool = False) -> int:
         sql = """
             SELECT COUNT(*) as cnt
             FROM catalog_fts fts
@@ -356,7 +413,12 @@ class Database:
                   WHERE sp.is_immutable = 1 AND spi.media_type = 'cm'
               )
         """
-        row = await self._fetch_one(sql, [query_text])
+        params: list = [query_text]
+        if not show_hidden:
+            excl_sql, excl_params = _hidden_exclusion("c")
+            sql += excl_sql
+            params.extend(excl_params)
+        row = await self._fetch_one(sql, params)
         return row["cnt"] if row else 0
 
     async def get_item(self, friendly_token: str) -> dict | None:
@@ -438,31 +500,43 @@ class Database:
         row = await self._fetch_one(sql, [friendly_token])
         return row is not None
 
-    async def get_categories(self) -> list[dict]:
+    async def get_categories(self, *, show_hidden: bool = False) -> list[dict]:
         """Distinct categories that have at least one catalog item, for facets."""
-        return await self._fetch_all(
-            """
+        sql = """
             SELECT c.id, c.name, c.slug, COUNT(cc.friendly_token) AS cnt
             FROM categories c
             JOIN catalog_categories cc ON cc.category_id = c.id
+        """
+        params: list = []
+        if not show_hidden:
+            ph = ",".join("?" * len(HIDDEN_CATEGORY_NAMES))
+            sql += f" WHERE c.name NOT IN ({ph})"
+            params.extend(HIDDEN_CATEGORY_NAMES)
+        sql += """
             GROUP BY c.id, c.name, c.slug
             ORDER BY c.name
-            """
-        )
+        """
+        return await self._fetch_all(sql, params)
 
-    async def get_tags(self, *, limit: int = 100) -> list[dict]:
+    async def get_tags(self, *, limit: int = 100, show_hidden: bool = False) -> list[dict]:
         """Most-used tags that have at least one catalog item, for facets."""
-        return await self._fetch_all(
-            """
+        sql = """
             SELECT t.id, t.name, COUNT(ct.friendly_token) AS cnt
             FROM tags t
             JOIN catalog_tags ct ON ct.tag_id = t.id
+        """
+        params: list = []
+        if not show_hidden:
+            ph = ",".join("?" * len(HIDDEN_TAG_NAMES))
+            sql += f" WHERE t.name NOT IN ({ph})"
+            params.extend(HIDDEN_TAG_NAMES)
+        sql += """
             GROUP BY t.id, t.name
             ORDER BY cnt DESC, t.name ASC
             LIMIT ?
-            """,
-            [limit],
-        )
+        """
+        params.append(limit)
+        return await self._fetch_all(sql, params)
 
     async def upsert_category(self, name: str) -> int:
         """Insert a category by name (deriving a unique slug) and return its id."""
@@ -807,6 +881,21 @@ class Database:
         """)
         return row is not None
 
+    async def get_active_pre_fire_lock(self) -> dict | None:
+        """Return the schedule whose pre-fire lock window is currently active.
+
+        Used to give users a specific "pay-to-play closes before [event]"
+        message instead of a generic locked error.
+        """
+        return await self._fetch_one("""
+            SELECT * FROM playlist_schedules
+            WHERE is_active = 1
+              AND datetime(fire_at, '-' || pre_fire_lock_minutes || ' minutes') <= datetime('now')
+              AND fire_at > datetime('now')
+            ORDER BY fire_at
+            LIMIT 1
+        """)
+
     async def get_next_schedule(self) -> dict | None:
         return await self._fetch_one(
             "SELECT * FROM playlist_schedules WHERE is_active=1 AND fire_at > datetime('now') ORDER BY fire_at LIMIT 1"

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/kryten_webqueue/routes/admin_playlists.py

@@ -96,3 +96,18 @@ async def import_to_live(request: Request, playlist_id: int, user: dict = Depend
     )
     result = await importer.import_playlist(playlist_id)
     return result
+
+
+@router.post("/parse-text")
+async def parse_text(request: Request, user: dict = Depends(require_admin)):
+    """Parse the plain-text playlist import format into resolved items.
+
+    Stateless: returns {items, errors} for the editor to merge into its working
+    list. Persistence happens via PUT /{id}/items when the admin saves.
+    """
+    from ..playlists.importer import import_playlist_text
+
+    body = await request.json()
+    text = body.get("text", "")
+    db = request.app.state.db
+    return await import_playlist_text(db, text)

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/kryten_webqueue/routes/catalog.py

@@ -7,23 +7,25 @@ router = APIRouter(prefix="/catalog", tags=["catalog"])
 
 @router.get("/browse")
 async def browse(request: Request, category: str | None = None, tag: str | None = None,
-                 page: int = 1, user: dict = Depends(get_current_user)):
+                 page: int = 1, show_hidden: int = 0, user: dict = Depends(get_current_user)):
     """Browse catalog with optional category/tag filter."""
     db = request.app.state.db
-    items = await db.browse(category=category, tag=tag, page=page)
-    categories = await db.get_categories()
-    tags = await db.get_tags()
+    show_hidden = bool(show_hidden) and (user.get("rank") or 0) >= 3
+    items = await db.browse(category=category, tag=tag, page=page, show_hidden=show_hidden)
+    categories = await db.get_categories(show_hidden=show_hidden)
+    tags = await db.get_tags(show_hidden=show_hidden)
     return {"items": items, "categories": categories, "tags": tags, "page": page}
 
 
 @router.get("/search")
-async def search(request: Request, q: str = "", page: int = 1,
+async def search(request: Request, q: str = "", page: int = 1, show_hidden: int = 0,
                  user: dict = Depends(get_current_user)):
     """Full-text search of catalog."""
     if not q.strip():
         raise HTTPException(400, "Query required")
     db = request.app.state.db
-    items = await db.search(q, page=page)
+    show_hidden = bool(show_hidden) and (user.get("rank") or 0) >= 3
+    items = await db.search(q, page=page, show_hidden=show_hidden)
     return {"items": items, "query": q, "page": page}
 
 

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/kryten_webqueue/routes/pages.py

@@ -41,16 +41,19 @@ async def login_page(request: Request):
 
 @router.get("/catalog/browse", response_class=HTMLResponse)
 async def catalog_browse_page(request: Request, category: str | None = None,
-                              tag: str | None = None, page: int = 1):
+                              tag: str | None = None, page: int = 1,
+                              show_hidden: int = 0):
     user = _get_user_or_none(request)
     if not user:
         return RedirectResponse("/auth/login")
     db = request.app.state.db
-    items = await db.browse(category=category, tag=tag, page=page)
-    total = await db.browse_count(category=category, tag=tag)
+    is_admin = (user.get("rank") or 0) >= 3
+    show_hidden = bool(show_hidden) and is_admin
+    items = await db.browse(category=category, tag=tag, page=page, show_hidden=show_hidden)
+    total = await db.browse_count(category=category, tag=tag, show_hidden=show_hidden)
     total_pages = max(1, (total + 23) // 24)
-    categories = await db.get_categories()
-    tags = await db.get_tags()
+    categories = await db.get_categories(show_hidden=show_hidden)
+    tags = await db.get_tags(show_hidden=show_hidden)
     return templates.TemplateResponse(request, "catalog/browse.html", {
         "user": user,
         "items": items,
@@ -61,22 +64,27 @@ async def catalog_browse_page(request: Request, category: str | None = None,
         "active_category": category,
         "active_tag": tag,
         "query": None,
+        "is_admin": is_admin,
+        "show_hidden": show_hidden,
     })
 
 
 @router.get("/catalog/search", response_class=HTMLResponse)
-async def catalog_search_page(request: Request, q: str = "", page: int = 1):
+async def catalog_search_page(request: Request, q: str = "", page: int = 1,
+                             show_hidden: int = 0):
     user = _get_user_or_none(request)
     if not user:
         return RedirectResponse("/auth/login")
     if not q.strip():
         return RedirectResponse("/catalog/browse")
     db = request.app.state.db
-    items = await db.search(q, page=page)
-    total = await db.search_count(q)
+    is_admin = (user.get("rank") or 0) >= 3
+    show_hidden = bool(show_hidden) and is_admin
+    items = await db.search(q, page=page, show_hidden=show_hidden)
+    total = await db.search_count(q, show_hidden=show_hidden)
     total_pages = max(1, (total + 23) // 24)
-    categories = await db.get_categories()
-    tags = await db.get_tags()
+    categories = await db.get_categories(show_hidden=show_hidden)
+    tags = await db.get_tags(show_hidden=show_hidden)
     return templates.TemplateResponse(request, "catalog/browse.html", {
         "user": user,
         "items": items,
@@ -87,6 +95,8 @@ async def catalog_search_page(request: Request, q: str = "", page: int = 1):
         "active_category": None,
         "active_tag": None,
         "query": q,
+        "is_admin": is_admin,
+        "show_hidden": show_hidden,
     })
 
 

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/kryten_webqueue/routes/queue.py

@@ -1,4 +1,5 @@
 from fastapi import APIRouter, Request, Depends, HTTPException
+from datetime import datetime, UTC
 
 from ..auth.session import get_current_user
 from ..queue.ordering import insert_pay_queue, insert_pay_playnext
@@ -6,6 +7,25 @@ from ..queue.ordering import insert_pay_queue, insert_pay_playnext
 router = APIRouter(prefix="/queue", tags=["queue"])
 
 
+async def _pre_fire_lock_detail(db) -> str:
+    """Build a specific 'pay-to-play closes before [event]' message.
+
+    Falls back to a generic message if the locking schedule can't be read.
+    """
+    lock = await db.get_active_pre_fire_lock()
+    if not lock:
+        return "Queue is locked: a scheduled playlist is firing soon."
+    label = lock.get("label") or "a scheduled event"
+    try:
+        fire_at = datetime.fromisoformat(lock["fire_at"])
+        if fire_at.tzinfo is None:
+            fire_at = fire_at.replace(tzinfo=UTC)
+        minutes = max(0, round((fire_at - datetime.now(UTC)).total_seconds() / 60))
+        return f'Pay-to-play is closed: "{label}" starts in {minutes} min. Try again after the event.'
+    except Exception:
+        return f'Pay-to-play is closed ahead of "{label}". Try again after the event.'
+
+
 @router.get("/state")
 async def get_queue_state(request: Request, user: dict = Depends(get_current_user)):
     """Get current queue state."""
@@ -30,7 +50,7 @@ async def add_to_queue(request: Request, user: dict = Depends(get_current_user))
 
     # Check pre-fire lock
     if await db.is_pre_fire_lock_active():
-        raise HTTPException(423, "Queue is locked: scheduled playlist firing soon")
+        raise HTTPException(423, await _pre_fire_lock_detail(db))
 
     # Look up catalog item
     item = await db.get_item(friendly_token)
@@ -86,7 +106,7 @@ async def play_next(request: Request, user: dict = Depends(get_current_user)):
 
     # Check pre-fire lock
     if await db.is_pre_fire_lock_active():
-        raise HTTPException(423, "Queue is locked: scheduled playlist firing soon")
+        raise HTTPException(423, await _pre_fire_lock_detail(db))
 
     # Look up catalog item
     item = await db.get_item(friendly_token)
@@ -187,3 +207,21 @@ async def queue_history(request: Request, user: dict = Depends(get_current_user)
     db = request.app.state.db
     history = await db.get_user_queue_history(user["username"])
     return {"items": history}
+
+
+@router.get("/next-schedule")
+async def next_schedule(request: Request, user: dict = Depends(get_current_user)):
+    """Public-facing info about the next scheduled playlist (for the queue page
+    announcement banner). Returns {} when nothing is scheduled.
+    """
+    db = request.app.state.db
+    sched = await db.get_next_schedule()
+    if not sched:
+        return {}
+    lock_active = await db.is_pre_fire_lock_active()
+    return {
+        "label": sched.get("label"),
+        "fire_at": sched.get("fire_at"),
+        "pre_fire_lock_minutes": sched.get("pre_fire_lock_minutes"),
+        "lock_active": lock_active,
+    }

{kryten_webqueue-0.7.4 → kryten_webqueue-0.8.0}/kryten_webqueue/static/css/main.css

@@ -16,6 +16,8 @@
     --radius: 8px;
     --shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
     --nav-height: 4rem;
+    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    --font-heading: 'Sora', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
 }
 
 * {
@@ -30,11 +32,20 @@ html {
 }
 
 body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-family: var(--font-body);
     background: var(--bg-primary);
     color: var(--text-primary);
     line-height: 1.6;
     min-height: 100vh;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+}
+
+h1, h2, h3, h4, h5, h6,
+.nav-brand a {
+    font-family: var(--font-heading);
+    letter-spacing: -0.01em;
 }
 
 a {
@@ -50,7 +61,7 @@ a:hover {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 0.75rem 2rem;
+    padding: 0.35rem 2rem;
     background: var(--bg-secondary);
     border-bottom: 1px solid var(--border);
     position: sticky;
@@ -127,6 +138,18 @@ a:hover {
     align-items: center;
     flex-wrap: wrap;
 }
+.admin-hidden-notice {
+    margin-top: 0.85rem;
+    font-size: 0.85rem;
+    color: var(--text-secondary);
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+    flex-wrap: wrap;
+}
+.admin-hidden-notice a {
+    font-weight: 600;
+}
 .search-form {
     display: flex;
     gap: 0.5rem;
@@ -328,10 +351,10 @@ a:hover {
 /* Title spans the full width of the card. */
 .np-title {
     margin: 0;
-    font-size: 1.4rem;
-    line-height: 1.25;
+    font-size: 1rem;
+    line-height: 1.1;
     overflow-wrap: anywhere;
-    padding-bottom: 0.75rem;
+    padding-bottom: 0.5rem;
     border-bottom: 1px solid var(--border);
 }
 /* Image + time display sit side by side. */
@@ -499,10 +522,10 @@ a:hover {
 }
 /* Description + category/tag chips sit below the image / time row. */
 .np-description {
-    font-size: 0.9rem;
-    line-height: 1.5;
+    font-size: 0.7rem;
+    line-height: 1.1;
     color: var(--text-secondary);
-    padding-top: 0.75rem;
+    padding-top: 0.5rem;
     border-top: 1px solid var(--border);
     white-space: pre-line;
     overflow-wrap: anywhere;
@@ -959,3 +982,134 @@ a.np-chip {
     font-size: 0.85rem;
 }
 
+/* ===== Admin management UIs (playlists / schedules / queue) ===== */
+.section-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    flex-wrap: wrap;
+    margin-bottom: 1rem;
+}
+.section-head h2 { margin-bottom: 0; }
+.btn-group {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+.btn-xs {
+    padding: 0.15rem 0.45rem;
+    font-size: 0.72rem;
+    border: 1px solid var(--border);
+    border-radius: 4px;
+    background: var(--bg-card);
+    color: var(--text-primary);
+    cursor: pointer;
+}
+.btn-xs:hover { background: var(--bg-hover); }
+.btn-xs:disabled { opacity: 0.4; cursor: not-allowed; }
+.row-actions {
+    display: flex;
+    gap: 0.4rem;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+}
+.muted { color: var(--text-secondary); font-size: 0.85rem; }
+
+/* Badges */
+.badge {
+    display: inline-block;
+    font-size: 0.7rem;
+    padding: 0.1rem 0.45rem;
+    border-radius: 999px;
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    color: var(--text-secondary);
+}
+.badge-warn { background: rgba(253, 203, 110, 0.15); border-color: var(--warning); color: var(--warning); }
+.badge-accent { background: rgba(108, 92, 231, 0.2); border-color: var(--accent); color: var(--text-primary); }
+
+/* Modal form fields */
+.field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.3rem;
+    margin-bottom: 0.85rem;
+}
+.field > span { font-size: 0.8rem; color: var(--text-secondary); }
+.field input, .field select, .field textarea {
+    padding: 0.5rem 0.65rem;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--bg-secondary);
+    color: var(--text-primary);
+    font: inherit;
+    width: 100%;
+}
+.check {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-size: 0.85rem;
+    margin-bottom: 0.85rem;
+    cursor: pointer;
+}
+
+/* Playlist editor */
+.editor-grid {
+    display: grid;
+    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
+    gap: 2rem;
+}
+@media (max-width: 800px) { .editor-grid { grid-template-columns: 1fr; } }
+.editor-list {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: 0.35rem;
+    margin: 0;
+    padding: 0;
+}
+.editor-row {
+    display: grid;
+    grid-template-columns: 1.2rem 1.6rem minmax(0, 1fr) auto auto auto;
+    align-items: center;
+    gap: 0.6rem;
+    padding: 0.45rem 0.6rem;
+    background: var(--bg-card);
+    border-radius: var(--radius);
+    border: 1px solid transparent;
+}
+.editor-row:hover { border-color: var(--border); }
+.drag-handle { cursor: grab; color: var(--text-secondary); user-select: none; }
+.editor-row .pos { color: var(--text-secondary); font-size: 0.8rem; }
+.ed-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ed-type, .ed-dur { font-size: 0.78rem; color: var(--text-secondary); }
+.ed-move { display: flex; gap: 0.25rem; }
+
+/* Catalog add results */
+.cat-results { display: flex; flex-direction: column; gap: 0.3rem; margin-top: 0.6rem; max-height: 340px; overflow-y: auto; }
+.cat-result {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.6rem;
+    padding: 0.4rem 0.6rem;
+    background: var(--bg-card);
+    border-radius: var(--radius);
+}
+.import-text {
+    width: 100%;
+    padding: 0.5rem;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--bg-secondary);
+    color: var(--text-primary);
+    font-family: monospace;
+    font-size: 0.85rem;
+    margin-bottom: 0.5rem;
+    resize: vertical;
+}
+.import-errors { font-size: 0.8rem; color: var(--text-secondary); margin-top: 0.5rem; }
+.import-errors code { color: var(--warning); }
+