From f2b90449841373d9b0fdd70449f3e94c9dd0116d Mon Sep 17 00:00:00 2001
From: Christophe Besson <cbesson@gmail.com>
Date: Wed, 26 Aug 2026 16:45:43 +0200
Subject: feat(video): add an All/Movies/Series filter to the toolbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A segmented control to the left of the search box, defaulting to "All".
Applied before the text filter — a title match within a type nobody asked
to see still isn't shown. Resets to "All" on group change, matching the
text filter's own reset.
---
 .../meshbay-hub/src/meshbay_hub/static/style.css   | 32 ++++++++++++++++++++++
 1 file changed, 32 insertions(+)

(limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css')

diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css
index f426f8d..61404a9 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/style.css
+++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css
@@ -2563,6 +2563,38 @@ a.transfer-name {
 }
 .video-toolbar .tb-search { margin-left: auto; }
 
+/* All/Movies/Series — a segmented control, not three separate .tb-btn: the
+   three are mutually exclusive (unlike the view-mode buttons, which read
+   fine standalone), and grouping them under one shared border is what says
+   so at a glance. */
+.tb-typefilter {
+  display: inline-flex;
+  height: 32px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.tb-typefilter button {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+  padding: 0 12px;
+  border: none;
+  background: var(--bg-surface);
+  color: var(--text-dim);
+  font-size: 0.83em;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background 0.12s, color 0.12s;
+}
+.tb-typefilter button + button { border-left: 1px solid var(--border); }
+.tb-typefilter button:hover { color: var(--accent); }
+.tb-typefilter button.active {
+  background: var(--accent);
+  color: var(--accent-text);
+}
+
 /* Mode A — poster grid */
 
 .video-grid {
-- 
cgit v1.2.3


From 8b315b99b941f5e08ab9d622c26fb85d4bc64955 Mon Sep 17 00:00:00 2001
From: Christophe Besson <cbesson@gmail.com>
Date: Wed, 26 Aug 2026 16:50:34 +0200
Subject: fix(video): let the toolbar wrap on mobile — no room left for the
 filter field
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

video-app.js's toolbar isn't built from .toolbar-group, so it never got the
existing row-per-group mobile treatment. Mode buttons plus the new
All/Movies/Series control left nothing for the search field on a phone
width. Wraps now, with the filter field taking its own full-width line
like .toolbar-group's search field already does elsewhere.
---
 packages/meshbay-hub/src/meshbay_hub/static/style.css | 7 +++++++
 1 file changed, 7 insertions(+)

(limited to 'packages/meshbay-hub/src/meshbay_hub/static/style.css')

diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css
index 61404a9..975f47c 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/style.css
+++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css
@@ -1859,6 +1859,13 @@ a.transfer-name {
   /* The actions sit on their own line under the toggle, and wrap within it. */
   .tb-actions { width: 100%; }
 
+  /* video-app.js's toolbar isn't built from .toolbar-group (nothing else in
+     it needs a right-hand group), so it never got the row-per-group
+     treatment above — mode buttons + the All/Movies/Series control left no
+     room at all for the filter field once both were on the same line. */
+  .video-toolbar { flex-wrap: wrap; }
+  .video-toolbar .tb-search { flex-basis: 100%; margin-left: 0; }
+
   /* Every pixel here is one the conversation does not get. */
   .group-header { margin-bottom: 10px; gap: 8px; }
   .group-tabs { margin-bottom: 10px; }
-- 
cgit v1.2.3