@cremini/skillpack 1.0.9-im.1 → 1.0.9-im.4

package/runtime/server/package.json

@@ -11,6 +11,7 @@
     "@slack/bolt": "^4.6.0",
     "express": "^5.1.0",
     "node-telegram-bot-api": "^0.66.0",
+    "pm2": "^6.0.14",
     "ws": "^8.19.0"
   },
   "devDependencies": {

package/runtime/start.bat

@@ -5,11 +5,14 @@ echo.
 echo   Starting Skills Pack...
 echo.
 
-if not exist "server\node_modules" (
+if not exist "server\node_modules\.bin\pm2.cmd" (
   echo   Installing dependencies...
   cd server && npm ci --omit=dev && cd ..
   echo.
 )
 
-rem Start the server (port detection and browser launch are handled by server\dist\index.js)
-cd server && node dist/index.js
+set "PM2_BIN=server\node_modules\.bin\pm2.cmd"
+
+echo   Launching under PM2...
+echo.
+"%PM2_BIN%" startOrRestart ecosystem.config.cjs --update-env

package/runtime/start.sh

@@ -11,12 +11,15 @@ echo ""
 echo "  Starting ${PACK_NAME}..."
 echo ""
 
-# Install dependencies
-if [ ! -d "server/node_modules" ]; then
+# Install dependencies (including local PM2)
+if [ ! -x "server/node_modules/.bin/pm2" ]; then
   echo "  Installing dependencies..."
   cd server && npm install --omit=dev && cd ..
   echo ""
 fi
 
-# Start the server
-cd server && node dist/index.js
+PM2_BIN="./server/node_modules/.bin/pm2"
+
+echo "  Launching under PM2..."
+echo ""
+"$PM2_BIN" startOrRestart ecosystem.config.cjs --update-env

package/runtime/web/index.html

@@ -104,6 +104,7 @@
       </div>
     </div>
     <div class="settings-modal-footer">
+      <button id="restart-service-btn" class="secondary-btn" hidden>Restart Service</button>
       <button id="save-settings-btn" class="primary-btn">Save Settings</button>
     </div>
   </dialog>
@@ -112,4 +113,4 @@
   <script type="module" src="js/main.js"></script>
 </body>
 
-</html>
+</html>

package/runtime/web/js/api.js

@@ -11,3 +11,15 @@ export async function saveConfigData(updates) {
   }
   return await res.json();
 }
+
+export async function restartRuntime() {
+  const res = await fetch(state.API_BASE + "/api/runtime/restart", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+  });
+  const payload = await res.json();
+  if (!res.ok) {
+    throw new Error(payload.message || "Restart Failed");
+  }
+  return payload;
+}

package/runtime/web/js/config.js

@@ -1,6 +1,7 @@
 export const state = {
   config: null,
-  API_BASE: ""
+  API_BASE: "",
+  restartRequired: false,
 };
 
 export async function loadConfig() {

package/runtime/web/js/settings.js

@@ -1,5 +1,5 @@
 import { state } from "./config.js";
-import { saveConfigData } from "./api.js";
+import { restartRuntime, saveConfigData } from "./api.js";
 
 // DOM Elements
 let dialog;
@@ -12,6 +12,7 @@ let telegramTokenInput;
 let slackBotTokenInput;
 let slackAppTokenInput;
 let keyStatus;
+let restartBtn;
 
 export function initSettings() {
   dialog = document.getElementById("settings-dialog");
@@ -25,6 +26,7 @@ export function initSettings() {
   slackBotTokenInput = document.getElementById("slack-bot-token-input");
   slackAppTokenInput = document.getElementById("slack-app-token-input");
   keyStatus = document.getElementById("key-status");
+  restartBtn = document.getElementById("restart-service-btn");
 
   if (!dialog) return;
 
@@ -47,6 +49,9 @@ export function initSettings() {
   if (saveBtn) {
     saveBtn.addEventListener("click", handleSave);
   }
+  if (restartBtn) {
+    restartBtn.addEventListener("click", handleRestart);
+  }
 
   // Placeholder logic
   if (providerSelect) {
@@ -65,11 +70,20 @@ function populateForm() {
   const config = state.config;
   if (!config) return;
 
-  if (config.hasApiKey) {
-    keyStatus.textContent = "API key configured";
-    keyStatus.className = "status-text success";
+  if (state.restartRequired) {
+    setStatus(
+      config.runtimeControl?.canManagedRestart
+        ? "Settings saved. Restart service to apply changes."
+        : "Settings saved. Restart the service manually to apply changes.",
+      "warning",
+    );
+    updateRestartButton(true);
+  } else if (config.hasApiKey) {
+    setStatus("API key configured", "success");
+    updateRestartButton(false);
   } else {
-    keyStatus.textContent = "";
+    setStatus("", "");
+    updateRestartButton(false);
   }
 
   if (config.provider) {
@@ -116,17 +130,61 @@ async function handleSave() {
 
   try {
     const res = await saveConfigData(updates);
-    keyStatus.textContent = "Settings saved";
-    keyStatus.className = "status-text success";
     apiKeyInput.value = ""; // clear after save
     
     // Update local config
     state.config.provider = res.provider;
     state.config.adapters = res.adapters;
+    state.config.runtimeControl = res.runtimeControl;
     if (key) state.config.hasApiKey = true;
+    state.restartRequired = !!res.requiresRestart;
+
+    if (res.requiresRestart) {
+      setStatus(
+        res.runtimeControl.canManagedRestart
+          ? "Settings saved. Restart service to apply changes."
+          : "Settings saved. Restart the service manually to apply changes.",
+        "warning",
+      );
+      updateRestartButton(res.runtimeControl.canManagedRestart);
+      return;
+    }
+
+    setStatus("Settings saved", "success");
+    updateRestartButton(false);
+
+  } catch (err) {
+    setStatus("Save failed: " + err.message, "error");
+  }
+}
+
+async function handleRestart() {
+  if (!restartBtn) return;
 
+  restartBtn.disabled = true;
+  if (saveBtn) saveBtn.disabled = true;
+  setStatus("Restarting service...", "warning");
+
+  try {
+    await restartRuntime();
+    setTimeout(() => {
+      window.location.reload();
+    }, 3000);
   } catch (err) {
-    keyStatus.textContent = "Save failed: " + err.message;
-    keyStatus.className = "status-text error";
+    if (saveBtn) saveBtn.disabled = false;
+    restartBtn.disabled = false;
+    setStatus("Restart failed: " + err.message, "error");
   }
 }
+
+function updateRestartButton(show) {
+  if (!restartBtn) return;
+  restartBtn.hidden = !show;
+  restartBtn.disabled = false;
+}
+
+function setStatus(message, status) {
+  if (!keyStatus) return;
+  keyStatus.textContent = message;
+  keyStatus.className = status ? `status-text ${status}` : "status-text";
+}

package/runtime/web/styles.css

@@ -198,6 +198,9 @@ body {
 .status-text.success {
   color: var(--success);
 }
+.status-text.warning {
+  color: var(--accent);
+}
 .status-text.error {
   color: var(--error);
 }
@@ -922,6 +925,22 @@ body {
   display: flex;
   justify-content: flex-end;
   align-items: center;
+  gap: 12px;
+}
+.secondary-btn {
+  padding: 10px 20px;
+  background: transparent;
+  color: var(--text-primary);
+  border: 1px solid var(--border-color);
+  border-radius: var(--radius-sm);
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.secondary-btn:hover {
+  border-color: var(--accent);
+  color: var(--accent);
 }
 .primary-btn {
   padding: 10px 20px;
@@ -942,4 +961,10 @@ body {
 .primary-btn:active {
   transform: translateY(0);
 }
-
+.primary-btn:disabled,
+.secondary-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: none;
+}