clay-server 2.6.0 → 2.7.1

package/lib/public/modules/server-settings.js

@@ -179,6 +179,19 @@ export function initServerSettings(appCtx) {
     });
   }
 
+  // Restart server
+  var restartBtn = document.getElementById("settings-restart-btn");
+  if (restartBtn) {
+    restartBtn.addEventListener("click", function () {
+      var ws = ctx.ws;
+      if (ws && ws.readyState === 1) {
+        restartBtn.disabled = true;
+        restartBtn.textContent = "Restarting...";
+        ws.send(JSON.stringify({ type: "restart_server" }));
+      }
+    });
+  }
+
   // Shutdown server
   var shutdownInput = document.getElementById("settings-shutdown-input");
   var shutdownBtn = document.getElementById("settings-shutdown-btn");
@@ -235,6 +248,7 @@ function openSettings() {
   refreshIcons(settingsEl);
   populateSettings();
   requestDaemonConfig();
+  resetRestartButton();
   resetShutdownForm();
 
   // Start periodic stats refresh
@@ -242,6 +256,13 @@ function openSettings() {
   statsTimer = setInterval(requestStats, 5000);
 }
 
+function resetRestartButton() {
+  var btn = document.getElementById("settings-restart-btn");
+  var errorEl = document.getElementById("settings-restart-error");
+  if (btn) { btn.disabled = false; btn.innerHTML = '<i data-lucide="refresh-cw" style="width:14px;height:14px;vertical-align:-2px;margin-right:4px;"></i>Restart Server'; }
+  if (errorEl) errorEl.classList.add("hidden");
+}
+
 function resetShutdownForm() {
   var input = document.getElementById("settings-shutdown-input");
   var btn = document.getElementById("settings-shutdown-btn");
@@ -580,6 +601,25 @@ export function handleKeepAwakeChanged(msg) {
   if (keepAwakeToggle) keepAwakeToggle.checked = !!msg.keepAwake;
 }
 
+export function handleRestartResult(msg) {
+  var restartBtn = document.getElementById("settings-restart-btn");
+  var errorEl = document.getElementById("settings-restart-error");
+
+  if (msg.ok) {
+    if (restartBtn) restartBtn.textContent = "Server restarting...";
+    showToast("Server is restarting...");
+  } else {
+    if (restartBtn) {
+      restartBtn.textContent = "Restart Server";
+      restartBtn.disabled = false;
+    }
+    if (errorEl) {
+      errorEl.textContent = msg.error || "Restart failed";
+      errorEl.classList.remove("hidden");
+    }
+  }
+}
+
 export function handleShutdownResult(msg) {
   var shutdownInput = document.getElementById("settings-shutdown-input");
   var shutdownBtn = document.getElementById("settings-shutdown-btn");

package/lib/public/modules/sidebar.js

@@ -1,6 +1,7 @@
 import { escapeHtml, copyToClipboard } from './utils.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { openProjectSettings } from './project-settings.js';
+import { triggerShare } from './qrcode.js';
 
 var ctx;
 
@@ -1225,6 +1226,17 @@ function showProjectCtxMenu(anchorEl, slug, name, icon, position) {
   });
   menu.appendChild(settingsItem);
 
+  // --- Share ---
+  var shareItem = document.createElement("button");
+  shareItem.className = "project-ctx-item";
+  shareItem.innerHTML = iconHtml("share") + " <span>Share</span>";
+  shareItem.addEventListener("click", function (e) {
+    e.stopPropagation();
+    closeProjectCtxMenu();
+    triggerShare();
+  });
+  menu.appendChild(shareItem);
+
   // --- Separator ---
   var sep = document.createElement("div");
   sep.className = "project-ctx-separator";

package/lib/public/modules/skills.js

@@ -196,6 +196,12 @@ function loadSkills(tab) {
   var searchEl = document.getElementById("skills-search");
   if (searchEl) searchEl.style.display = "";
 
+  // Installed tab — uses local data, not skills.sh
+  if (tab === "installed") {
+    loadInstalledSkills();
+    return;
+  }
+
   // Check cache
   if (skillsData[tab]) {
     renderList(skillsData[tab], tab);
@@ -216,6 +222,74 @@ function loadSkills(tab) {
     });
 }
 
+function loadInstalledSkills() {
+  contentEl.innerHTML = '<div class="skills-loading"><div class="skills-spinner"></div> Loading installed skills...</div>';
+
+  fetch(basePath + "api/installed-skills")
+    .then(function (res) { return res.json(); })
+    .then(function (data) {
+      installedSkills = data.installed || {};
+      renderInstalledList(installedSkills);
+    })
+    .catch(function () {
+      contentEl.innerHTML = '<div class="skills-empty">Failed to load installed skills</div>';
+    });
+}
+
+function renderInstalledList(installed) {
+  var names = Object.keys(installed);
+  if (!names.length) {
+    contentEl.innerHTML = '<div class="skills-empty">No skills installed<div class="skills-empty-hint">Browse the other tabs to discover and install skills</div></div>';
+    return;
+  }
+
+  var html = '<div class="skills-list">';
+
+  for (var i = 0; i < names.length; i++) {
+    var name = names[i];
+    var info = installed[name];
+    var desc = info.description || "";
+
+    html += '<div class="skills-installed-item">' +
+      '<div class="skills-installed-item-info">' +
+        '<div class="skills-installed-item-header">' +
+          '<span class="skills-installed-item-name">' + escapeHtml(name) + '</span>' +
+          '<span class="skills-installed-badge">' + iconHtml("check") + ' ' + scopeLabel(info.scope) + '</span>' +
+        '</div>' +
+        (desc ? '<div class="skills-installed-item-desc">' + escapeHtml(desc) + '</div>' : '') +
+      '</div>' +
+      '<div class="skills-installed-item-actions">' +
+        buildUninstallButtons(name, info.scope) +
+      '</div>' +
+    '</div>';
+  }
+
+  html += '</div>';
+  contentEl.innerHTML = html;
+  refreshIcons(contentEl);
+
+  // Attach uninstall handlers
+  var unBtns = contentEl.querySelectorAll(".skills-uninstall-btn");
+  for (var j = 0; j < unBtns.length; j++) {
+    (function (btn) {
+      btn.addEventListener("click", function () {
+        uninstallSkill(btn.dataset.skill, btn.dataset.scope);
+      });
+    })(unBtns[j]);
+  }
+}
+
+function buildUninstallButtons(skillName, scope) {
+  var html = '';
+  if (scope === "both") {
+    html += '<button class="skills-uninstall-btn" data-skill="' + escapeHtml(skillName) + '" data-scope="project" title="Uninstall (Project)">' + iconHtml("x") + '</button>';
+    html += '<button class="skills-uninstall-btn" data-skill="' + escapeHtml(skillName) + '" data-scope="global" title="Uninstall (Global)">' + iconHtml("x") + '</button>';
+  } else {
+    html += '<button class="skills-uninstall-btn" data-skill="' + escapeHtml(skillName) + '" data-scope="' + escapeHtml(scope) + '" title="Uninstall">' + iconHtml("x") + '</button>';
+  }
+  return html;
+}
+
 function loadSearchResults(q) {
   // Stale check — if query changed since this was scheduled, skip
   if (q !== searchQuery) return;
@@ -529,6 +603,11 @@ export function handleSkillInstalled(msg) {
         updateDetailInstallButtons(skill);
       }
     }
+
+    // If we're on the installed tab, refresh it
+    if (activeTab === "installed" && currentView === "list") {
+      loadInstalledSkills();
+    }
   } else {
     // Show error toast
     showToast("Failed to install " + skill + (msg.error ? ": " + msg.error : ""), "error");
@@ -593,6 +672,11 @@ export function handleSkillUninstalled(msg) {
         updateDetailInstallButtons(skill);
       }
     }
+
+    // If we're on the installed tab, refresh it
+    if (activeTab === "installed" && currentView === "list") {
+      loadInstalledSkills();
+    }
   } else {
     showToast("Failed to uninstall " + skill + (msg.error ? ": " + msg.error : ""), "error");
     // Re-enable the uninstall button