feat(video): add an All/Movies/Series filter to the toolbar

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.

1 files changed, 32 insertions, 0 deletions

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 {