codedash-app 3.2.0 → 3.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codedash-app",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "Termius-style browser dashboard for Claude Code sessions. View, search, resume, and delete sessions with a dark-themed UI.",
   "bin": {
     "codedash": "./bin/cli.js"

package/src/frontend/app.js

@@ -1744,6 +1744,59 @@ function focusSession(sessionId) {
   });
 }
 
+// ── Install agents ────────────────────────────────────────────
+
+var AGENT_INSTALL = {
+  claude: {
+    name: 'Claude Code',
+    cmd: 'curl -fsSL https://claude.ai/install.sh | bash',
+    alt: 'npm i -g @anthropic-ai/claude-code',
+    url: 'https://code.claude.com',
+  },
+  codex: {
+    name: 'Codex CLI',
+    cmd: 'npm i -g @openai/codex',
+    alt: 'brew install --cask codex',
+    url: 'https://github.com/openai/codex',
+  },
+  kiro: {
+    name: 'Kiro CLI',
+    cmd: 'curl -fsSL https://kiro.dev/install.sh | bash',
+    alt: null,
+    url: 'https://kiro.dev/cli/',
+  },
+  opencode: {
+    name: 'OpenCode',
+    cmd: 'curl -fsSL https://opencode.ai/install | bash',
+    alt: 'npm i -g opencode-ai@latest',
+    url: 'https://opencode.ai',
+  },
+};
+
+function installAgent(agent) {
+  var info = AGENT_INSTALL[agent];
+  if (!info) return;
+
+  var overlay = document.getElementById('confirmOverlay');
+  document.getElementById('confirmTitle').textContent = 'Install ' + info.name;
+  var html = '<code style="display:block;margin:8px 0;padding:10px;background:var(--bg-card);border-radius:6px;font-size:13px;cursor:pointer" onclick="navigator.clipboard.writeText(\'' + info.cmd.replace(/'/g, "\\'") + '\');document.querySelector(\'#toast\').textContent=\'Copied!\';document.querySelector(\'#toast\').classList.add(\'show\');setTimeout(function(){document.querySelector(\'#toast\').classList.remove(\'show\')},1500)">' + escHtml(info.cmd) + '</code>';
+  if (info.alt) {
+    html += '<span style="font-size:11px;color:var(--text-muted)">or: <code>' + escHtml(info.alt) + '</code></span><br>';
+  }
+  html += '<br><a href="' + info.url + '" target="_blank" style="color:var(--accent-blue);font-size:12px">' + info.url + '</a>';
+  document.getElementById('confirmText').innerHTML = html;
+  document.getElementById('confirmId').textContent = '';
+  document.getElementById('confirmAction').textContent = 'Copy Install Command';
+  document.getElementById('confirmAction').className = 'launch-btn btn-primary';
+  document.getElementById('confirmAction').onclick = function() {
+    navigator.clipboard.writeText(info.cmd).then(function() {
+      showToast('Copied: ' + info.cmd);
+    });
+    closeConfirm();
+  };
+  if (overlay) overlay.style.display = 'flex';
+}
+
 // ── Export/Import dialog ──────────────────────────────────────
 
 function showExportDialog() {

package/src/frontend/index.html

@@ -53,10 +53,31 @@
         Codex
     </div>
     <div class="sidebar-divider"></div>
+    <div class="sidebar-section">Install Agents</div>
+    <div class="sidebar-item small" onclick="installAgent('claude')">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 17l6-6-6-6"/><path d="M12 19h8"/></svg>
+        Claude Code
+    </div>
+    <div class="sidebar-item small" onclick="installAgent('codex')">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 17l6-6-6-6"/><path d="M12 19h8"/></svg>
+        Codex CLI
+    </div>
+    <div class="sidebar-item small" onclick="installAgent('kiro')">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 17l6-6-6-6"/><path d="M12 19h8"/></svg>
+        Kiro CLI
+    </div>
+    <div class="sidebar-item small" onclick="installAgent('opencode')">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 17l6-6-6-6"/><path d="M12 19h8"/></svg>
+        OpenCode
+    </div>
+    <div class="sidebar-divider"></div>
     <div class="sidebar-item" onclick="showExportDialog()">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
         Export / Import
     </div>
+    <div class="sidebar-author">
+        <a href="https://t.me/neuraldeep" target="_blank">Valerii Kovalskii</a>
+    </div>
     <div class="sidebar-settings">
         <label>Terminal</label>
         <select id="terminalSelect" onchange="saveTerminalPref(this.value)">

package/src/frontend/styles.css

@@ -135,6 +135,8 @@ body {
 }
 .sidebar-item:hover { background: rgba(255,255,255,0.05); color: var(--text-primary); }
 .sidebar-item.active { color: var(--text-primary); background: rgba(255,255,255,0.08); }
+.sidebar-item.small { padding: 6px 20px; font-size: 12px; }
+.sidebar-item.small svg { width: 14px; height: 14px; }
 .sidebar-item svg { width: 18px; height: 18px; opacity: 0.7; }
 
 .sidebar-divider { height: 1px; background: var(--border); margin: 12px 20px; }
@@ -147,8 +149,20 @@ body {
     color: var(--text-muted);
 }
 
-.sidebar-settings {
+.sidebar-author {
     margin-top: auto;
+    padding: 8px 20px 0;
+    font-size: 11px;
+    text-align: center;
+}
+.sidebar-author a {
+    color: var(--text-muted);
+    text-decoration: none;
+    transition: color 0.15s;
+}
+.sidebar-author a:hover { color: var(--accent-blue); }
+
+.sidebar-settings {
     padding: 12px 16px;
     border-top: 1px solid var(--border);
 }