pawmode 1.4.0 → 1.5.0

package/README.md

@@ -1,50 +1,5 @@
-<p align="center">
-<pre align="center">
-                                            ▃▅
-                                           ▁██▁               ▄█▁
-                                       ▁▁▂▆▇██▃               ▅█▆
-                                      ▅▆█▇▆▄███▆▂         ▁▂▆▇██▇▅▁
-                                    ▁▃█▆▁   ▄███▄▁       ▆▇▇▅▄▄███▇▃▁
-                                   ▁▃█▄     ▁████▂     ▁▅█▃   ▁▃████▂
-                                   ▄█▇▁     ▂████▄▁   ▁▃█▇     ▁████▅▂
-                                   ▅█▆      ▂█████▁   ▄█▇▁      ▂████▃
-                        ▂▁         ▆█▆      ▂█████▁   ▄█▇      ▁▂████▂
-                      ▁▅█▂         ▆█▆▁   ▁▃▇████▆▁   ▄█▇     ▂▄█████▂
-                      ▁██▄▂        ▂██▇▆▃▄▇██████     ▄██▄▇▇▃▃▆█████▁
-                     ▂█████▇▅▂▁    ▁▄▇█████████▆▂     ▃▇████████████▁        ▁▂▁
-                    ▄█▇▃  ▁███▆▁     ▁▃▆▇▇▇▇▃▄▂        ▂▆█████████▅         ▁▇█▂
-                   ▃▆▄▁    ▅███▆▃                         ▄▄▅▅▅▅▂▁       ▂▄▃▄██▂
-                   ▆█▄     ▃████▄           ▁▄▄██████▄▃▃▂            ▁▂▆▇▇▆████▇▁
-                   ▆█▄      ▂████▄        ▂▅▇▇▅▅▁▃▅█▇████▆▂         ▅▇▇▅▄▁ ▂▆████▂
-                   ▇█▄      ▅████▄        ▇█▄     ▁▃▇▆████▇▂      ▂▃█▇▃ ▁    ▃███▂
-                   ▇██▅   ▂▆████▄▁       ▆█▄▁ ▁    ▅▄▅█████▅      ▆█▆▂      ▃▆███▁
-                   ▁████████████▃       ▂▇▆▂         ▄█████▆     ▃██▂      ▂▆███▆
-                    ▃█████████▅▂        ██▂          ▄█████▆     ▅██▁     ▁████▇
-                      ▂▄▄▄▄▄▄          ▇█▃▁         ▁▅█████▅     ▃██▄▇▆▁▁▄▇████▆
-                                   ▁▁▁▇█▂▁ ▁        ▄██████▆▂     ▇███████████▅▁
-                               ▁▁▄▅▆██▅▂  ▁▁        ▄███████▄      ▄▅██████▆▅▂
-                              ▄██▆▅▄▂▁  ▁           ▃▆██████▇▄▂      ▁▁▁▁▁▁▁
-                            ▂██▄▁▁                   ▁▄▅██████▇▆▂▁
-                           ▃▇▇▂    ▁▁                  ▁ ▃▇██████▇▃▁
-                          ▁▄█▆   ▁                        ▁▆█▇█████▆▂
-                          ▄██▇                             ▃▅███████▅▁
-                          ▄██▇▁       ▂▂▂▁▁▂▆▇▇▇▇▇▃▁       ▄▆▄▂▇█████▃
-                          ▃▇██▇▃   ▁▂▆▆██▆▇█████████▆▄▁▁  ▁▁▁▄▇██████▃
-                           ▄█████▆▆▇███████████████████▆▃▁ ▁▄▇███████▃
-                           ▁▅█████████████████████████████▅█████████▄▁
-                            ▁▂▆█████████████████████████████████████▂
-                              ▁▂▆▆▆▆▆▆▃▂▂▂▂▂▂▂▂▂▂▂▂▂▅▆███████████▇▆▁
-                                                      ▃▃▇▇▇▇▇▇▇▃▃
-
-                                █▀▀█░█▀▀▄░█▀▀▀░█▄ █░█▀▀▄░▄▀▀▄░█   █░
-                                █  █░█▀▀ ░█▀▀ ░█ ▀█░█▀▀ ░█▀▀█░█ █ █░
-                                ▀▀▀▀░▀   ░▀▀▀▀░▀  ▀░▀   ░▀  ▀░ ▀ ▀ ░
-                               ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
-</pre>
-</p>
-
 <h1 align="center">OpenPaw</h1>
-<p align="center"><b>Personal Assistant Wizard for Claude Code</b></p>
+<p align="center"><b>Turn Claude Code into a personal assistant.</b></p>
 
 <p align="center">
   <a href="https://www.npmjs.com/package/pawmode"><img src="https://img.shields.io/npm/v/pawmode?color=b4783c&label=npm&style=flat-square" alt="npm"></a>
@@ -53,18 +8,51 @@
   <img src="https://img.shields.io/node/v/pawmode?color=8a5a2a&style=flat-square" alt="node">
 </p>
 
+<p align="center">
+  <img src="docs/demo.gif" alt="OpenPaw Setup Demo" width="700">
+</p>
+
 ---
 
+## What is OpenPaw?
+
+[Claude Code](https://docs.anthropic.com/en/docs/claude-code) is powerful, but out of the box it only knows how to code. OpenPaw turns it into a full personal assistant — one that reads your email, plays your music, controls your lights, manages your calendar, tracks your packages, and remembers what you told it last week.
+
+Run one command and OpenPaw:
+
+- **Installs 38 skills** across email, calendar, Spotify, smart home, Slack, GitHub, Obsidian, and more
+- **Sets up the CLI tools** each skill needs (via Homebrew, npm, or pip) and walks you through auth
+- **Gives Claude an identity** — a name, personality, and persistent memory across sessions
+- **Configures permissions and safety hooks** so Claude can act autonomously without doing anything dangerous
+- **Adds a Telegram bridge** so you can talk to Claude from your phone
+- **Includes a task dashboard** — a local kanban board with drag-and-drop and 3 themes
+- **Enables smart scheduling** — recurring tasks with per-run and daily cost caps so nothing runs away
+
+After setup, you just talk to Claude:
+
+```
+"Check my email and summarize anything urgent"
+"Play lo-fi beats on Spotify"
+"Turn the bedroom lights to 20%"
+"What's on my calendar tomorrow?"
+"Add milk to my reminders"
+"Go to Hacker News and summarize the top 5 posts"
+```
+
+Claude figures out which skill to use. No special syntax needed.
+
+**No daemon, no cloud, no subscriptions.** OpenPaw runs once, writes config, and gets out of the way. Everything runs locally through your existing Claude Code subscription.
+
 ## Quick Start
 
 ```bash
 npx pawmode
 ```
 
-Pick skills, choose your interface (terminal, Telegram, or both), and you're done. No daemon, no subscriptions — runs once and gets out of the way.
+The wizard walks you through picking skills, choosing your interface (terminal, Telegram, or both), setting up a task dashboard, and authenticating with services. Or skip the wizard entirely:
 
 ```bash
-npx pawmode --preset essentials       # skip the wizard
+npx pawmode --preset essentials       # common skills, no prompts
 npx pawmode --preset developer --yes  # fully non-interactive
 ```
 
@@ -173,6 +161,10 @@ npx pawmode --preset developer --yes  # fully non-interactive
 
 **Task Dashboard** — Local kanban board with 3 themes (Paw, Midnight, Neon). Run `openpaw dashboard`.
 
+<p align="center">
+  <img src="docs/dashboard.png" alt="OpenPaw Task Dashboard" width="700">
+</p>
+
 **Scheduling** — Recurring tasks with per-run and daily cost caps. `openpaw schedule add "weekdays 8am" --run "check email"`.
 
 **CLAUDE.md Integration** — OpenPaw writes a section into `~/.claude/CLAUDE.md` so Claude knows its name, installed skills, and personality on every session start. Your existing CLAUDE.md content is preserved.

package/dist/{dashboard-server-Pnv4DFlV.js → dashboard-server-BLUIYHCS.js}

@@ -1,3 +1,3 @@
-import { CONFIG_FILE, readConfig, startDashboard, writeConfig } from "./dashboard-server-BAyeozOa.js";
+import { CONFIG_FILE, readConfig, startDashboard, writeConfig } from "./dashboard-server-BiH4JLbM.js";
 
 export { startDashboard };

package/dist/{dashboard-server-BAyeozOa.js → dashboard-server-BiH4JLbM.js}

@@ -5,49 +5,49 @@ import * as http from "node:http";
 import * as crypto from "node:crypto";
 
 //#region src/core/dashboard-html.ts
+const THEME_COLORS = {
+	paw: {
+		bg: "#1a1008",
+		surface: "#241a10",
+		surfaceHover: "#2e2218",
+		border: "#3a2a18",
+		text: "#e8d8c8",
+		textDim: "#8a7a6a",
+		accent: "#b4783c",
+		accentDim: "#8a5a2a",
+		done: "#6a9a5a",
+		high: "#d44",
+		low: "#666"
+	},
+	midnight: {
+		bg: "#0a0a0f",
+		surface: "#12121a",
+		surfaceHover: "#1a1a25",
+		border: "#222233",
+		text: "#d0d0e0",
+		textDim: "#6a6a8a",
+		accent: "#6688cc",
+		accentDim: "#445588",
+		done: "#5a8a5a",
+		high: "#cc5555",
+		low: "#555566"
+	},
+	neon: {
+		bg: "#050505",
+		surface: "#0a0a0a",
+		surfaceHover: "#111111",
+		border: "#1a1a1a",
+		text: "#e0e0e0",
+		textDim: "#555",
+		accent: "#00ff88",
+		accentDim: "#008844",
+		done: "#00cc66",
+		high: "#ff3355",
+		low: "#444"
+	}
+};
 function generateDashboardHTML(theme, botName) {
-	const themes = {
-		paw: {
-			bg: "#1a1008",
-			surface: "#241a10",
-			surfaceHover: "#2e2218",
-			border: "#3a2a18",
-			text: "#e8d8c8",
-			textDim: "#8a7a6a",
-			accent: "#b4783c",
-			accentDim: "#8a5a2a",
-			done: "#6a9a5a",
-			high: "#d44",
-			low: "#666"
-		},
-		midnight: {
-			bg: "#0a0a0f",
-			surface: "#12121a",
-			surfaceHover: "#1a1a25",
-			border: "#222233",
-			text: "#d0d0e0",
-			textDim: "#6a6a8a",
-			accent: "#6688cc",
-			accentDim: "#445588",
-			done: "#5a8a5a",
-			high: "#cc5555",
-			low: "#555566"
-		},
-		neon: {
-			bg: "#050505",
-			surface: "#0a0a0a",
-			surfaceHover: "#111111",
-			border: "#1a1a1a",
-			text: "#e0e0e0",
-			textDim: "#555",
-			accent: "#00ff88",
-			accentDim: "#008844",
-			done: "#00cc66",
-			high: "#ff3355",
-			low: "#444"
-		}
-	};
-	const t = themes[theme];
+	const t = THEME_COLORS[theme];
 	const safeBotName = botName.replace(/[&<>"']/g, "");
 	return `<!DOCTYPE html>
 <html lang="en">
@@ -388,6 +388,162 @@ load();
 </body>
 </html>`;
 }
+function generateFocusTimerHTML(theme, botName, endsAt, duration) {
+	const t = THEME_COLORS[theme];
+	const safeBotName = botName.replace(/[&<>"']/g, "");
+	const safeEndsAt = endsAt.replace(/[&<>"']/g, "");
+	const safeDuration = duration.replace(/[^0-9]/g, "");
+	return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>${safeBotName} — Locked In</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+body{
+font-family:'JetBrains Mono',monospace;
+background:${t.bg};color:${t.text};
+min-height:100vh;display:flex;flex-direction:column;
+align-items:center;justify-content:center;
+overflow:hidden;
+}
+.container{text-align:center;position:relative;z-index:1}
+.ring-wrap{position:relative;width:200px;height:200px;margin:0 auto 20px}
+.ring-svg{width:200px;height:200px;transform:rotate(-90deg)}
+.ring-bg{fill:none;stroke:${t.border};stroke-width:4}
+.ring-fg{fill:none;stroke:${t.accent};stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s linear}
+.paw-ascii{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;line-height:1.15;color:${t.accent};white-space:pre;animation:breathe 4s ease-in-out infinite}
+.trail{font-size:14px;color:${t.textDim};letter-spacing:8px;margin-bottom:16px;height:20px}
+.trail span{display:inline-block;animation:walk 2s ease-in-out infinite}
+.trail span:nth-child(1){animation-delay:0s}
+.trail span:nth-child(2){animation-delay:.25s}
+.trail span:nth-child(3){animation-delay:.5s}
+.trail span:nth-child(4){animation-delay:.75s}
+.trail span:nth-child(5){animation-delay:1s}
+.label{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:${t.accent};font-weight:600;margin-bottom:24px}
+.timer{font-size:64px;font-weight:700;letter-spacing:4px;color:${t.text};line-height:1;margin-bottom:12px;font-variant-numeric:tabular-nums}
+.sub{font-size:12px;color:${t.textDim};margin-bottom:20px}
+.quote{font-size:11px;color:${t.textDim};font-style:italic;height:16px;transition:opacity .8s}
+.session-info{font-size:11px;color:${t.textDim};display:flex;gap:20px;justify-content:center;margin-top:20px}
+.session-info span{display:flex;align-items:center;gap:5px}
+.dot{width:5px;height:5px;border-radius:50%;background:${t.accent};animation:pulse 2s ease-in-out infinite}
+.complete .label{color:${t.done}}
+.complete .timer{color:${t.done}}
+.complete .dot{background:${t.done};animation:none}
+.complete .ring-fg{stroke:${t.done}}
+.complete .paw-ascii{color:${t.done};animation:none}
+.complete .trail span{animation:none;color:${t.done}}
+@keyframes breathe{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}
+@keyframes walk{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
+@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
+@keyframes flash{0%,100%{opacity:1}50%{opacity:.3}}
+.flash .timer{animation:flash .5s ease-in-out 3}
+.glow{position:fixed;width:250px;height:250px;border-radius:50%;background:${t.accent};opacity:.03;filter:blur(80px);pointer-events:none}
+.glow-1{top:-80px;left:-80px}
+.glow-2{bottom:-80px;right:-80px}
+.glow-3{top:50%;left:50%;transform:translate(-50%,-50%);opacity:.015}
+</style>
+</head>
+<body>
+<div class="glow glow-1"></div>
+<div class="glow glow-2"></div>
+<div class="glow glow-3"></div>
+<div class="container" id="container">
+<div class="ring-wrap">
+<svg class="ring-svg" viewBox="0 0 200 200">
+<circle class="ring-bg" cx="100" cy="100" r="90"/>
+<circle class="ring-fg" id="ring" cx="100" cy="100" r="90" stroke-dasharray="565.49" stroke-dashoffset="565.49"/>
+</svg>
+<pre class="paw-ascii" id="paw">  __
+ /  \\
+| .. |
+\\ -- /
+ \\__/
+  ||</pre>
+</div>
+<div class="trail" id="trail"><span>.</span><span>o</span><span>O</span><span>o</span><span>.</span></div>
+<div class="label" id="label">Locked In</div>
+<div class="timer" id="timer">--:--</div>
+<div class="sub" id="sub">${safeDuration} min session</div>
+<div class="quote" id="quote"></div>
+<div class="session-info">
+<span><span class="dot"></span> Focus active</span>
+</div>
+</div>
+<script>
+var endsAt = "${safeEndsAt}";
+var durationMs = ${safeDuration} * 60000;
+var endTime = endsAt ? new Date(endsAt).getTime() : 0;
+var startTime = endTime - durationMs;
+var circumference = 2 * Math.PI * 90;
+var done = false;
+var ring = document.getElementById("ring");
+var quotes = [
+  "Deep work is the superpower of the 21st century.",
+  "Focus is not about saying yes. It's about saying no.",
+  "The successful warrior is the average person with laser focus.",
+  "What you stay focused on will grow.",
+  "Starve your distractions. Feed your focus.",
+  "Small daily improvements lead to stunning results.",
+  "You don't need more time. You need more focus.",
+  "Discipline is choosing what you want most over what you want now."
+];
+var qIdx = 0;
+
+function pad(n) { return n < 10 ? "0" + n : "" + n; }
+
+function updateRing(progress) {
+  var offset = circumference * (1 - progress);
+  ring.style.strokeDashoffset = Math.max(0, offset);
+}
+
+function tick() {
+  if (!endTime || done) return;
+  var now = Date.now();
+  var diff = endTime - now;
+  var elapsed = now - startTime;
+  var progress = Math.min(1, Math.max(0, elapsed / durationMs));
+  updateRing(progress);
+
+  if (diff <= 0) {
+    done = true;
+    document.getElementById("timer").textContent = "00:00";
+    document.getElementById("label").textContent = "Session Complete";
+    document.getElementById("sub").textContent = "Great work! Take a break.";
+    document.getElementById("paw").textContent = "  __\\n /  \\\\\\n| ^^ |\\n\\\\ \\u2323 /\\n \\\\__/\\n  ||";
+    document.getElementById("container").classList.add("complete", "flash");
+    document.title = "${safeBotName} \\u2014 Done!";
+    updateRing(1);
+    return;
+  }
+
+  var h = Math.floor(diff / 3600000);
+  var m = Math.floor((diff % 3600000) / 60000);
+  var s = Math.floor((diff % 60000) / 1000);
+  document.getElementById("timer").textContent = h > 0 ? pad(h) + ":" + pad(m) + ":" + pad(s) : pad(m) + ":" + pad(s);
+}
+
+function rotateQuote() {
+  var el = document.getElementById("quote");
+  el.style.opacity = "0";
+  setTimeout(function() {
+    el.textContent = quotes[qIdx % quotes.length];
+    el.style.opacity = "1";
+    qIdx++;
+  }, 800);
+}
+
+tick();
+setInterval(tick, 1000);
+rotateQuote();
+setInterval(rotateQuote, 12000);
+</script>
+</body>
+</html>`;
+}
 
 //#endregion
 //#region src/core/dashboard-server.ts
@@ -455,6 +611,23 @@ function startDashboard(opts) {
 				html(res, generateDashboardHTML(current.theme, current.botName));
 				return;
 			}
+			if (method === "GET" && pathname === "/focus") {
+				const current = readConfig();
+				const ends = url.searchParams.get("ends") || "";
+				const dur = url.searchParams.get("duration") || "0";
+				html(res, generateFocusTimerHTML(current.theme, current.botName, ends, dur));
+				return;
+			}
+			if (method === "GET" && pathname === "/api/focus") {
+				try {
+					const sessionPath = path$1.join(CONFIG_DIR, "lockin-session.json");
+					const raw = fs$1.readFileSync(sessionPath, "utf-8");
+					json(res, JSON.parse(raw));
+				} catch {
+					json(res, { active: false });
+				}
+				return;
+			}
 			if (method === "GET" && pathname === "/api/tasks") {
 				json(res, readConfig().tasks);
 				return;
@@ -521,9 +694,11 @@ function startDashboard(opts) {
 	server.listen(port, () => {
 		const url = `http://localhost:${port}`;
 		console.log(`\n  Dashboard running at ${url}\n`);
-		const platform = os$1.platform();
-		if (platform === "darwin") import("node:child_process").then((cp) => cp.exec(`open ${url}`));
-		else if (platform === "linux") import("node:child_process").then((cp) => cp.exec(`xdg-open ${url}`));
+		if (!opts.noOpen) {
+			const platform = os$1.platform();
+			if (platform === "darwin") import("node:child_process").then((cp) => cp.exec(`open ${url}`));
+			else if (platform === "linux") import("node:child_process").then((cp) => cp.exec(`xdg-open ${url}`));
+		}
 	});
 	return server;
 }