agent-canvas 0.1.7 → 0.1.9

package/daemon/langMap.ts

@@ -0,0 +1,8 @@
+/** File extension → highlight.js language name mapping. */
+export const LANG_MAP: Record<string, string> = {
+  ts: "typescript", tsx: "typescript", js: "javascript", jsx: "javascript",
+  py: "python", rs: "rust", go: "go", rb: "ruby", java: "java",
+  json: "json", yaml: "yaml", yml: "yaml", md: "markdown",
+  css: "css", html: "html", sh: "bash", bash: "bash", toml: "toml",
+  sql: "sql", xml: "xml", c: "c", cpp: "cpp", h: "c",
+};

package/daemon/src/handlers/api.ts

@@ -27,7 +27,7 @@ export function createApiHandlers(ctx: ApiContext): Route[] {
     const sessionId = match.pathname.groups.id!;
     try {
       const body = await req.json();
-      const { jsx, projectRoot, label, sourceFile } = body;
+      const { jsx, projectRoot, label, sourceFile, response } = body;
       if (!jsx) return jsonResponse({ error: "Missing jsx" }, 400);
 
       const unconsumed = sessionManager.getLatestUnconsumedFeedback(sessionId);
@@ -42,7 +42,7 @@ export function createApiHandlers(ctx: ApiContext): Route[] {
       }
 
       const isNew = !sessionManager.get(sessionId);
-      const session = sessionManager.upsert(sessionId, jsx, projectRoot || process.cwd(), label, sourceFile);
+      const session = sessionManager.upsert(sessionId, jsx, projectRoot || process.cwd(), label, sourceFile, response);
 
       const result = await compilePlan(jsx, session.projectRoot);
       if (result.ok) {

package/daemon/src/session.ts

@@ -9,6 +9,7 @@ export interface RevisionInfo {
   createdAt: string;
   hasFeedback: boolean;
   feedbackConsumed: boolean;
+  response?: string;
 }
 
 export interface SessionData {
@@ -156,12 +157,12 @@ export class SessionManager {
     }
   }
 
-  upsert(id: string, jsx: string, projectRoot: string, label?: string, sourceFile?: string): SessionData {
+  upsert(id: string, jsx: string, projectRoot: string, label?: string, sourceFile?: string, response?: string): SessionData {
     const existing = this.sessions.get(id);
     const now = new Date().toISOString();
     const revision = existing ? existing.currentRevision + 1 : 1;
 
-    const revInfo: RevisionInfo = { revision, createdAt: now, hasFeedback: false, feedbackConsumed: false, ...(label ? { label } : {}), ...(sourceFile ? { sourceFile } : {}) };
+    const revInfo: RevisionInfo = { revision, createdAt: now, hasFeedback: false, feedbackConsumed: false, ...(label ? { label } : {}), ...(sourceFile ? { sourceFile } : {}), ...(response ? { response } : {}) };
     const revisions = existing ? [...existing.revisions, revInfo] : [revInfo];
 
     const session: SessionData = {

package/daemon/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "rootDir": ".",
+    "types": ["@types/bun"],
+    "paths": {
+      "#canvas/runtime": ["./client/runtime.ts"],
+      "#canvas/components": ["./client/components/index.ts"]
+    }
+  },
+  "include": ["src/**/*", "client/**/*"],
+  "exclude": ["client/compat/**/*"]
+}

package/package.json

@@ -1,21 +1,11 @@
 {
   "name": "agent-canvas",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Interactive visual canvas for Claude Code — rich annotatable documents in the browser",
   "bin": {
     "agent-canvas": "bin/agent-canvas.js"
   },
-  "files": [
-    "bin/",
-    "daemon/src/",
-    "daemon/client/",
-    "daemon/dist/",
-    "daemon/build.ts",
-    "daemon/package.json",
-    "skills/",
-    "hooks/"
-  ],
-  "scripts": {
+"scripts": {
     "build": "bun daemon/build.ts",
     "typecheck": "tsc --noEmit && tsc --noEmit -p daemon/tsconfig.json",
     "prepublishOnly": "bun daemon/build.ts"

package/skills/canvas/SKILL.md

@@ -88,6 +88,21 @@ bunx agent-canvas watch --session ${CLAUDE_SESSION_ID}
 
 Each push creates a new **round** — the user sees previous rounds and their feedback in the UI.
 
+### Responding to feedback
+
+When pushing a revised canvas after receiving user feedback, use `--response` to tell the user how you addressed their feedback. The response renders as a short banner at the top of the canvas.
+
+```bash
+bunx agent-canvas push .claude/agent-canvas/${CLAUDE_SESSION_ID}/plan.jsx --session ${CLAUDE_SESSION_ID} --label "Plan (revised)" --response "Incorporated all feedback. Switched to connection pooling as suggested. I kept the sync approach for writes — see the note in Phase 2 for my reasoning."
+```
+
+Use `--response` to:
+- Confirm what you incorporated and how
+- Explain any opposing stance — if you disagree with a suggestion, say why
+- Call out anything you intentionally did NOT change and why
+
+Keep it concise (2-4 sentences). The user can see the diff in the canvas UI, so focus on the "why" not the "what".
+
 ### Multiple Canvases
 
 Maintain separate files for different phases:
@@ -140,12 +155,11 @@ User wants to make a decision?
 1. **Determine flow** from user intent
 2. **Announce** briefly: "I'll start with discovery, then create a detailed plan."
 3. **Write canvas JSX** with the Write tool to `.claude/agent-canvas/${CLAUDE_SESSION_ID}/<name>.jsx`
-4. **Push**: `bunx agent-canvas push .claude/agent-canvas/${CLAUDE_SESSION_ID}/<name>.jsx --session ${CLAUDE_SESSION_ID} --label "<Label>"`
-5. **Tell the user** the canvas is ready for review (they see it in their browser)
-6. **Wait**: `bunx agent-canvas watch --session ${CLAUDE_SESSION_ID}` — this blocks until the user submits feedback
-7. **Read feedback** — check for annotations, answers, added context files, approval
-8. **Edit with the Edit tool and re-push + wait**, or advance to next phase
-9. **After implementation**, push a summary canvas
+4. **Push + tell the user**: Push the canvas and show the `browserUrl` from the output so the user can open it
+5. **IMMEDIATELY watch** — run `bunx agent-canvas watch --session ${CLAUDE_SESSION_ID}` right after push, in the same response. Never stop after pushing. The push→watch sequence is atomic: no push without a watch. The watch blocks until the user submits feedback.
+6. **Read feedback** — check for annotations, answers, added context files, approval
+7. **Edit with the Edit tool and re-push + watch**, or advance to next phase
+8. **After implementation**, push a summary canvas
 
 ## Interview Integration
 

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "allowImportingTsExtensions": true,
+    "noEmit": true,
+    "types": ["@types/bun"]
+  },
+  "include": ["bin/**/*"]
+}