feat(pwa): bring pages, search, and command palette to the mobile shell (WI-1320)

- /m/pages lists every visible page across the user's workspaces with a
  client-side title filter; /m/pages/:ws/:page renders markdown with a
  breadcrumb, sub-page navigation, and hash-guarded editing gated on
  effective page permissions
- Mobile search fans page-title search out per workspace alongside work
  items
- New bottom-sheet command palette reuses the desktop command providers
  and ranking (extracted to commands/rank.js); a mobile navigation
  provider offers only /m destinations and the executor rewrites known
  desktop URLs so the phone never leaves the shell
- Pages tab joins the bottom nav; a palette trigger sits in every tab
  header

Author: stefan-ernst

frontend/src/lib/commands/context.js

@@ -14,6 +14,7 @@
  *   activeTimer: any,
  *   t: (key:string, fallback?:any) => string,
  *   query: string,
+ *   pageResults?: any[],
  * }} input
  */
 export function buildContext({
@@ -27,6 +28,7 @@ export function buildContext({
   activeTimer,
   t,
   query,
+  pageResults,
 }) {
   const workspaceId = route?.params?.id ? Number(route.params.id) : null;
   const collectionId = route?.params?.collectionId ?? null;
@@ -44,6 +46,7 @@ export function buildContext({
     itemId,
     item: null,
     workItems: workItems || [],
+    pageResults: pageResults || [],
     activeTimer: activeTimer || null,
     t,
     query: query || '',

frontend/src/lib/commands/providers/mobileNavigationProvider.js

@@ -0,0 +1,76 @@
+import { aiStore } from '../../stores';
+import { BUCKET } from '../buckets.js';
+import { createCommand } from '../types.js';
+
+/**
+ * Mobile shell destinations. Only surfaces that exist under /m are offered —
+ * desktop-only modules (boards, admin, time reports) have no phone surface
+ * yet and would strand the user in desktop chrome.
+ */
+export function mobileNavigationProvider(_ctx) {
+  const out = [
+    createCommand({
+      id: 'm-my-work',
+      label: 'My Work',
+      description: 'Assigned, watched, recent',
+      bucket: BUCKET.GLOBAL_NAVIGATION,
+      keywords: ['my work', 'home', 'items', 'assigned', 'start'],
+      url: '/m',
+    }),
+    createCommand({
+      id: 'm-personal',
+      label: 'Personal',
+      description: 'Personal tasks',
+      bucket: BUCKET.GLOBAL_NAVIGATION,
+      keywords: ['personal', 'tasks', 'todo'],
+      url: '/m/personal',
+    }),
+    createCommand({
+      id: 'm-pages',
+      label: 'Pages',
+      description: 'Workspace knowledge base',
+      bucket: BUCKET.GLOBAL_NAVIGATION,
+      keywords: ['pages', 'wiki', 'knowledge', 'docs', 'notes'],
+      url: '/m/pages',
+    }),
+    createCommand({
+      id: 'm-timer',
+      label: 'Timer',
+      description: 'Time tracking',
+      bucket: BUCKET.GLOBAL_NAVIGATION,
+      keywords: ['timer', 'time', 'tracking', 'worklog'],
+      url: '/m/timer',
+    }),
+    createCommand({
+      id: 'm-notifications',
+      label: 'Alerts',
+      description: 'Notifications',
+      bucket: BUCKET.GLOBAL_NAVIGATION,
+      keywords: ['alerts', 'notifications', 'inbox', 'unread'],
+      url: '/m/notifications',
+    }),
+    createCommand({
+      id: 'm-search',
+      label: 'Search',
+      description: 'Find items and pages',
+      bucket: BUCKET.GLOBAL_NAVIGATION,
+      keywords: ['search', 'find', 'look'],
+      url: '/m/search',
+    }),
+  ];
+
+  if (aiStore.chatAvailable) {
+    out.push(
+      createCommand({
+        id: 'm-chat',
+        label: 'Assistant',
+        description: 'AI chat',
+        bucket: BUCKET.GLOBAL_NAVIGATION,
+        keywords: ['assistant', 'ai', 'chat', 'ask'],
+        url: '/m/chat',
+      })
+    );
+  }
+
+  return out;
+}

frontend/src/lib/commands/providers/pageSearchProvider.js

@@ -0,0 +1,24 @@
+import { BUCKET } from '../buckets.js';
+import { createCommand } from '../types.js';
+
+/**
+ * Knowledge-page search results. The caller (desktop palette or mobile sheet)
+ * debounces the API fan-out and writes tagged results into ctx.pageResults;
+ * each row links to the page reader (mobile URLs are rewritten by the
+ * mobile executor).
+ */
+export function pageSearchProvider(ctx) {
+  const { pageResults } = ctx;
+  if (!pageResults?.length) return [];
+
+  return pageResults.map((p) =>
+    createCommand({
+      id: `goto-page-${p.workspace_id}-${p.id}`,
+      label: p.title ?? '',
+      description: p.workspace_name || '',
+      bucket: BUCKET.SEARCH_RESULTS,
+      keywords: [p.title?.toLowerCase(), p.workspace_name?.toLowerCase()].filter(Boolean),
+      url: `/m/pages/${p.workspace_id}/${p.id}`,
+    })
+  );
+}

frontend/src/lib/commands/rank.js

@@ -0,0 +1,43 @@
+import { PER_BUCKET_CAP, TOTAL_CAP } from './buckets.js';
+import { compareCommands, scoreCommand } from './score.js';
+import { deriveLegacyBucket } from './types.js';
+
+/**
+ * Score commands against the query, sort by (bucket, score, insertion), and
+ * cap per-bucket and overall. Providers set `bucket` explicitly;
+ * deriveLegacyBucket is the safety net for commands flowing in through
+ * makeExternalProvider that haven't been updated yet. Shared by the desktop
+ * palette and the mobile sheet so both surfaces rank identically.
+ *
+ * @param {string} query
+ * @param {any[]} commandsList
+ * @returns {any[]}
+ */
+export function rankCommands(query, commandsList) {
+  const annotated = commandsList.map((cmd, i) => {
+    const label = cmd.label ?? '';
+    const description = cmd.description ?? '';
+    const keywords = cmd.keywords ?? [];
+    const score = query.trim() ? scoreCommand(query, { label, description, keywords }) : 1;
+    return {
+      ...cmd,
+      bucket: cmd.bucket || deriveLegacyBucket(cmd),
+      _score: score,
+      _seq: cmd._seq ?? i,
+    };
+  });
+
+  const filtered = query.trim() ? annotated.filter((c) => c._score > 0) : annotated;
+  filtered.sort(compareCommands(query));
+
+  const counts = new Map();
+  const out = [];
+  for (const c of filtered) {
+    if (out.length >= TOTAL_CAP) break;
+    const n = counts.get(c.bucket) || 0;
+    if (n >= PER_BUCKET_CAP) continue;
+    counts.set(c.bucket, n + 1);
+    out.push(c);
+  }
+  return out;
+}

frontend/src/lib/layout/CommandPalette.svelte

@@ -11,9 +11,9 @@
   import { t } from '../stores/i18n.svelte.js';
   import ModalBackdrop from '../components/ModalBackdrop.svelte';
 
-  import { scoreCommand, compareCommands } from '../commands/score.js';
-  import { BUCKET, BUCKET_LABELS, PER_BUCKET_CAP, TOTAL_CAP } from '../commands/buckets.js';
-  import { deriveLegacyBucket } from '../commands/types.js';
+  import { scoreCommand } from '../commands/score.js';
+  import { BUCKET, BUCKET_LABELS } from '../commands/buckets.js';
+  import { rankCommands } from '../commands/rank.js';
   import { buildContext } from '../commands/context.js';
   import { buildCommands } from '../commands/buildCommands.js';
   import { executeCommand as runCommand } from '../commands/executor.js';
@@ -137,39 +137,6 @@
     PROVIDERS,
   ));
 
-  // Score, sort by (bucket, score, insertion), cap per-bucket and overall.
-  // Providers set `bucket` explicitly; deriveLegacyBucket is the safety net
-  // for commands flowing in through makeExternalProvider that haven't been
-  // updated yet.
-  function rankCommands(query, commandsList) {
-    const annotated = commandsList.map((cmd, i) => {
-      const label = cmd.label ?? '';
-      const description = cmd.description ?? '';
-      const keywords = cmd.keywords ?? [];
-      const score = query.trim() ? scoreCommand(query, { label, description, keywords }) : 1;
-      return {
-        ...cmd,
-        bucket: cmd.bucket || deriveLegacyBucket(cmd),
-        _score: score,
-        _seq: cmd._seq ?? i,
-      };
-    });
-
-    const filtered = query.trim() ? annotated.filter((c) => c._score > 0) : annotated;
-    filtered.sort(compareCommands(query));
-
-    const counts = new Map();
-    const out = [];
-    for (const c of filtered) {
-      if (out.length >= TOTAL_CAP) break;
-      const n = counts.get(c.bucket) || 0;
-      if (n >= PER_BUCKET_CAP) continue;
-      counts.set(c.bucket, n + 1);
-      out.push(c);
-    }
-    return out;
-  }
-
   // Recently-viewed items mapped to command-shaped entries so the existing
   // render loop + keyboard handling drive navigation. No per-bucket cap is
   // applied here — the backend already bounds the list to the last 20.