clideck 1.31.3 → 1.31.4

package/README.md

@@ -26,7 +26,7 @@ the main problem with using multiple agents is not starting them. it is managing
 
 Terminal multiplexers are great at panes. clideck is about conversations.
 
-A pane grid is flat. agent work usually is not. projects, roles, previews, timestamps, notifications, resume, and sometimes a bit of routing between specialists all fit more naturally into a chat app layout. it also maps naturally to mobile, so the same mental model works on desktop and phone.
+A pane grid is flat. agent work usually is not. projects, previews, timestamps, notifications, resume, and sometimes a bit of routing between specialists all fit more naturally into a chat app layout. it also maps naturally to mobile, so the same mental model works on desktop and phone.
 
 ## Quick start
 

package/config.js

@@ -32,46 +32,6 @@ list your fidings please.`,
   },
 ];
 
-const STARTER_ROLES = [
-  {
-    id: 'starter-role-programmer',
-    name: 'Programmer',
-    instructions: `You are the main programmer of this project.
-Do you not apply workarounds or bandaids, prefer pure solutions.
-NEVER use plan tool/mode, start to build immediatly and ask questions along the way if any.
-Check if any external findings are valid before applying changes, the reviewer doesnt always updated with the full scope.
-When you done with changes, list concisely what you did.
-
-Learn the project quickly if exist. Go over the structure, code and functionality.
-Let me know when you are ready.`,
-  },
-  {
-    id: 'starter-role-reviewer',
-    name: 'Reviewer',
-    instructions: `You are the code reviewer in this project.
-Your task is check the coder output and list critical / logical design flow issues, ugly workarounds or functionalty you just dont understand why its there. Do not waste time and list insignificunt findings.
-
-If you didnt find anything, response with no findings.
-
-You never write code!.
-
-Quickly learn the project if exist. Go over the structure, code and functionality and let me know when you are ready.`,
-  },
-  {
-    id: 'starter-role-product-manager',
-    name: 'Product manager',
-    instructions: `You are the product manager of this project, you should understand why we do what we do and what is the best way to do it. You dont care about technical limitations or directions, the only thing matter to you is the user UI/UX and how this agents team will ship a top notch, professional deliveries.
-Do not allow the team to round angles and skip small stuff that will basly impact the user.
-
-You never write code!
-You dont use your plan tool/mode - instead you are planning immediatly as you go.
-
-Go over the project if exist and understand from the code, documentations and readme what is it and why we do it.
-
-Let me know when you are ready`,
-  },
-];
-
 const DEFAULTS = {
   defaultPath: join(os.homedir(), 'Documents'),
   commands: [
@@ -88,7 +48,6 @@ const DEFAULTS = {
   defaultTheme: 'catppuccin-mocha',
   defaultShell,
   prompts: [],
-  roles: [],
   projects: [],
 };
 
@@ -185,7 +144,6 @@ function migrate(cfg) {
     }
   }
   if (!cfg.projects) cfg.projects = [];
-  if (!cfg.roles) cfg.roles = [];
   return cfg;
 }
 
@@ -194,7 +152,6 @@ function load() {
     return {
       ...deepCopy(DEFAULTS),
       prompts: deepCopy(STARTER_PROMPTS),
-      roles: deepCopy(STARTER_ROLES),
     };
   }
   try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clideck",
-  "version": "1.31.3",
+  "version": "1.31.4",
   "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

@@ -207,13 +207,13 @@ function buildApi(pluginId, pluginDir, state) {
       const s = sessionsFn?.()?.get(id);
       if (!s) return null;
       const state = sessionStatus.get(id) || '';
-      return { id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, roleName: s.roleName || null, working: state.startsWith('1:') };
+      return { id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, working: state.startsWith('1:') };
     },
     getSessions() {
       const sessions = sessionsFn?.();
       if (!sessions) return [];
       return [...sessions].map(([id, s]) => ({
-        id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, roleName: s.roleName || null, working: (sessionStatus.get(id) || '').startsWith('1:'),
+        id, name: s.name, cwd: s.cwd, commandId: s.commandId, presetId: s.presetId || 'shell', themeId: s.themeId, projectId: s.projectId, working: (sessionStatus.get(id) || '').startsWith('1:'),
       }));
     },
 
@@ -232,7 +232,6 @@ function buildApi(pluginId, pluginDir, state) {
     inputToSession(id, data) { inputFn?.({ id, data }); },
     setAutoApproveMenu(id, enabled) { enabled ? autoApproveMenus.add(id) : autoApproveMenus.delete(id); },
 
-    getRoles() { return JSON.parse(JSON.stringify(getConfigFn?.()?.roles || [])); },
     getProjects() { return JSON.parse(JSON.stringify(getConfigFn?.()?.projects || [])); },
     getTranscript(id, n, order) { return transcript.getTurns(id, n || 20, order || 'end'); },
     detectMenu(lines, presetId) { return transcript.detectMenu(lines, presetId); },

package/public/js/hotkeys.js

@@ -88,6 +88,18 @@ export function unregisterAllForPlugin(pluginId) {
 // Prompt autocomplete (// trigger) runs first, then hotkey dispatch.
 export function attachToTerminal(term, presetId) {
   term.attachCustomKeyEventHandler((e) => {
+    if (e.type === 'keydown'
+      && e.ctrlKey
+      && !e.metaKey
+      && !e.altKey
+      && !e.shiftKey
+      && e.code === 'KeyC'
+      && term.hasSelection()) {
+      e.preventDefault();
+      navigator.clipboard?.writeText(term.getSelection()).catch(() => {});
+      return false;
+    }
+
     // Claude Code uses Shift+Enter for multiline input, but xterm emits the
     // same "\r" as plain Enter. Scope CSI-u translation to Claude only so
     // other terminals keep their existing Enter behavior unchanged.

package/public/js/terminals.js

@@ -40,6 +40,50 @@ const MIN_CONTRAST_RATIO = 4.5;
 const DARK_BALLS = ['#00e5ff', '#5df0d6', '#9b8cff'];
 const LIGHT_BALLS = ['#0891b2', '#059669', '#7c3aed'];
 
+const URL_RE = /\bhttps?:\/\/[^\s<>"'`]+/g;
+
+function cleanUrlMatch(text, index) {
+  let url = text;
+  while (/[),.;:!?\\\]}]+$/.test(url)) url = url.slice(0, -1);
+  if (!url) return null;
+  try {
+    const parsed = new URL(url);
+    if (parsed.protocol !== 'http:' && parsed.protocol !== 'https:') return null;
+  } catch {
+    return null;
+  }
+  return { text: url, index };
+}
+
+function openTerminalLink(url) {
+  const win = window.open(url, '_blank', 'noopener,noreferrer');
+  if (win) win.opener = null;
+}
+
+function addLinkProvider(term) {
+  term.registerLinkProvider({
+    provideLinks(y, callback) {
+      const line = term.buffer.active.getLine(y - 1);
+      if (!line) return callback(undefined);
+      const text = line.translateToString(true);
+      const links = [];
+      for (const match of text.matchAll(URL_RE)) {
+        const cleaned = cleanUrlMatch(match[0], match.index || 0);
+        if (!cleaned) continue;
+        links.push({
+          text: cleaned.text,
+          range: {
+            start: { x: cleaned.index + 1, y },
+            end: { x: cleaned.index + cleaned.text.length, y },
+          },
+          activate: (_event, linkText) => openTerminalLink(linkText),
+        });
+      }
+      callback(links.length ? links : undefined);
+    },
+  });
+}
+
 function startBounce(container) {
   const isDark = !document.documentElement.classList.contains('light');
   const colors = isDark ? DARK_BALLS : LIGHT_BALLS;
@@ -386,6 +430,7 @@ export function addTerminal(id, name, themeId, commandId, projectId, muted, last
   });
   const fit = new FitAddon.FitAddon();
   term.loadAddon(fit);
+  addLinkProvider(term);
   term.onData(data => send({ type: 'input', id, data }));
 
   // [TRANSCRIPT-CAPTURE] initial settled capture plus one delayed idle save

package/sessions.js

@@ -108,29 +108,7 @@ function spawnSession(id, cmd, parts, cwd, name, themeId, commandId, savedToken,
   if (preset?.telemetryEnv) telemetry.watchSession(id, bin);
   if (preset?.bridge === 'opencode') opencodeBridge.watchSession(id, cwd);
 
-  function injectRolePrompt() {
-    if (!session.pendingRolePrompt) return;
-    transcript.recordInjectedInput(id, session.pendingRolePrompt);
-    term.write(session.pendingRolePrompt);
-    setTimeout(() => term.write('\r'), 150);
-    console.log(`Session ${id.slice(0, 8)}: injected role prompt`);
-    delete session.pendingRolePrompt;
-    delete session._rolePromptTimer;
-  }
-
   term.onData((data) => {
-    // Role prompts should be injected only when the agent is likely ready for
-    // input. For Codex, use the first OTLP startup event instead of a blind
-    // fixed startup delay; other agents keep the existing delayed path.
-    if (session.pendingRolePrompt && !session._rolePromptTimer) {
-      if (session.presetId === 'codex') {
-        if (telemetry.hasEvents(id)) injectRolePrompt();
-      } else {
-        session._rolePromptTimer = setTimeout(() => {
-          if (session.pendingRolePrompt) injectRolePrompt();
-        }, 3000);
-      }
-    }
     session.chunks.push(data);
     session.chunksSize += data.length;
     while (session.chunksSize > MAX_BUFFER && session.chunks.length > 1) {
@@ -164,7 +142,6 @@ function spawnSession(id, cmd, parts, cwd, name, themeId, commandId, savedToken,
       resumable.push({
         id, name: s.name, commandId: s.commandId, presetId: s.presetId || 'shell', cwd: s.cwd,
         themeId: s.themeId, sessionToken: s.sessionToken, projectId: s.projectId, muted: !!s.muted,
-        roleName: s.roleName || null,
         lastPreview: s.lastPreview || '', lastActivityAt: s.lastActivityAt || null,
         savedAt: new Date().toISOString(),
       });
@@ -202,18 +179,6 @@ function create(msg, ws, cfg) {
     return;
   }
 
-  // If a role was selected, store identity on session and queue prompt injection
-  if (msg.roleId) {
-    const role = (cfg.roles || []).find(r => r.id === msg.roleId);
-    if (role) {
-      const s = sessions.get(id);
-      if (s) {
-        s.roleName = role.name;
-        if (role.instructions) s.pendingRolePrompt = role.instructions;
-      }
-    }
-  }
-
   const createdPresetId = PRESETS.find(p => binName(p.command) === binName(cmd.command))?.presetId || 'shell';
   const installId = msg.installId || undefined;
   broadcast({ type: 'created', id, name, themeId, commandId: cmd.id, presetId: createdPresetId, projectId, installId });
@@ -245,7 +210,6 @@ function createProgrammatic(opts, cfg) {
   if (err) return { error: err.message };
 
   const s = sessions.get(id);
-  if (s && opts.roleName) s.roleName = opts.roleName;
   if (s && opts.ephemeral) s.ephemeral = true;
 
   const presetId = PRESETS.find(p => binName(p.command) === binName(cmd.command))?.presetId || 'shell';
@@ -292,7 +256,6 @@ function resume(msg, ws, cfg) {
   const s = sessions.get(id);
   if (s) {
     if (saved.muted) s.muted = true;
-    if (saved.roleName) s.roleName = saved.roleName;
   }
 
   // Remove from resumable list and notify all clients
@@ -386,7 +349,7 @@ function restart(msg, ws, cfg) {
   }
 
   const savedToken = s.sessionToken;
-  const { name, cwd, commandId, projectId, roleName, muted, lastPreview, lastActivityAt } = s;
+  const { name, cwd, commandId, projectId, muted, lastPreview, lastActivityAt } = s;
 
   activity.clear(id);
   telemetry.clear(id);
@@ -405,7 +368,6 @@ function restart(msg, ws, cfg) {
 
   const next = sessions.get(id);
   if (next) {
-    next.roleName = roleName || null;
     next.muted = !!muted;
     next.lastPreview = lastPreview || '';
     next.lastActivityAt = lastActivityAt || null;
@@ -417,7 +379,6 @@ function restart(msg, ws, cfg) {
 function list() {
   return [...sessions].map(([id, s]) => ({
     id, name: s.name, themeId: s.themeId, commandId: s.commandId, presetId: s.presetId || 'shell', projectId: s.projectId, muted: !!s.muted,
-    roleName: s.roleName || null,
     // Last preview text for sidebar display on reconnect
     lastPreview: s.lastPreview || '', lastActivityAt: s.lastActivityAt || null,
     menu: s._menuKey ? JSON.parse(s._menuKey) : undefined,
@@ -486,7 +447,6 @@ function saveSessions(cfg) {
     .map(([id, s]) => ({
       id, name: s.name, commandId: s.commandId, presetId: s.presetId || 'shell', cwd: s.cwd,
       themeId: s.themeId, sessionToken: s.sessionToken, projectId: s.projectId, muted: !!s.muted,
-      roleName: s.roleName || null,
       lastPreview: s.lastPreview || '', lastActivityAt: s.lastActivityAt || null,
       savedAt: new Date().toISOString(),
     }));

package/public/js/roles.js

@@ -1,112 +0,0 @@
-// Roles panel — manage worker role definitions (core feature, not plugin-specific)
-import { state, send } from './state.js';
-import { esc } from './utils.js';
-
-const panel = document.getElementById('panel-roles');
-
-function getRoles() { return state.cfg.roles || []; }
-
-function save() { send({ type: 'config.update', config: state.cfg }); }
-
-export function renderRoles() {
-  const roles = getRoles();
-  panel.innerHTML = `
-    <div class="flex items-center justify-between px-3 pt-3 pb-2">
-      <span class="text-sm font-bold text-slate-200 tracking-tight" style="font-family:'JetBrains Mono',monospace">Roles</span>
-      <button id="btn-add-role" class="icon-btn w-7 h-7 flex items-center justify-center rounded-md border border-slate-600 text-slate-400 hover:bg-slate-700 hover:text-slate-200 transition-colors text-sm" title="New role">+</button>
-    </div>
-    <div id="roles-list" class="tmx-scroll flex-1 overflow-y-auto border-t border-slate-700/50"></div>`;
-
-  panel.querySelector('#btn-add-role').addEventListener('click', () => openEditor());
-
-  const list = panel.querySelector('#roles-list');
-  list.addEventListener('click', (e) => {
-    if (e.target.closest('.role-edit')) {
-      const idx = +e.target.closest('.role-row').dataset.idx;
-      openEditor(idx);
-      return;
-    }
-    if (e.target.closest('.role-del')) {
-      const idx = +e.target.closest('.role-row').dataset.idx;
-      state.cfg.roles.splice(idx, 1);
-      save();
-      renderRoles();
-      return;
-    }
-  });
-
-  renderRoleList(roles);
-}
-
-function renderRoleList(roles) {
-  const list = panel.querySelector('#roles-list');
-  if (!roles.length) {
-    list.innerHTML = `<div class="flex flex-col items-center justify-center h-full px-6 text-center">
-      <p class="text-sm text-slate-400 mb-1">No roles defined</p>
-      <p class="text-xs text-slate-600 leading-relaxed">Define agent identities with a name and instructions.<br>Roles are sent to the agent when a session starts<br>and can be used by plugins like Autopilot.</p>
-    </div>`;
-    return;
-  }
-  list.innerHTML = roles.map((r, idx) => `
-    <div class="role-row group flex items-start gap-2 px-3 py-2.5 cursor-default hover:bg-slate-800/40 transition-colors ${idx > 0 ? 'border-t border-slate-700/30' : ''}" data-idx="${idx}">
-      <div class="flex-1 min-w-0">
-        <div class="text-[13px] font-medium text-slate-200 truncate">${esc(r.name)}</div>
-        <div class="text-[11px] text-slate-500 mt-0.5 line-clamp-2 leading-relaxed">${esc(r.instructions)}</div>
-      </div>
-      <div class="flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0 mt-0.5">
-        <button class="role-edit w-6 h-6 flex items-center justify-center rounded text-slate-500 hover:text-slate-300 hover:bg-slate-700/60 transition-colors" title="Edit">
-          <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path d="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/></svg>
-        </button>
-        <button class="role-del w-6 h-6 flex items-center justify-center rounded text-slate-500 hover:text-red-400 hover:bg-slate-700/60 transition-colors" title="Delete">
-          <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path d="M18 6L6 18M6 6l12 12"/></svg>
-        </button>
-      </div>
-    </div>
-  `).join('');
-}
-
-function closeEditor() { document.getElementById('role-editor')?.remove(); }
-
-function openEditor(idx) {
-  if (document.getElementById('role-editor')) { closeEditor(); if (idx == null) return; }
-  const existing = idx != null ? getRoles()[idx] : null;
-
-  const card = document.createElement('div');
-  card.id = 'role-editor';
-  card.className = 'p-3 border-b border-slate-700/50 bg-slate-800/30';
-  card.innerHTML = `
-    <input id="re-name" type="text" maxlength="40" placeholder="Role name" value="${esc(existing?.name || '')}"
-      class="w-full px-3 py-2 text-sm bg-slate-900 border border-slate-700 rounded-md text-slate-200 placeholder-slate-500 outline-none focus:border-blue-500 transition-colors mb-2">
-    <textarea id="re-instructions" rows="4" placeholder="Who am I? e.g. You are a senior software architect. You break down goals into clear, actionable tasks with acceptance criteria."
-      class="w-full max-w-full px-3 py-1.5 text-xs bg-slate-900 border border-slate-700 rounded-md text-slate-200 placeholder-slate-600 outline-none focus:border-blue-500 transition-colors resize-y leading-relaxed font-mono mb-2" style="min-height:5lh">${esc(existing?.instructions || '')}</textarea>
-    <div class="flex items-center gap-2">
-      <button id="re-save" class="px-4 py-1.5 text-xs font-medium bg-blue-600 hover:bg-blue-500 text-white rounded-md transition-colors">${existing ? 'Save' : 'Add'}</button>
-      <button id="re-cancel" class="px-3 py-1.5 text-xs text-slate-500 hover:text-slate-300 transition-colors">Cancel</button>
-    </div>`;
-
-  const list = panel.querySelector('#roles-list');
-  list.parentElement.insertBefore(card, list);
-
-  const nameEl = card.querySelector('#re-name');
-  const instrEl = card.querySelector('#re-instructions');
-  nameEl.focus();
-
-  const doSave = () => {
-    const name = nameEl.value.trim();
-    const instructions = instrEl.value.trim();
-    if (!name || !instructions) return;
-    if (!state.cfg.roles) state.cfg.roles = [];
-    if (idx != null) {
-      state.cfg.roles[idx] = { ...state.cfg.roles[idx], name, instructions };
-    } else {
-      state.cfg.roles.push({ id: crypto.randomUUID(), name, instructions });
-    }
-    save();
-    closeEditor();
-    renderRoles();
-  };
-
-  card.querySelector('#re-save').addEventListener('click', doSave);
-  card.querySelector('#re-cancel').addEventListener('click', closeEditor);
-  nameEl.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeEditor(); });
-}