termsearch 0.3.5 → 0.3.7

package/bin/termsearch.js

@@ -376,7 +376,7 @@ async function cmdAutostart(sub) {
 async function cmdDefault(flags) {
   const { running, pid } = getStatus();
   if (running) {
-    cmdStatus();
+    await cmdStatus();
   } else {
     await cmdStart(flags);
     if (getStatus().running) {

package/frontend/dist/app.js

@@ -208,6 +208,7 @@ function svg(paths, size = 16, extra = '') {
 
 const ICONS = {
   search:   svg('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>'),
+  filter:   svg('<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"/>'),
   settings: svg('<circle cx="12" cy="12" r="3"/><path d="M12 2v3m0 14v3M2 12h3m14 0h3m-3.7-8.3-2.1 2.1m-8.4 8.4-2.1 2.1m12.5 0-2.1-2.1M5.7 5.7 3.6 3.6"/>'),
   theme:    svg('<circle cx="12" cy="12" r="5"/><path d="M12 1v2m0 18v2M4.22 4.22l1.42 1.42m12.72 12.72 1.42 1.42M1 12h2m18 0h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/>'),
   back:     svg('<path d="M19 12H5"/><path d="m12 5-7 7 7 7"/>'),
@@ -267,6 +268,7 @@ 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 = [
@@ -313,13 +315,19 @@ function LangPicker() {
   return wrap;
 }
 
-function EnginePicker() {
-  const details = el('details', { className: 'engine-picker' });
+function EnginePicker(opts = {}) {
+  const compact = Boolean(opts.compact);
+  const details = el('details', { className: `engine-picker${compact ? ' engine-picker-compact' : ''}` });
   const selectedCount = state.selectedEngines.length;
-  const summary = el('summary', { className: 'engine-picker-summary' },
-    el('span', { className: 'engine-picker-title' }, selectedCount ? `Engines (${selectedCount})` : 'Engines (all)'),
-    iconEl('chevron', 'engine-chevron'),
-  );
+  const summary = compact
+    ? el('summary', { className: 'engine-picker-summary engine-picker-summary-icon', title: 'Search engines' },
+      iconEl('filter', 'engine-filter-icon'),
+      selectedCount ? el('span', { className: 'engine-picker-count' }, String(selectedCount)) : null,
+    )
+    : el('summary', { className: 'engine-picker-summary' },
+      el('span', { className: 'engine-picker-title' }, selectedCount ? `Engines (${selectedCount})` : 'Engines (all)'),
+      iconEl('chevron', 'engine-chevron'),
+    );
 
   const body = el('div', { className: 'engine-picker-body' });
   const presetRow = el('div', { className: 'engine-preset-row' });
@@ -1020,6 +1028,7 @@ function renderApp() {
     el('div', { className: 'header-search' }, SearchForm(state.query, (q, cat) => { state.query = q; doSearch(q, cat); })),
     el('div', { className: 'header-nav' },
       LangPicker(),
+      EnginePicker({ compact: true }),
       el('button', { className: 'btn-icon', title: 'Settings',     onClick: () => navigate('#/settings') }, iconEl('settings')),
       el('button', { className: 'btn-icon', title: 'Toggle theme', onClick: toggleTheme }, iconEl('theme')),
     ),
@@ -1046,7 +1055,6 @@ function renderApp() {
     });
   };
   buildCatTabs(categoryBar);
-  categoryBar.append(EnginePicker());
 
   const mobileTabs = el('div', { className: 'mobile-bar-tabs' });
   buildCatTabs(mobileTabs);
@@ -1058,8 +1066,8 @@ function renderApp() {
         className: 'mobile-logo',
         onClick: () => { state.query = ''; state.category = 'web'; navigate('#/'); renderApp(); },
       }, 'Term', el('strong', {}, 'Search')),
-      EnginePicker(),
       LangPicker(),
+      EnginePicker({ compact: true }),
       el('button', { className: 'btn-icon', title: 'Settings',     onClick: () => navigate('#/settings') }, iconEl('settings')),
       el('button', { className: 'btn-icon', title: 'Toggle theme', onClick: toggleTheme }, iconEl('theme')),
     ),
@@ -1475,7 +1483,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',
+          'Included presets: LocalHost (Ollama · LM Studio · llama.cpp) · Chutes.ai TEE · Anthropic · OpenAI · OpenRoute/OpenRouter',
           el('br', {}),
           'You can also keep custom OpenAI-compatible endpoints.',
         ),

package/frontend/dist/style.css

@@ -161,7 +161,6 @@ a:hover { color: var(--link-h); }
 }
 
 .engine-picker {
-  margin-left: auto;
   position: relative;
 }
 .engine-picker summary {
@@ -182,6 +181,43 @@ a:hover { color: var(--link-h); }
   font-size: 11px;
   cursor: pointer;
 }
+.engine-picker-summary-icon {
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border-radius: var(--radius-sm);
+  justify-content: center;
+  background: transparent;
+  color: var(--text3);
+  border-color: var(--border);
+  position: relative;
+}
+.engine-picker-summary-icon:hover {
+  border-color: #3a3a3a;
+  color: var(--text2);
+}
+.engine-filter-icon {
+  display: inline-flex;
+  align-items: center;
+}
+.engine-picker-count {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+  min-width: 14px;
+  height: 14px;
+  border-radius: 999px;
+  padding: 0 3px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(109,40,217,0.95);
+  color: #fff;
+  border: 1px solid rgba(167,139,250,0.55);
+  font-size: 9px;
+  font-weight: 700;
+  line-height: 1;
+}
 .engine-picker-title {
   white-space: nowrap;
 }
@@ -968,7 +1004,6 @@ a:hover { color: var(--link-h); }
   gap: 6px;
   padding: 4px 12px 2px;
 }
-.mobile-bar-row .engine-picker { flex-shrink: 0; }
 .mobile-bar-row .lang-wrap { margin-left: auto; }
 
 /* ─── Responsive ──────────────────────────────────────────────────────────── */
@@ -978,8 +1013,17 @@ a:hover { color: var(--link-h); }
   .main { padding-bottom: calc(20px + var(--mobile-bar-height, 0px) + env(safe-area-inset-bottom, 0px)); }
 
   .cat-tab { font-size: 10px; padding: 4px 8px; }
-  .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; }
+  .mobile-bar-row .engine-picker-summary-icon { width: 30px; height: 30px; }
+  .engine-picker-body {
+    position: fixed;
+    left: 10px;
+    right: 10px;
+    width: auto;
+    max-height: min(62vh, 520px);
+    bottom: calc(var(--mobile-bar-height, 0px) + env(safe-area-inset-bottom, 0px) + 10px);
+    top: auto;
+    z-index: 260;
+  }
   .logo-text { font-size: 15px; }
   .home-logo { font-size: 40px; }
   .home-tagline { letter-spacing: 0.08em; margin-bottom: 20px; }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "termsearch",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Personal search engine for Termux/Linux/macOS — zero-config, privacy-first, AI-optional",
   "type": "module",
   "bin": {
-    "termsearch": "./bin/termsearch.js"
+    "termsearch": "bin/termsearch.js"
   },
   "main": "./src/server.js",
   "files": [
@@ -43,6 +43,6 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/DioNanos/termsearch"
+    "url": "git+https://github.com/DioNanos/termsearch.git"
   }
 }