@tenonhq/dovetail-dashboard 0.0.15 → 0.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenonhq/dovetail-dashboard",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "Update Set Dashboard for Dovetail",
   "main": "server.js",
   "scripts": {

package/public/claude-plans.css

@@ -641,3 +641,49 @@
   white-space: nowrap;
 }
 .cp-pr-badge:hover { background: rgba(100,140,190,0.25); color: var(--text); }
+
+/* ─── Resume button in plan detail header ──────────────────────────────────── */
+.cp-resume-btn {
+  display: inline-flex;
+  align-items: center;
+  padding: 3px 10px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-family: inherit;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  background: rgba(74, 140, 92, 0.15);
+  color: #92d3a4;
+  border: 1px solid rgba(74, 140, 92, 0.4);
+  cursor: pointer;
+  white-space: nowrap;
+  transition: background 0.15s, color 0.15s;
+}
+.cp-resume-btn:hover {
+  background: rgba(74, 140, 92, 0.28);
+  color: var(--text);
+}
+
+/* ─── Toast notification ────────────────────────────────────────────────────── */
+.cp-toast {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  background: var(--card-bg);
+  border: 1px solid rgba(74, 140, 92, 0.5);
+  border-left: 3px solid #4a8c5c;
+  color: #92d3a4;
+  padding: 9px 16px;
+  border-radius: 4px;
+  font-size: 13px;
+  font-family: inherit;
+  z-index: 9999;
+  opacity: 0;
+  transform: translateY(6px);
+  transition: opacity 0.2s, transform 0.2s;
+  pointer-events: none;
+}
+.cp-toast--visible {
+  opacity: 1;
+  transform: translateY(0);
+}

package/public/claude-plans.js

@@ -66,6 +66,18 @@
     setTimeout(function () { el.remove(); }, 4000);
   }
 
+  function showToast(msg) {
+    var el = document.createElement("div");
+    el.className = "cp-toast";
+    el.textContent = msg;
+    document.body.appendChild(el);
+    setTimeout(function () { el.classList.add("cp-toast--visible"); }, 10);
+    setTimeout(function () {
+      el.classList.remove("cp-toast--visible");
+      setTimeout(function () { el.remove(); }, 300);
+    }, 2200);
+  }
+
   function renderMarkdown(md, target) {
     if (!window.marked || !window.DOMPurify) {
       target.textContent = md;
@@ -273,6 +285,28 @@
       els.detailStamp.insertAdjacentElement("afterend", prBadge);
     }
 
+    var existingResumeBtn = document.getElementById("cp-resume-btn");
+    if (existingResumeBtn) existingResumeBtn.remove();
+    var resumeBtn = document.createElement("button");
+    resumeBtn.id = "cp-resume-btn";
+    resumeBtn.className = "cp-resume-btn";
+    resumeBtn.textContent = "Resume";
+    resumeBtn.title = "Copy /resume command to clipboard";
+    resumeBtn.addEventListener("click", function () {
+      var cmd = "/resume " + plan.slug;
+      var finish = function () { showToast("Copied! Paste into Claude."); };
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        navigator.clipboard.writeText(cmd).then(finish).catch(function () {
+          fallbackCopy(cmd);
+          finish();
+        });
+      } else {
+        fallbackCopy(cmd);
+        finish();
+      }
+    });
+    els.detailStatus.insertAdjacentElement("afterend", resumeBtn);
+
     if (plan.content_html) {
       els.planPanel.innerHTML = window.DOMPurify
         ? window.DOMPurify.sanitize(plan.content_html)