termsearch 0.3.3 → 0.3.5

package/bin/termsearch.js

@@ -209,7 +209,7 @@ async function cmdStart(flags) {
   }
 
   writeFileSync(paths.pid, String(child.pid));
-  ok(`Started  (PID ${child.pid})`);
+  ok(`TermSearch v${VERSION} started  (PID ${child.pid})`);
   info(`${BOLD}${getUrl()}${RESET}`);
   info(`Logs: ${paths.log}`);
 }
@@ -242,10 +242,11 @@ async function cmdRestart(flags) {
   await cmdStart(flags);
 }
 
-function cmdStatus() {
+async function cmdStatus() {
   const { running, pid } = getStatus();
   const paths = getPaths();
   console.log('');
+  console.log(`  ${BOLD}TermSearch v${VERSION}${RESET}`);
   if (running) {
     ok(`${BOLD}Running${RESET}  (PID ${pid})`);
     info(`${getUrl()}`);
@@ -255,6 +256,7 @@ function cmdStatus() {
     warn('Stopped');
     info(`Run ${BOLD}termsearch start${RESET} to start`);
   }
+  await printUpdateHint();
   console.log('');
 }
 
@@ -333,6 +335,9 @@ async function cmdDoctor() {
     } catch (e) { err(`HTTP: cannot reach ${getUrl()} — ${e.message}`); allOk = false; }
   }
 
+  // npm update check
+  await printUpdateHint();
+
   console.log('');
   if (allOk) { ok(`${GREEN}All checks passed${RESET}`); }
   else { warn('Some checks failed — see above'); }
@@ -428,6 +433,39 @@ ${BOLD}URL:${RESET}   http://localhost:3000
 `);
 }
 
+// ─── Update check ─────────────────────────────────────────────────────────
+
+async function checkNpmUpdate() {
+  try {
+    const ac = new AbortController();
+    setTimeout(() => ac.abort(), 4000);
+    const r = await fetch('https://registry.npmjs.org/termsearch/latest', { signal: ac.signal });
+    if (!r.ok) return null;
+    const data = await r.json();
+    const latest = data.version;
+    if (!latest) return null;
+    if (latest === VERSION) return { upToDate: true, latest };
+    // Simple semver compare: split, compare numerically
+    const cur = VERSION.split('.').map(Number);
+    const lat = latest.split('.').map(Number);
+    const newer = lat[0] > cur[0] || (lat[0] === cur[0] && lat[1] > cur[1]) || (lat[0] === cur[0] && lat[1] === cur[1] && lat[2] > cur[2]);
+    return { upToDate: !newer, latest };
+  } catch {
+    return null;
+  }
+}
+
+async function printUpdateHint() {
+  const update = await checkNpmUpdate();
+  if (!update) return;
+  if (update.upToDate) {
+    ok(`Up to date (v${VERSION})`);
+  } else {
+    warn(`Update available: v${VERSION} → v${update.latest}`);
+    info(`Run ${BOLD}npm install -g termsearch${RESET} to update`);
+  }
+}
+
 // ─── Utilities ────────────────────────────────────────────────────────────
 
 function sleep(ms) { return new Promise(r => setTimeout(r, ms)); }

package/frontend/dist/app.js

@@ -15,6 +15,7 @@ const state = {
   aiExpanded: false,
   aiStartTime: null,
   aiLatencyMs: null,
+  aiSession: [],     // { q, r }[] — ultimi 4 summary (passati all'AI come contesto)
   aiLastQuery: null,
   aiLastResults: null,
   aiLastLang: null,
@@ -44,6 +45,47 @@ const state = {
   })(),
 };
 
+let mobileBarCleanup = null;
+
+function clearMobileBarLayout() {
+  if (typeof mobileBarCleanup === 'function') {
+    mobileBarCleanup();
+  }
+  mobileBarCleanup = null;
+  document.documentElement.style.setProperty('--mobile-bar-height', '0px');
+}
+
+function bindMobileBarLayout(mobileBar) {
+  clearMobileBarLayout();
+  if (!mobileBar) return;
+
+  const media = window.matchMedia('(max-width: 640px)');
+  const root = document.documentElement;
+  const update = () => {
+    if (!media.matches || !mobileBar.isConnected) {
+      root.style.setProperty('--mobile-bar-height', '0px');
+      return;
+    }
+    const h = Math.ceil(mobileBar.getBoundingClientRect().height);
+    root.style.setProperty('--mobile-bar-height', `${h}px`);
+  };
+
+  const onResize = () => update();
+  window.addEventListener('resize', onResize);
+
+  let observer = null;
+  if (typeof ResizeObserver !== 'undefined') {
+    observer = new ResizeObserver(update);
+    observer.observe(mobileBar);
+  }
+
+  requestAnimationFrame(update);
+  mobileBarCleanup = () => {
+    window.removeEventListener('resize', onResize);
+    if (observer) observer.disconnect();
+  };
+}
+
 function buildSearchHash(query, category = 'web') {
   const params = new URLSearchParams();
   if (query) params.set('q', query);
@@ -225,7 +267,6 @@ const AI_PRESETS = [
   { id: 'chutes',   label: 'Chutes.ai TEE',            api_base: 'https://llm.chutes.ai/v1',  keyRequired: true,  defaultModel: 'deepseek-ai/DeepSeek-V3.2-TEE' },
   { id: 'anthropic',label: 'Anthropic',                api_base: 'https://api.anthropic.com/v1', keyRequired: true, defaultModel: 'claude-3-5-haiku-latest' },
   { id: 'openai',   label: 'OpenAI',                   api_base: 'https://api.openai.com/v1', keyRequired: true,  defaultModel: 'gpt-4o-mini' },
-  { id: 'openrouter', label: 'OpenRoute/OpenRouter',   api_base: 'https://openrouter.ai/api/v1', keyRequired: true, defaultModel: 'openai/gpt-4o-mini' },
 ];
 
 const ENGINE_GROUPS = [
@@ -240,7 +281,7 @@ const ENGINE_GROUPS = [
 
 const ENGINE_PRESETS = [
   { id: 'all', label: 'All', engines: [] },
-  { id: 'balanced', label: 'Balanced', engines: ['duckduckgo', 'wikipedia', 'bing', 'startpage', 'github', 'reddit', 'youtube'] },
+  { id: 'balanced', label: 'Balanced', engines: ['duckduckgo', 'wikipedia', 'bing', 'brave', 'github', 'reddit', 'youtube'] },
   { id: 'github', label: 'GitHub Focus', engines: ['github-api', 'github', 'duckduckgo', 'wikipedia'] },
 ];
 
@@ -443,32 +484,41 @@ function renderAiPanel() {
   const isDone    = state.aiStatus === 'done';
   const isError   = state.aiStatus === 'error';
   const dotsClass = isDone ? 'done' : isError ? 'error' : '';
-  const statusText = state.aiStatus === 'loading' ? 'Thinking…'
-    : state.aiStatus === 'streaming' ? 'Generating…'
-    : isDone ? 'AI Summary' : 'Error';
 
-  // Dots
+  // Row 1: dots + "AI" (always) + model + latency
   const dotsEl = el('div', { className: 'ai-dots' });
   ['violet', 'indigo', 'dim'].forEach(c => {
     dotsEl.append(el('div', { className: `ai-dot ${dotsClass || c}` }));
   });
-
-  // Latency
   const latMs = state.aiLatencyMs;
   const latLabel = latMs != null ? (latMs < 1000 ? `${latMs}ms` : `${(latMs / 1000).toFixed(1)}s`) : null;
-
-  // Header
-  const headerLeft = el('div', { className: 'panel-header-left' },
+  const row1 = el('div', { className: 'panel-header-left' },
     dotsEl,
-    el('span', { className: 'panel-label' }, statusText),
+    el('span', { className: 'panel-label' }, 'AI'),
     state.aiMeta?.model ? el('span', { className: 'ai-model-label' }, state.aiMeta.model) : null,
     latLabel ? el('span', { className: 'ai-latency-label' }, `· ${latLabel}`) : null,
   );
+
+  // Row 2: status text (violet) + step/fetch meta
+  const statusText = isError ? 'Error'
+    : isDone ? 'Done'
+    : state.aiStatus === 'loading' ? 'Thinking…' : 'Generating…';
+  const statusColor = isError ? '#f87171' : isDone ? '#a78bfa' : '#a78bfa';
+  const lastStep = state.aiSteps.length > 0 ? state.aiSteps[state.aiSteps.length - 1] : null;
+  const metaText = isDone && state.aiMeta?.fetchedCount ? `· ${state.aiMeta.fetchedCount} pages read`
+    : isLoading && lastStep ? `· ${lastStep}` : '';
+  const row2 = el('div', { className: 'ai-status-row' },
+    el('span', { className: 'ai-status-text', style: `color:${statusColor}` }, statusText),
+    metaText ? el('span', { className: 'ai-status-meta' }, metaText) : null,
+  );
+
   const chevronPath = state.aiExpanded ? '<polyline points="18 15 12 9 6 15"/>' : '<polyline points="6 9 12 15 18 9"/>';
   const expandBtn = el('button', { className: 'ai-expand-btn', type: 'button', title: state.aiExpanded ? 'Collapse' : 'Expand' });
   expandBtn.innerHTML = svg(chevronPath, 14);
   expandBtn.onclick = () => { state.aiExpanded = !state.aiExpanded; renderAiPanel(); };
-  const header = el('div', { className: 'panel-header' }, headerLeft, expandBtn);
+
+  const headerInner = el('div', { className: 'ai-header-inner' }, row1, row2);
+  const header = el('div', { className: 'panel-header' }, headerInner, expandBtn);
 
   // Progress bar
   const showProgress = isLoading && state.aiProgress > 0;
@@ -509,6 +559,19 @@ function renderAiPanel() {
     }),
   ) : null;
 
+  // Session memory (shown when expanded + more than 1 entry, all except current)
+  const prevSession = state.aiSession.slice(0, -1);
+  const sessionEl = (state.aiExpanded && prevSession.length > 0) ? el('div', { className: 'ai-session' },
+    el('p', { className: 'ai-session-label' }, 'Session'),
+    ...prevSession.map((item, i) =>
+      el('div', { className: 'ai-session-item' },
+        el('span', { className: 'ai-session-num' }, `${i + 1}.`),
+        el('span', { className: 'ai-session-q' }, item.q),
+        el('span', { className: 'ai-session-r' }, `→ ${item.r}`),
+      )
+    ),
+  ) : null;
+
   // Footer: retry + expand/collapse
   const retryBtn = el('button', { className: 'ai-retry-btn', type: 'button' }, 'Retry');
   retryBtn.onclick = () => {
@@ -526,6 +589,7 @@ function renderAiPanel() {
   if (stepsEl)    panel.append(stepsEl);
   panel.append(contentEl);
   if (sourcesEl)  panel.append(sourcesEl);
+  if (sessionEl)  panel.append(sessionEl);
   panel.append(footer);
 
   if (state.aiStatus === 'streaming' && state.aiSummary.length < 60) {
@@ -887,7 +951,7 @@ async function startAiSummary(query, results, lang) {
     const r = await fetch('/api/ai-summary', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ query, lang, results: results.slice(0, 10), stream: true }),
+      body: JSON.stringify({ query, lang, results: results.slice(0, 10), stream: true, session: state.aiSession }),
     });
     if (!r.ok) throw new Error(`HTTP ${r.status}`);
 
@@ -917,6 +981,12 @@ async function startAiSummary(query, results, lang) {
             state.aiSources = Array.isArray(d.sites) ? d.sites.map(sanitizeHttpUrl).filter(Boolean) : [];
             state.aiMeta = { fetchedCount: d.fetchedCount, model: d.model };
             state.aiLatencyMs = Date.now() - state.aiStartTime;
+            // Save to session memory (max 4 entries, skip if already saved for this query)
+            const lastEntry = state.aiSession[state.aiSession.length - 1];
+            if (state.aiSummary && (!lastEntry || lastEntry.q !== query)) {
+              const r = state.aiSummary.split(/[.!?\n]/)[0].slice(0, 100);
+              state.aiSession = [...state.aiSession.slice(-3), { q: query, r }];
+            }
             renderAiPanel();
           }
         } catch { /* ignore */ }
@@ -937,12 +1007,13 @@ function renderApp() {
   app.innerHTML = '';
 
   if (!state.query) {
+    clearMobileBarLayout();
     renderHome(app);
     return;
   }
 
   // Results page
-  const header = el('div', { className: 'header' },
+  const header = el('div', { className: 'header hide-mobile' },
     el('div', { className: 'logo-text', onClick: () => { state.query = ''; state.category = 'web'; navigate('#/'); renderApp(); } },
       'Term', el('strong', {}, 'Search'),
     ),
@@ -953,26 +1024,47 @@ function renderApp() {
       el('button', { className: 'btn-icon', title: 'Toggle theme', onClick: toggleTheme }, iconEl('theme')),
     ),
   );
-  const categoryBar = el('div', { className: 'category-tabs' });
+
+  const categoryBar = el('div', { className: 'category-tabs hide-mobile' });
   const categories = [
     { id: 'web', label: 'Web' },
     { id: 'images', label: 'Images' },
     { id: 'news', label: 'News' },
   ];
-  categories.forEach((cat) => {
-    categoryBar.append(el('button', {
-      className: `cat-tab ${state.category === cat.id ? 'active' : ''}`,
-      onClick: () => {
-        if (state.category === cat.id) return;
-        state.category = cat.id;
-        navigate(buildSearchHash(state.query, state.category));
-        if (state.query) doSearch(state.query, state.category);
-      },
-      type: 'button',
-    }, cat.label));
-  });
+  const buildCatTabs = (container) => {
+    categories.forEach((cat) => {
+      container.append(el('button', {
+        className: `cat-tab ${state.category === cat.id ? 'active' : ''}`,
+        onClick: () => {
+          if (state.category === cat.id) return;
+          state.category = cat.id;
+          navigate(buildSearchHash(state.query, state.category));
+          if (state.query) doSearch(state.query, state.category);
+        },
+        type: 'button',
+      }, cat.label));
+    });
+  };
+  buildCatTabs(categoryBar);
   categoryBar.append(EnginePicker());
 
+  const mobileTabs = el('div', { className: 'mobile-bar-tabs' });
+  buildCatTabs(mobileTabs);
+  const mobileBar = el('div', { className: 'mobile-bar' },
+    el('div', { className: 'mobile-bar-search' }, SearchForm(state.query, (q, cat) => { state.query = q; doSearch(q, cat); })),
+    mobileTabs,
+    el('div', { className: 'mobile-bar-row' },
+      el('div', {
+        className: 'mobile-logo',
+        onClick: () => { state.query = ''; state.category = 'web'; navigate('#/'); renderApp(); },
+      }, 'Term', el('strong', {}, 'Search')),
+      EnginePicker(),
+      LangPicker(),
+      el('button', { className: 'btn-icon', title: 'Settings',     onClick: () => navigate('#/settings') }, iconEl('settings')),
+      el('button', { className: 'btn-icon', title: 'Toggle theme', onClick: toggleTheme }, iconEl('theme')),
+    ),
+  );
+
   const main = el('div', { className: 'main' });
 
   // AI panel placeholder
@@ -1016,7 +1108,8 @@ function renderApp() {
     if (socPanel) main.append(socPanel);
   }
 
-  app.append(header, categoryBar, main);
+  app.append(header, categoryBar, main, mobileBar);
+  bindMobileBarLayout(mobileBar);
   renderAiPanel();
 }
 
@@ -1051,6 +1144,7 @@ async function renderSettings() {
   const app = document.getElementById('app');
   if (!app) return;
   app.innerHTML = '';
+  clearMobileBarLayout();
 
   let cfg = state.config;
   if (!cfg) {
@@ -1066,6 +1160,9 @@ async function renderSettings() {
   const brave  = cfg.brave  || {};
   const mojeek = cfg.mojeek || {};
   const searxng = cfg.searxng || {};
+  const yandexCfg = cfg.yandex || {};
+  const ahmiaCfg = cfg.ahmia || {};
+  const marginaliaCfg = cfg.marginalia || {};
   const detectedPreset = detectPresetFromBase(ai.api_base);
 
   const header = el('div', { className: 'header' },
@@ -1243,6 +1340,9 @@ async function renderSettings() {
       brave:  { enabled: isChecked('brave-enabled') },
       mojeek: { enabled: isChecked('mojeek-enabled') },
       searxng:{ url: val('searxng-url'),                       enabled: isChecked('searxng-enabled') },
+      yandex:     { enabled: isChecked('yandex-enabled') },
+      ahmia:      { enabled: isChecked('ahmia-enabled') },
+      marginalia: { enabled: isChecked('marginalia-enabled') },
     };
     if (aiKey) update.ai.api_key = aiKey;
     if (braveKey) update.brave.api_key = braveKey;
@@ -1375,7 +1475,7 @@ async function renderSettings() {
         el('label', { className: 'form-label', for: 'ai-base' }, 'API Endpoint'),
         makeInput('ai-base', ai.api_base, 'http://localhost:11434/v1'),
         el('div', { className: 'form-hint' },
-          'Included presets: LocalHost (Ollama · LM Studio · llama.cpp) · Chutes.ai TEE · Anthropic · OpenAI · OpenRoute/OpenRouter',
+          'Included presets: LocalHost (Ollama · LM Studio · llama.cpp) · Chutes.ai TEE · Anthropic · OpenAI',
           el('br', {}),
           'You can also keep custom OpenAI-compatible endpoints.',
         ),
@@ -1468,7 +1568,7 @@ async function renderSettings() {
       ),
 
       // SearXNG
-      el('div', { style: 'padding:10px 0' },
+      el('div', { style: 'padding:10px 0;border-bottom:1px solid var(--border2)' },
         el('div', { className: 'toggle-row' },
           el('span', { className: 'toggle-label' }, 'SearXNG (self-hosted)'),
           el('label', { className: 'toggle' },
@@ -1483,6 +1583,33 @@ async function renderSettings() {
         el('div', { id: 'provider-test-searxng', style: 'display:none' }),
       ),
 
+      // Uncensored / Alternative
+      el('div', { style: 'padding:10px 0' },
+        el('div', { style: 'font-size:11px;color:var(--text2);margin-bottom:8px;letter-spacing:0.04em;text-transform:uppercase' }, 'Uncensored / Alternative'),
+        el('div', { className: 'toggle-row' },
+          el('span', { className: 'toggle-label' }, 'Yandex (HTML scraper, no key)'),
+          el('label', { className: 'toggle' },
+            el('input', { type: 'checkbox', id: 'yandex-enabled', ...(yandexCfg.enabled !== false ? { checked: '' } : {}) }),
+            el('span', { className: 'toggle-slider' }),
+          ),
+        ),
+        el('div', { className: 'toggle-row', style: 'margin-top:6px' },
+          el('span', { className: 'toggle-label' }, 'Ahmia (Tor index, no key)'),
+          el('label', { className: 'toggle' },
+            el('input', { type: 'checkbox', id: 'ahmia-enabled', ...(ahmiaCfg.enabled !== false ? { checked: '' } : {}) }),
+            el('span', { className: 'toggle-slider' }),
+          ),
+        ),
+        el('div', { className: 'toggle-row', style: 'margin-top:6px' },
+          el('span', { className: 'toggle-label' }, 'Marginalia (indie index, no key)'),
+          el('label', { className: 'toggle' },
+            el('input', { type: 'checkbox', id: 'marginalia-enabled', ...(marginaliaCfg.enabled !== false ? { checked: '' } : {}) }),
+            el('span', { className: 'toggle-slider' }),
+          ),
+        ),
+        el('div', { className: 'form-hint', style: 'margin-top:6px' }, 'Zero-config scraper engines. May be blocked by CAPTCHA under heavy use.'),
+      ),
+
       el('div', { style: 'margin-top:12px;display:flex;align-items:center;gap:8px' },
         el('button', { className: 'btn btn-primary', onClick: saveSettings }, 'Save All'),
         saveAlertEl,

package/frontend/dist/style.css

@@ -13,6 +13,7 @@
   --link:      #8ab4f8;
   --link-h:    #aecbfa;
   --url:       #34a853;
+  --mobile-bar-height: 0px;
   --radius:    12px;
   --radius-sm: 8px;
   --radius-xs: 6px;
@@ -565,10 +566,14 @@ a:hover { color: var(--link-h); }
 .ai-dot.dim    { background: #5b21b6; animation: pulse 1.4s ease-in-out 300ms infinite; }
 .ai-dot.done   { background: #34d399; animation: none; }
 .ai-dot.error  { background: #f87171; animation: none; }
-.panel-ai .panel-header { cursor: default; }
+.panel-ai .panel-header { cursor: default; align-items: flex-start; }
+.ai-header-inner { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
+.ai-status-row   { display: flex; align-items: center; gap: 6px; }
+.ai-status-text  { font-size: 14px; font-weight: 500; }
+.ai-status-meta  { font-size: 10px; color: #4b5563; }
 .ai-model-label  { font-size: 10px; color: var(--text3); margin-left: 6px; }
 .ai-latency-label{ font-size: 10px; color: #4b5563; margin-left: 4px; }
-.ai-expand-btn   { background: none; border: none; color: var(--text3); cursor: pointer; padding: 0; margin-left: auto; display: flex; align-items: center; }
+.ai-expand-btn   { background: none; border: none; color: var(--text3); cursor: pointer; padding: 0; margin-left: 8px; margin-top: 2px; display: flex; align-items: center; flex-shrink: 0; }
 .ai-expand-btn:hover { color: var(--text2); }
 
 /* Progress bar */
@@ -611,6 +616,14 @@ a:hover { color: var(--link-h); }
 }
 .ai-source-pill:hover { color: #a78bfa; border-color: #4c1d95; }
 
+/* Session memory */
+.ai-session       { margin-top: 10px; padding-top: 8px; border-top: 1px solid #1b1b2d; }
+.ai-session-label { font-size: 10px; color: #374151; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.05em; }
+.ai-session-item  { display: flex; align-items: baseline; gap: 5px; margin-bottom: 3px; flex-wrap: wrap; }
+.ai-session-num   { font-size: 9px; color: #374151; flex-shrink: 0; }
+.ai-session-q     { font-size: 10px; color: #4b5563; }
+.ai-session-r     { font-size: 10px; color: #374151; }
+
 /* Footer */
 .ai-footer     { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; }
 .ai-retry-btn  { font-size: 12px; color: #a78bfa; background: none; border: none; cursor: pointer; padding: 0; }
@@ -904,14 +917,69 @@ a:hover { color: var(--link-h); }
 }
 .footer-link:hover { color: var(--text2); }
 
+/* ─── Mobile bottom bar ───────────────────────────────────────────────────── */
+.mobile-bar {
+  display: none;
+}
+.mobile-logo {
+  font-size: 15px;
+  font-weight: 300;
+  letter-spacing: -0.2px;
+  color: var(--text);
+  white-space: nowrap;
+  user-select: none;
+  cursor: pointer;
+}
+.mobile-logo strong {
+  font-weight: 700;
+  background: linear-gradient(90deg, #a78bfa, #818cf8);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+@media (max-width: 640px) {
+  .mobile-bar {
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    bottom: 0; left: 0; right: 0;
+    background: var(--bg);
+    border-top: 1px solid var(--border2);
+    box-shadow: 0 -12px 28px rgba(0,0,0,0.45);
+    z-index: 220;
+    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px));
+    transform: translateZ(0);
+  }
+}
+.mobile-bar-search { padding: 8px 12px 4px; }
+.mobile-bar-search .search-form { width: 100%; }
+.mobile-bar-tabs   {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 2px 12px 4px;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.mobile-bar-tabs::-webkit-scrollbar { display: none; }
+.mobile-bar-row    {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 12px 2px;
+}
+.mobile-bar-row .engine-picker { flex-shrink: 0; }
+.mobile-bar-row .lang-wrap { margin-left: auto; }
+
 /* ─── Responsive ──────────────────────────────────────────────────────────── */
 @media (max-width: 640px) {
-  .header { padding: 8px 12px; gap: 8px; }
-  .category-tabs { top: 48px; padding: 7px 12px 9px; gap: 5px; flex-wrap: wrap; }
+  /* Hide desktop header + category bar — mobile uses bottom bar */
+  .header.hide-mobile, .category-tabs.hide-mobile { display: none !important; }
+  .main { padding-bottom: calc(20px + var(--mobile-bar-height, 0px) + env(safe-area-inset-bottom, 0px)); }
+
   .cat-tab { font-size: 10px; padding: 4px 8px; }
-  .engine-picker { width: 100%; margin-left: 0; }
-  .engine-picker-summary { width: 100%; justify-content: space-between; }
-  .engine-picker-body { width: calc(100vw - 24px); right: -6px; }
+  .mobile-bar-row .engine-picker-summary { font-size: 11px; padding: 3px 6px; }
+  .engine-picker-body { width: calc(100vw - 24px); right: -6px; bottom: calc(100% + 8px); top: auto; }
   .logo-text { font-size: 15px; }
   .home-logo { font-size: 40px; }
   .home-tagline { letter-spacing: 0.08em; margin-bottom: 20px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termsearch",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Personal search engine for Termux/Linux/macOS — zero-config, privacy-first, AI-optional",
   "type": "module",
   "bin": {

package/scripts/postinstall.js

@@ -17,9 +17,15 @@ function ok(msg)   { console.log(`  ${GREEN}✓${RESET} ${msg}`); }
 function warn(msg) { console.log(`  ${YELLOW}⚠${RESET} ${msg}`); }
 function info(msg) { console.log(`  ${CYAN}→${RESET} ${msg}`); }
 
+let VERSION = '0.0.0';
+try {
+  const pkgPath = new URL('../package.json', import.meta.url);
+  VERSION = JSON.parse(fs.readFileSync(pkgPath, 'utf8')).version || VERSION;
+} catch { /* ignore */ }
+
 try {
   console.log('');
-  console.log(`${BOLD}  TermSearch — post-install check${RESET}`);
+  console.log(`${BOLD}  TermSearch v${VERSION}${RESET} — post-install check`);
   console.log('');
 
   // ── Node.js version ──────────────────────────────────────────────────────
@@ -76,7 +82,7 @@ try {
   }
 
   console.log('');
-  info(`Run ${BOLD}termsearch${RESET}${CYAN} then open http://localhost:3000`);
+  info(`Run ${BOLD}termsearch${RESET}${CYAN} to start v${VERSION} → http://localhost:3000`);
   console.log('');
 
 } catch {