Merge branch 'refactor/groups-phase1'

Groups refactor, phases 1-3.

The root model replaces the old `upload` flag and group-wide `member_upload`
with per-root `writable`/`removable`/`ejected`, carried by a `RootSet` that
both front doors — the loopback API and signed MNP — reach through the same
`ops` functions. MNP goes to 1.1, additively: the roots table now rides on
`index_delta`, so a root added, removed, ejected or plugged reaches every
connected client instead of only whoever reloaded.

The group UI becomes a plugin architecture: an application is a registry
entry in `apps.js` plus its own files, with directories stored generically
by `ops.set_app_directories` under whatever the app is called. A reference
application, hidden behind `?dev=1`, is what makes that claim testable —
adding it is what found the two places still naming apps by hand.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011pvMdvLBG92jyhvD5pD6us

1 files changed, 16 insertions, 9 deletions

diff --git a/packages/meshbay-hub/src/meshbay_hub/static/video-app.js b/packages/meshbay-hub/src/meshbay_hub/static/video-app.js
index 4f52b16..57da9ff 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/video-app.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/video-app.js
@@ -57,10 +57,11 @@ function yearOf(dateStr) {
 // work for this group before that either (daemon.py's
 // _enrich_new_video_entries), so falling back to "the whole index" here
 // would just show files nothing has enriched.
-function underVideoRoot(entry, videoRoot) {
-  if (!videoRoot) return false;
+function underVideoRoot(entry, directories) {
+  const dirs = directories || [];
+  if (!dirs.length) return false;
   const p = entry.path || '';
-  return p === videoRoot || p.startsWith(videoRoot + '/');
+  return dirs.some((d) => p === d || p.startsWith(d + '/'));
 }
 
 function buildSeasons(episodes) {
@@ -96,12 +97,12 @@ function defaultSeason(show) {
   return Math.min(...(real.length ? real : numbers));
 }
 
-function groupVideoEntries(entries, videoRoot) {
+function groupVideoEntries(entries, videoDirectories) {
   const movies = [];
   const showsByTitle = new Map();
   for (const e of entries) {
     if (e.type !== 'video') continue;
-    if (!underVideoRoot(e, videoRoot)) continue;
+    if (!underVideoRoot(e, videoDirectories)) continue;
     if (e.season != null && e.episode != null) {
       const title = e.display_title || e.name;
       if (!showsByTitle.has(title)) showsByTitle.set(title, { title, episodes: [] });
@@ -1040,7 +1041,8 @@ function FlatList({ movies, shows, transportRef, gekRef, onPreview, onNeedConn }
 // ── shell ────────────────────────────────────────────────────────────────────
 
 function VideoApp({
-  groupId, transportRef, gekRef, status, entries, onPreview, videoRoot, tmdbConfig, isNodeAdmin,
+  groupId, transportRef, gekRef, status, entries, availableEntries, onPreview,
+  videoDirectories, tmdbConfig, isNodeAdmin,
   hideFilter, onNeedConn,
 }) {
   const [mode, setMode] = useState(loadViewMode);
@@ -1056,8 +1058,13 @@ function VideoApp({
 
   const setModeAndSave = (m) => { setMode(m); saveViewMode(m); };
 
+  const videoEntries = availableEntries || entries;
+  // One or several folders now, so the "is anything configured" question
+  // is asked once rather than by every branch testing a string.
+  const configured = (videoDirectories || []).length > 0;
   const { movies, shows } = useMemo(
-    () => groupVideoEntries(entries, videoRoot), [entries, videoRoot]);
+    () => groupVideoEntries(videoEntries, videoDirectories),
+    [videoEntries, videoDirectories]);
 
   const needle = filter.trim().toLowerCase();
   const filteredMovies = useMemo(() => (typeFilter === 'series' ? [] : !needle ? movies : movies.filter(
@@ -1072,10 +1079,10 @@ function VideoApp({
     ${status === 'offline' && html`
       <p class="page-message">${t('group.offline_title')} ${t('group.offline_hint')}</p>
     `}
-    ${status === 'connected' && !videoRoot && html`
+    ${status === 'connected' && !configured && html`
       <p class="page-message">${t('video.no_root_configured')}</p>
     `}
-    ${status === 'connected' && videoRoot && html`
+    ${status === 'connected' && configured && html`
       <div class="video-toolbar">
         <button class="tb-btn ${mode === 'poster' ? 'active' : ''}"
           onClick=${() => setModeAndSave('poster')}>