clideck 1.31.13 → 1.31.15

package/handlers.js

@@ -295,6 +295,13 @@ function remoteCliEnv() {
   return { ...process.env, CLIDECK_PORT: String(PORT) };
 }
 
+function remoteVoiceCapabilityError() {
+  const voicePlugin = plugins.getInfo().find(p => p.id === 'voice-input' && p.installed);
+  return voicePlugin
+    ? 'Restart CliDeck so the Voice Input plugin update can finish loading.'
+    : 'Install the Voice Input plugin in CliDeck first.';
+}
+
 function onConnection(ws) {
   sessions.clients.add(ws);
 
@@ -606,7 +613,7 @@ function onConnection(ws) {
         const requestId = String(msg.requestId || '');
         const replyError = (error) => ws.send(JSON.stringify({ type: 'remote.voice.error', requestId, error }));
         if (!plugins.hasCapability('voice-input', 'transcribeAudio')) {
-          replyError('Install the Voice Input plugin in CliDeck first.');
+          replyError(remoteVoiceCapabilityError());
           break;
         }
         if (typeof msg.audio !== 'string' || !msg.audio) {
@@ -619,6 +626,37 @@ function onConnection(ws) {
         break;
       }
 
+      case 'remote.voice.send': {
+        const requestId = String(msg.requestId || '');
+        const id = String(msg.id || '');
+        const replyError = (error) => ws.send(JSON.stringify({ type: 'remote.voice.error', requestId, error }));
+        if (!plugins.hasCapability('voice-input', 'transcribeAudio')) {
+          replyError(remoteVoiceCapabilityError());
+          break;
+        }
+        if (!id || !sessions.getSessions().has(id)) {
+          replyError('Session is not available.');
+          break;
+        }
+        if (typeof msg.audio !== 'string' || !msg.audio) {
+          replyError('No audio received.');
+          break;
+        }
+        plugins.invoke('voice-input', 'transcribeAudio', { audio: msg.audio })
+          .then(result => {
+            const text = String(result?.text || '').trim();
+            if (!text) {
+              ws.send(JSON.stringify({ type: 'remote.voice.sent', requestId, id, skipped: true }));
+              return;
+            }
+            sessions.input({ id, data: text });
+            setTimeout(() => sessions.input({ id, data: '\r' }), 150);
+            ws.send(JSON.stringify({ type: 'remote.voice.sent', requestId, id, text }));
+          })
+          .catch(e => replyError(e.message || 'Voice transcription failed.'));
+        break;
+      }
+
       case 'remote.install': {
         const update = !!msg.update;
         const proc = require('child_process').spawn('npm', ['install', '-g', 'clideck-remote'], {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.31.13",
+  "version": "1.31.15",
   "description": "One screen for all your AI coding agents — run, monitor, and manage multiple CLI agents from a single browser tab",
   "main": "server.js",
   "bin": {

package/plugin-loader.js

@@ -445,6 +445,12 @@ async function invoke(pluginId, name, data = {}) {
 
 function getInfo() {
   const cfg = getConfigFn?.();
+  const capabilitiesFor = (pluginId) => {
+    const prefix = `${pluginId}.`;
+    return [...backendHandlers.keys()]
+      .filter(k => k.startsWith(prefix))
+      .map(k => k.slice(prefix.length));
+  };
   const installed = [...plugins.values()].map(p => ({
     id: p.manifest.id,
     name: p.manifest.name,
@@ -456,6 +462,7 @@ function getInfo() {
     settingValues: cfg?.pluginSettings?.[p.manifest.id] || {},
     dynamicOptions: p.dynamicOptions || {},
     actions: p.actions,
+    capabilities: capabilitiesFor(p.manifest.id),
     hasClient: existsSync(join(p.dir, 'client.js')),
     bundled: BUNDLED_IDS.has(p.manifest.id),
     installed: true,
@@ -471,6 +478,7 @@ function getInfo() {
     settingValues: {},
     dynamicOptions: {},
     actions: [],
+    capabilities: [],
     hasClient: false,
     bundled: BUNDLED_IDS.has(u.manifest.id),
     installed: false,

package/plugins/voice-input/clideck-plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "voice-input",
   "name": "Voice Input",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "author": "CliDeck",
   "description": "Dictate prompts with your voice using Whisper speech-to-text",
   "icon": "<svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z\"/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"23\"/><line x1=\"8\" y1=\"23\" x2=\"16\" y2=\"23\"/></svg>",

package/public/index.html

@@ -355,7 +355,7 @@
     <div id="remote-modal" class="absolute inset-0 z-[260] bg-black/60 backdrop-blur-sm hidden items-center justify-center">
       <div style="background:var(--color-dialog);border:1px solid color-mix(in srgb, var(--color-muted) 40%, transparent);box-shadow:0 25px 60px -12px var(--color-shadow)" class="rounded-2xl w-[340px] flex flex-col overflow-hidden">
         <div class="px-5 py-3.5 flex items-center justify-between">
-          <span class="text-[13px] font-semibold text-slate-200">Mobile Remote</span>
+          <span id="remote-modal-title" class="text-[13px] font-semibold text-slate-200">Mobile Remote</span>
           <button id="remote-close" class="w-6 h-6 flex items-center justify-center rounded-md text-slate-500 hover:text-slate-300 hover:bg-slate-700/50 transition-colors">
             <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12"/></svg>
           </button>

package/public/js/app.js

@@ -1184,12 +1184,28 @@ function setRemotePane(pane) {
   }
 }
 
+function remoteTitle() {
+  const version = state.remoteVersion && state.remoteVersion !== 'not installed'
+    ? ` v${state.remoteVersion}`
+    : '';
+  return `Mobile Remote${version}`;
+}
+
+function updateRemoteTitle() {
+  const title = remoteTitle();
+  const modalTitle = document.getElementById('remote-modal-title');
+  const introTitle = document.getElementById('remote-intro-title');
+  if (modalTitle) modalTitle.textContent = title;
+  if (introTitle) introTitle.textContent = `CliDeck ${title}`;
+}
+
 function showRemoteIntro(opts = {}) {
   const title = document.getElementById('remote-intro-title');
   const text = document.getElementById('remote-intro-text');
   const foot = document.getElementById('remote-intro-foot');
   const btn = document.getElementById('remote-add');
-  title.textContent = opts.title || 'CliDeck Mobile Remote';
+  updateRemoteTitle();
+  if (opts.title) title.textContent = opts.title;
   text.textContent = opts.text || 'Control your AI agents from your phone. See live status, send messages, and get notifications — all end-to-end encrypted.';
   foot.innerHTML = opts.foot || 'Installs the <code class="text-slate-500">clideck-remote</code> package via npm';
   btn.textContent = opts.button || 'Add to CliDeck';
@@ -1236,6 +1252,7 @@ function finishRemotePreflight() {
 }
 
 function openRemoteModal() {
+  updateRemoteTitle();
   remoteModalOpen = true;
   remoteModal.classList.remove('hidden');
   remoteModal.style.display = 'flex';
@@ -1326,6 +1343,7 @@ function handleRemoteStatus(msg) {
   remoteLastStatus = msg;
   remoteInstalled = !!msg.installed;
   state.remoteVersion = msg.version || (msg.installed ? null : 'not installed');
+  updateRemoteTitle();
   updateVersionFooter();
   const wasPaired = remoteState === 'paired';
   const preflighting = !!remotePreflight?.pending;