@lifeaitools/clauth 1.5.83 → 1.5.84

package/cli/commands/serve.js

@@ -607,9 +607,14 @@ function dashboardHtml(port, whitelist, isStaged = false) {
   .project-tab{background:none;border:none;border-bottom:2px solid transparent;color:#64748b;padding:8px 16px;font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}
   .project-tab:hover{color:#94a3b8;background:rgba(59,130,246,.05)}
   .project-tab.active{color:#60a5fa;border-bottom-color:#3b82f6;background:rgba(59,130,246,.08)}
-  .project-tab .tab-count{font-size:.7rem;color:#475569;margin-left:4px;font-weight:400}
-  .project-tab.active .tab-count{color:#3b82f6}
-  .project-edit{display:none;margin-top:8px;padding:8px 10px;background:#0f172a;border:1px solid #334155;border-radius:6px}
+  .project-tab .tab-count{font-size:.7rem;color:#475569;margin-left:4px;font-weight:400}
+  .project-tab.active .tab-count{color:#3b82f6}
+  .service-search{display:flex;align-items:center;gap:10px;margin:-.35rem 0 1rem;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:9px 12px}
+  .service-search-label{font-size:.76rem;color:#64748b;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
+  .service-search-input{flex:1;min-width:180px;background:#0a0f1a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-family:'Courier New',monospace;font-size:.88rem;padding:8px 11px;outline:none;transition:border-color .15s}
+  .service-search-input:focus{border-color:#3b82f6}
+  .service-search-count{font-size:.78rem;color:#64748b;white-space:nowrap}
+  .project-edit{display:none;margin-top:8px;padding:8px 10px;background:#0f172a;border:1px solid #334155;border-radius:6px}
   .project-edit.open{display:flex;gap:6px;align-items:center}
   .project-edit input{background:#1e293b;border:1px solid #334155;border-radius:4px;color:#e2e8f0;font-size:.78rem;padding:4px 8px;outline:none;flex:1;font-family:'Courier New',monospace;transition:border-color .15s}
   .project-edit input:focus{border-color:#3b82f6}
@@ -863,8 +868,13 @@ function dashboardHtml(port, whitelist, isStaged = false) {
     <div class="wizard-foot" id="wizard-foot"></div>
   </div>
 
-  <div id="project-tabs" class="project-tabs" style="display:none"></div>
-  <div id="grid" class="grid"><p class="loading">Loading services…</p></div>
+  <div id="project-tabs" class="project-tabs" style="display:none"></div>
+  <div id="service-search" class="service-search">
+    <span class="service-search-label">Search</span>
+    <input id="service-search-input" class="service-search-input" type="search" placeholder="service name or display name" autocomplete="off" spellcheck="false" oninput="setServiceSearch(this.value)">
+    <span id="service-search-count" class="service-search-count"></span>
+  </div>
+  <div id="grid" class="grid"><p class="loading">Loading services…</p></div>
   <div class="footer">localhost:${port} · 127.0.0.1 only · 10-strike lockout</div>
 </div>
 
@@ -1158,8 +1168,25 @@ async function stopDaemon() {
 }
 
 // ── Load services ───────────────────────────
-let allServices = [];
-let activeProjectTab = "all";
+let allServices = [];
+let activeProjectTab = "all";
+let serviceSearchQuery = "";
+
+function serviceSort(a, b) {
+  return String(a.name || "").localeCompare(String(b.name || ""), undefined, { sensitivity: "base", numeric: true });
+}
+
+function matchesServiceSearch(s, query) {
+  if (!query) return true;
+  const q = query.toLowerCase();
+  return String(s.name || "").toLowerCase().includes(q) ||
+    String(s.label || "").toLowerCase().includes(q);
+}
+
+function setServiceSearch(value) {
+  serviceSearchQuery = value || "";
+  renderServiceGrid(allServices);
+}
 
 function renderProjectTabs(services) {
   const tabsEl = document.getElementById("project-tabs");
@@ -1185,21 +1212,35 @@ function renderProjectTabs(services) {
   ).join("");
 }
 
-function switchProjectTab(key) {
-  activeProjectTab = key;
-  renderProjectTabs(allServices);
-  renderServiceGrid(allServices);
-}
+function switchProjectTab(key) {
+  activeProjectTab = key;
+  renderProjectTabs(allServices);
+  renderServiceGrid(allServices);
+}
 
 function renderServiceGrid(services) {
   const grid = document.getElementById("grid");
   let filtered = services;
   if (activeProjectTab === "unassigned") {
     filtered = services.filter(s => !s.project);
-  } else if (activeProjectTab !== "all") {
-    filtered = services.filter(s => s.project === activeProjectTab);
-  }
-  if (!filtered.length) { grid.innerHTML = '<p class="loading">No services in this group.</p>'; return; }
+  } else if (activeProjectTab !== "all") {
+    filtered = services.filter(s => s.project === activeProjectTab);
+  }
+  filtered = filtered
+    .filter(s => matchesServiceSearch(s, serviceSearchQuery))
+    .slice()
+    .sort(serviceSort);
+  const searchCount = document.getElementById("service-search-count");
+  if (searchCount) {
+    const trimmed = serviceSearchQuery.trim();
+    searchCount.textContent = trimmed ? filtered.length + " match" + (filtered.length === 1 ? "" : "es") : filtered.length + " shown";
+  }
+  if (!filtered.length) {
+    grid.innerHTML = serviceSearchQuery.trim()
+      ? '<p class="loading">No services match that search.</p>'
+      : '<p class="loading">No services in this group.</p>';
+    return;
+  }
   grid.innerHTML = filtered.map(s => \`
     <div class="card">
       <div style="display:flex;align-items:flex-start;justify-content:space-between">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifeaitools/clauth",
-  "version": "1.5.83",
+  "version": "1.5.84",
   "description": "Hardware-bound credential vault for the LIFEAI infrastructure stack",
   "type": "module",
   "bin": {