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

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

@@ -4,6 +4,12 @@ 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.7.4] - 2026-06-08
+
+### Changed
+
+- **Catalog item detail page redesigned** to a two-column layout: the poster and action buttons (Queue / Play Next / Queue as Admin) stack in a sticky left column, while the right column shows the title, a divider, the formatted description, and **Category** / **Tags** facet rows. Category and tag chips link back into a filtered catalog browse. Categories/tags are sourced from the catalog join tables (populated by sync since 0.7.0).
+
 ## [0.7.3] - 2026-06-08
 
 ### Fixed

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

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

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

@@ -409,7 +409,7 @@ class Database:
             "SELECT description FROM catalog WHERE friendly_token = ?", [friendly_token]
         )
         cats = await self._fetch_all(
-            "SELECT cat.name FROM categories cat "
+            "SELECT cat.name, cat.slug FROM categories cat "
             "JOIN catalog_categories cc ON cc.category_id = cat.id "
             "WHERE cc.friendly_token = ? ORDER BY cat.name",
             [friendly_token],
@@ -422,7 +422,7 @@ class Database:
         )
         return {
             "description": (row or {}).get("description"),
-            "categories": [c["name"] for c in cats],
+            "categories": [{"name": c["name"], "slug": c["slug"]} for c in cats],
             "tags": [t["name"] for t in tags],
         }
 

{kryten_webqueue-0.7.3 → kryten_webqueue-0.7.4}/kryten_webqueue/queue/shadow.py

@@ -222,7 +222,7 @@ class QueueShadow:
                 try:
                     facets = await db.get_item_facets(np["friendly_token"])
                     np.setdefault("description", facets.get("description"))
-                    np["categories"] = facets.get("categories") or []
+                    np["categories"] = [c["name"] for c in (facets.get("categories") or [])]
                     np["tags"] = facets.get("tags") or []
                 except Exception:
                     logger.debug("Failed to enrich now-playing facets", exc_info=True)

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

@@ -109,9 +109,12 @@ async def catalog_item_page(request: Request, friendly_token: str):
         return templates.TemplateResponse(
             request, "catalog/item_not_found.html", {"user": user}, status_code=404
         )
+    facets = await db.get_item_facets(friendly_token)
     return templates.TemplateResponse(request, "catalog/item_detail.html", {
         "user": user,
         "item": item,
+        "categories": facets.get("categories") or [],
+        "tags": facets.get("tags") or [],
     })
 
 

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

@@ -507,12 +507,82 @@ a:hover {
     white-space: pre-line;
     overflow-wrap: anywhere;
 }
+/* Item detail: poster + buttons on the left, title/description/facets on right. */
+.item-detail-layout {
+    display: grid;
+    grid-template-columns: 300px minmax(0, 1fr);
+    gap: 2rem;
+    align-items: start;
+}
+@media (max-width: 700px) {
+    .item-detail-layout {
+        grid-template-columns: 1fr;
+    }
+}
+.item-detail-poster {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    position: sticky;
+    top: calc(var(--nav-height) + 1rem);
+}
+.item-detail-poster img,
+.item-detail-poster .card-poster-placeholder {
+    width: 100%;
+    aspect-ratio: 2 / 3;
+    object-fit: cover;
+    border-radius: var(--radius);
+    display: block;
+}
+.item-detail-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+.item-detail-actions .btn {
+    width: 100%;
+}
+.item-detail-info {
+    min-width: 0;
+}
+.item-detail-title {
+    margin: 0;
+    line-height: 1.2;
+    overflow-wrap: anywhere;
+}
+.item-detail-meta {
+    margin-top: 0.35rem;
+    font-size: 0.85rem;
+    color: var(--text-secondary);
+}
 /* MediaCMS descriptions are newline-delimited plain text; preserve the line
    breaks (Synopsis / Tagline / Cast & Crew sections) instead of collapsing them. */
 .item-detail-description {
     white-space: pre-line;
     overflow-wrap: anywhere;
     line-height: 1.6;
+    margin-top: 0.75rem;
+    padding-top: 0.75rem;
+    border-top: 1px solid var(--border);
+}
+.item-detail-facet {
+    margin-top: 1rem;
+}
+.item-detail-facet-label {
+    display: block;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--text-secondary);
+    margin-bottom: 0.4rem;
+}
+.item-detail-chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+}
+a.np-chip {
+    text-decoration: none;
 }
 .np-chips {
     display: flex;

{kryten_webqueue-0.7.3 → kryten_webqueue-0.7.4}/kryten_webqueue/templates/catalog/item_detail.html

@@ -19,6 +19,14 @@
             {% else %}
                 <div class="card-poster-placeholder"><span>{{ item.title[:1] }}</span></div>
             {% endif %}
+
+            <div class="card-actions item-detail-actions">
+                <button class="btn btn-queue" onclick="queueItem('{{ item.friendly_token }}')">Queue</button>
+                <button class="btn btn-playnext" onclick="playNext('{{ item.friendly_token }}')">Play Next</button>
+                {% if user.rank >= 3 %}
+                <button class="btn btn-admin" onclick="queueAsAdmin('{{ item.friendly_token }}')">Queue as Admin</button>
+                {% endif %}
+            </div>
         </div>
 
         <div class="item-detail-info">
@@ -35,13 +43,27 @@
                 <p class="item-detail-description empty-state">No description available.</p>
             {% endif %}
 
-            <div class="card-actions item-detail-actions">
-                <button class="btn btn-queue" onclick="queueItem('{{ item.friendly_token }}')">Queue</button>
-                <button class="btn btn-playnext" onclick="playNext('{{ item.friendly_token }}')">Play Next</button>
-                {% if user.rank >= 3 %}
-                <button class="btn btn-admin" onclick="queueAsAdmin('{{ item.friendly_token }}')">Queue as Admin</button>
-                {% endif %}
+            {% if categories %}
+            <div class="item-detail-facet">
+                <span class="item-detail-facet-label">Category</span>
+                <div class="item-detail-chips">
+                    {% for cat in categories %}
+                        <a class="np-chip np-chip-cat" href="/catalog/browse?category={{ cat.slug }}">{{ cat.name }}</a>
+                    {% endfor %}
+                </div>
             </div>
+            {% endif %}
+
+            {% if tags %}
+            <div class="item-detail-facet">
+                <span class="item-detail-facet-label">Tags</span>
+                <div class="item-detail-chips">
+                    {% for tag in tags %}
+                        <a class="np-chip np-chip-tag" href="/catalog/browse?tag={{ tag | urlencode }}">{{ tag }}</a>
+                    {% endfor %}
+                </div>
+            </div>
+            {% endif %}
         </div>
     </div>
 </div>

{kryten_webqueue-0.7.3 → kryten_webqueue-0.7.4}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "kryten-webqueue"
-version = "0.7.3"
+version = "0.7.4"
 description = "Netflix/Tubi-style catalog browser and pay-to-play queue management for CyTube"
 readme = "README.md"
 license = "MIT"