@filipc77/cowrite 0.3.0 → 0.4.0

package/dist/bin/cowrite.js

@@ -213,9 +213,9 @@ function createMcpServer(store, projectDir) {
     { name: "cowrite", version: "0.1.0" },
     { capabilities: { logging: {} } }
   );
-  server.tool(
+  const getPendingTool = server.tool(
     "get_pending_comments",
-    "Get comments from the live preview. Returns unresolved comments by default.",
+    "Get comments from the live preview (0 pending). Call this first to catch comments posted before you started listening.",
     {
       file: z.string().optional().describe("Filter by file path"),
       status: z.enum(["pending", "resolved", "all"]).optional().describe("Filter by status (default: pending)")
@@ -299,7 +299,7 @@ function createMcpServer(store, projectDir) {
   );
   server.tool(
     "wait_for_comment",
-    "Block until a new comment is posted in the live preview, then return it. Call this to listen for incoming user comments in real time.",
+    "Block until a new comment is posted in the live preview, then return it. This is the primary way to receive real-time comments \u2014 call it again after handling each comment to keep listening.",
     {
       timeout: z.number().optional().describe("Max seconds to wait (default: 120)")
     },
@@ -354,14 +354,48 @@ function createMcpServer(store, projectDir) {
     }).catch(() => {
     });
   });
-  store.on("new_comment", (comment) => {
-    const file = relative(projectDir, comment.file);
-    server.sendLoggingMessage({
-      level: "info",
-      data: `New comment on ${file}: "${comment.comment}" (on: "${comment.selectedText}")`
-    }).catch(() => {
+  store.on("new_comment", () => {
+    const count = store.getAll({ status: "pending" }).length;
+    getPendingTool.update({
+      description: `Get comments from the live preview (${count} pending). Call this first to catch comments posted before you started listening.`
+    });
+    server.sendToolListChanged();
+  });
+  store.on("change", () => {
+    const count = store.getAll({ status: "pending" }).length;
+    getPendingTool.update({
+      description: `Get comments from the live preview (${count} pending). Call this first to catch comments posted before you started listening.`
     });
   });
+  server.prompt(
+    "cowrite-workflow",
+    "How to process live preview comments in a wait-handle-resolve loop",
+    () => ({
+      messages: [
+        {
+          role: "user",
+          content: {
+            type: "text",
+            text: [
+              "You are monitoring a live code preview where users leave comments on selected text.",
+              "",
+              "Follow this loop:",
+              "1. Call `get_pending_comments` to check for any comments already posted.",
+              "2. Process each pending comment: read the file, make the requested change or reply, then call `resolve_comment`.",
+              "3. Call `wait_for_comment` to block until the next comment arrives.",
+              "4. When a comment arrives, process it the same way (step 2).",
+              "5. Go back to step 3 and keep listening.",
+              "",
+              "Tips:",
+              "- Use `get_file_with_annotations` to see comments in context within the file.",
+              "- Use `reply_to_comment` to acknowledge or ask clarifying questions.",
+              "- Always `resolve_comment` after addressing feedback."
+            ].join("\n")
+          }
+        }
+      ]
+    })
+  );
   return server;
 }
 

package/dist/bin/cowrite.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../bin/cowrite.ts","../../src/comment-store.ts","../../src/mcp-server.ts","../../src/utils.ts","../../src/preview-server.ts","../../src/file-watcher.ts"],"sourcesContent":["import { parseArgs } from \"node:util\";\nimport { resolve } from \"node:path\";\nimport { StdioServerTransport } from \"@modelcontextprotocol/sdk/server/stdio.js\";\nimport { CommentStore } from \"../src/comment-store.js\";\nimport { createMcpServer } from \"../src/mcp-server.js\";\nimport { createPreviewServer } from \"../src/preview-server.js\";\n\nconst USAGE = `\ncowrite — Live commenting plugin for coding agent sessions\n\nUsage:\n  cowrite preview <file> [--port N]   Open browser preview for a specific file + start MCP server\n  cowrite serve [--port N]             Start MCP server + preview server (browse any file)\n\nOptions:\n  --port, -p    Port for preview server (default: 3377)\n  --help, -h    Show this help\n`;\n\nfunction setupShutdown(store: CommentStore, preview: { stop: () => Promise<void> }) {\n  let shuttingDown = false;\n  const shutdown = () => {\n    if (shuttingDown) {\n      // Second signal — force exit immediately\n      process.exit(1);\n    }\n    shuttingDown = true;\n    process.stderr.write(\"Shutting down...\\n\");\n    // Best-effort cleanup with a hard timeout\n    Promise.allSettled([store.stopWatching(), preview.stop()])\n      .finally(() => process.exit(0));\n    setTimeout(() => process.exit(0), 2000);\n  };\n  process.on(\"SIGINT\", shutdown);\n  process.on(\"SIGTERM\", shutdown);\n}\n\nasync function main() {\n  const { values, positionals } = parseArgs({\n    args: process.argv.slice(2),\n    options: {\n      port: { type: \"string\", short: \"p\", default: \"3377\" },\n      help: { type: \"boolean\", short: \"h\", default: false },\n    },\n    allowPositionals: true,\n    strict: false,\n  });\n\n  if (values.help || positionals.length === 0) {\n    process.stderr.write(USAGE);\n    process.exit(positionals.length === 0 && !values.help ? 1 : 0);\n  }\n\n  const command = positionals[0];\n  const projectDir = process.cwd();\n  const port = parseInt(values.port as string, 10);\n\n  if (command === \"serve\") {\n    const store = new CommentStore(projectDir);\n    await store.load();\n    await store.startWatching();\n\n    // Start preview server (no initial file — user picks from browser)\n    const preview = createPreviewServer(store, projectDir, port);\n    await preview.start();\n\n    // Start MCP server on stdio\n    const mcpServer = createMcpServer(store, projectDir);\n    const transport = new StdioServerTransport();\n    await mcpServer.connect(transport);\n\n    process.stderr.write(`Cowrite MCP server running on stdio\\n`);\n    process.stderr.write(`Preview: http://localhost:${port}\\n`);\n\n    setupShutdown(store, preview);\n  } else if (command === \"preview\") {\n    const filePath = positionals[1];\n    if (!filePath) {\n      process.stderr.write(\"Error: preview command requires a file path\\n\");\n      process.stderr.write(USAGE);\n      process.exit(1);\n    }\n\n    const resolvedFile = resolve(projectDir, filePath);\n\n    const store = new CommentStore(projectDir);\n    await store.load();\n    await store.startWatching();\n\n    // Start preview server with initial file\n    const preview = createPreviewServer(store, projectDir, port, resolvedFile);\n    await preview.start();\n\n    // Start MCP server on stdio\n    const mcpServer = createMcpServer(store, projectDir);\n    const transport = new StdioServerTransport();\n    await mcpServer.connect(transport);\n\n    process.stderr.write(`Cowrite MCP server running on stdio\\n`);\n    process.stderr.write(`Preview: http://localhost:${port}\\n`);\n\n    setupShutdown(store, preview);\n  } else {\n    process.stderr.write(`Unknown command: ${command}\\n`);\n    process.stderr.write(USAGE);\n    process.exit(1);\n  }\n}\n\nmain().catch((err) => {\n  process.stderr.write(`Fatal error: ${err}\\n`);\n  process.exit(1);\n});\n","import { EventEmitter } from \"node:events\";\nimport { readFile, writeFile } from \"node:fs/promises\";\nimport { join, resolve } from \"node:path\";\nimport { randomUUID } from \"node:crypto\";\nimport { watch as chokidarWatch, type FSWatcher } from \"chokidar\";\nimport type { Comment, Reply } from \"./types.js\";\n\nconst PERSIST_FILE = \".cowrite-comments.json\";\n\nexport class CommentStore extends EventEmitter {\n  private comments: Map<string, Comment> = new Map();\n  private persistPath: string;\n  private lastWriteTime = 0;\n  private watcher: FSWatcher | null = null;\n\n  constructor(projectDir: string) {\n    super();\n    this.persistPath = join(resolve(projectDir), PERSIST_FILE);\n  }\n\n  async load(): Promise<void> {\n    try {\n      const data = await readFile(this.persistPath, \"utf-8\");\n      const arr: Comment[] = JSON.parse(data);\n      for (const c of arr) {\n        this.comments.set(c.id, c);\n      }\n    } catch {\n      // No existing file, start fresh\n    }\n  }\n\n  private async persist(): Promise<void> {\n    this.lastWriteTime = Date.now();\n    const arr = Array.from(this.comments.values());\n    await writeFile(this.persistPath, JSON.stringify(arr, null, 2), \"utf-8\");\n  }\n\n  async reload(): Promise<void> {\n    try {\n      const data = await readFile(this.persistPath, \"utf-8\");\n      const arr: Comment[] = JSON.parse(data);\n      const oldIds = new Set(this.comments.keys());\n      this.comments.clear();\n      for (const c of arr) {\n        this.comments.set(c.id, c);\n      }\n      // Emit \"new_comment\" for comments that didn't exist before\n      for (const c of arr) {\n        if (!oldIds.has(c.id)) {\n          this.emit(\"new_comment\", c);\n        }\n      }\n      this.emit(\"change\", null);\n    } catch {\n      // File missing or invalid, clear state\n      this.comments.clear();\n      this.emit(\"change\", null);\n    }\n  }\n\n  async startWatching(): Promise<void> {\n    if (this.watcher) return;\n    this.watcher = chokidarWatch(this.persistPath, {\n      ignoreInitial: true,\n      awaitWriteFinish: { stabilityThreshold: 100, pollInterval: 50 },\n    });\n    this.watcher.on(\"change\", async () => {\n      if (Date.now() - this.lastWriteTime < 200) return;\n      await this.reload();\n    });\n    this.watcher.on(\"add\", async () => {\n      if (Date.now() - this.lastWriteTime < 200) return;\n      await this.reload();\n    });\n  }\n\n  async stopWatching(): Promise<void> {\n    if (this.watcher) {\n      await this.watcher.close();\n      this.watcher = null;\n    }\n  }\n\n  add(params: {\n    file: string;\n    offset: number;\n    length: number;\n    selectedText: string;\n    comment: string;\n  }): Comment {\n    const comment: Comment = {\n      id: randomUUID(),\n      file: params.file,\n      offset: params.offset,\n      length: params.length,\n      selectedText: params.selectedText,\n      comment: params.comment,\n      status: \"pending\",\n      replies: [],\n      createdAt: new Date().toISOString(),\n      resolvedAt: null,\n    };\n    this.comments.set(comment.id, comment);\n    this.emit(\"change\", comment);\n    this.emit(\"new_comment\", comment);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n    return comment;\n  }\n\n  resolve(commentId: string): Comment | null {\n    const comment = this.comments.get(commentId);\n    if (!comment) return null;\n    comment.status = \"resolved\";\n    comment.resolvedAt = new Date().toISOString();\n    this.emit(\"change\", comment);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n    return comment;\n  }\n\n  addReply(commentId: string, from: \"user\" | \"agent\", text: string): Reply | null {\n    const comment = this.comments.get(commentId);\n    if (!comment) return null;\n    const reply: Reply = {\n      id: randomUUID(),\n      from,\n      text,\n      createdAt: new Date().toISOString(),\n    };\n    comment.replies.push(reply);\n    this.emit(\"change\", comment);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n    return reply;\n  }\n\n  get(commentId: string): Comment | null {\n    return this.comments.get(commentId) ?? null;\n  }\n\n  getAll(filter?: { file?: string; status?: \"pending\" | \"resolved\" | \"all\" }): Comment[] {\n    let results = Array.from(this.comments.values());\n    if (filter?.file) {\n      results = results.filter((c) => c.file === filter.file);\n    }\n    if (filter?.status && filter.status !== \"all\") {\n      results = results.filter((c) => c.status === filter.status);\n    }\n    return results.sort((a, b) => a.offset - b.offset);\n  }\n\n  getForFile(file: string): Comment[] {\n    return this.getAll({ file });\n  }\n\n  /** Adjust comment offsets when file content changes */\n  adjustOffsets(file: string, oldContent: string, newContent: string): void {\n    const fileComments = this.getForFile(file);\n    if (fileComments.length === 0) return;\n\n    for (const comment of fileComments) {\n      // Try to find the selected text in the new content near original offset\n      const searchStart = Math.max(0, comment.offset - 200);\n      const searchEnd = Math.min(newContent.length, comment.offset + comment.length + 200);\n      const searchRegion = newContent.slice(searchStart, searchEnd);\n      const idx = searchRegion.indexOf(comment.selectedText);\n      if (idx !== -1) {\n        comment.offset = searchStart + idx;\n      }\n      // If not found, leave offset as-is (orphaned comment)\n    }\n\n    this.emit(\"change\", null);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n  }\n\n  clear(): void {\n    this.comments.clear();\n    this.emit(\"change\", null);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n  }\n}\n","import { McpServer } from \"@modelcontextprotocol/sdk/server/mcp.js\";\nimport { z } from \"zod\";\nimport type { CommentStore } from \"./comment-store.js\";\nimport { annotateFileWithComments } from \"./utils.js\";\nimport { readFile } from \"node:fs/promises\";\nimport { relative, resolve } from \"node:path\";\n\nexport function createMcpServer(store: CommentStore, projectDir: string): McpServer {\n  const server = new McpServer(\n    { name: \"cowrite\", version: \"0.1.0\" },\n    { capabilities: { logging: {} } },\n  );\n\n  // Tool: get_pending_comments\n  server.tool(\n    \"get_pending_comments\",\n    \"Get comments from the live preview. Returns unresolved comments by default.\",\n    {\n      file: z.string().optional().describe(\"Filter by file path\"),\n      status: z.enum([\"pending\", \"resolved\", \"all\"]).optional().describe(\"Filter by status (default: pending)\"),\n    },\n    async ({ file, status }) => {\n      const filter: { file?: string; status?: \"pending\" | \"resolved\" | \"all\" } = {};\n      if (file) filter.file = resolve(projectDir, file);\n      filter.status = status ?? \"pending\";\n      const comments = store.getAll(filter);\n      return {\n        content: [\n          {\n            type: \"text\" as const,\n            text: comments.length === 0\n              ? \"No comments found.\"\n              : JSON.stringify(comments, null, 2),\n          },\n        ],\n      };\n    }\n  );\n\n  // Tool: resolve_comment\n  server.tool(\n    \"resolve_comment\",\n    \"Mark a comment as resolved/addressed.\",\n    {\n      commentId: z.string().describe(\"The comment ID to resolve\"),\n    },\n    async ({ commentId }) => {\n      const comment = store.resolve(commentId);\n      if (!comment) {\n        return {\n          content: [{ type: \"text\" as const, text: `Comment ${commentId} not found.` }],\n          isError: true,\n        };\n      }\n      return {\n        content: [{ type: \"text\" as const, text: `Comment ${commentId} resolved.` }],\n      };\n    }\n  );\n\n  // Tool: reply_to_comment\n  server.tool(\n    \"reply_to_comment\",\n    \"Reply to a comment from the agent.\",\n    {\n      commentId: z.string().describe(\"The comment ID to reply to\"),\n      reply: z.string().describe(\"The reply text\"),\n    },\n    async ({ commentId, reply }) => {\n      const replyObj = store.addReply(commentId, \"agent\", reply);\n      if (!replyObj) {\n        return {\n          content: [{ type: \"text\" as const, text: `Comment ${commentId} not found.` }],\n          isError: true,\n        };\n      }\n      return {\n        content: [{ type: \"text\" as const, text: `Reply added to comment ${commentId}.` }],\n      };\n    }\n  );\n\n  // Tool: get_file_with_annotations\n  server.tool(\n    \"get_file_with_annotations\",\n    \"Get file content with inline comment markers showing where comments are anchored.\",\n    {\n      file: z.string().describe(\"File path to annotate\"),\n    },\n    async ({ file }) => {\n      const filePath = resolve(projectDir, file);\n      try {\n        const content = await readFile(filePath, \"utf-8\");\n        const comments = store.getForFile(filePath);\n        const annotated = annotateFileWithComments(content, comments);\n        return {\n          content: [{ type: \"text\" as const, text: annotated }],\n        };\n      } catch (err) {\n        return {\n          content: [{ type: \"text\" as const, text: `Error reading file: ${err}` }],\n          isError: true,\n        };\n      }\n    }\n  );\n\n  // Tool: wait_for_comment\n  server.tool(\n    \"wait_for_comment\",\n    \"Block until a new comment is posted in the live preview, then return it. Call this to listen for incoming user comments in real time.\",\n    {\n      timeout: z.number().optional().describe(\"Max seconds to wait (default: 120)\"),\n    },\n    ({ timeout }) => {\n      const maxWait = (timeout ?? 120) * 1000;\n      return new Promise((resolve) => {\n        const timer = setTimeout(() => {\n          cleanup();\n          resolve({\n            content: [{ type: \"text\" as const, text: \"No new comments within timeout.\" }],\n          });\n        }, maxWait);\n\n        const onComment = (comment: { id: string; file: string; selectedText: string; comment: string }) => {\n          cleanup();\n          const file = relative(projectDir, comment.file);\n          resolve({\n            content: [{\n              type: \"text\" as const,\n              text: JSON.stringify({ ...comment, file }, null, 2),\n            }],\n          });\n        };\n\n        const cleanup = () => {\n          clearTimeout(timer);\n          store.off(\"new_comment\", onComment);\n        };\n\n        store.on(\"new_comment\", onComment);\n      });\n    }\n  );\n\n  // Resource: cowrite://comments\n  server.resource(\n    \"all-comments\",\n    \"cowrite://comments\",\n    { description: \"Live list of all comments\", mimeType: \"application/json\" },\n    async () => {\n      const comments = store.getAll();\n      return {\n        contents: [\n          {\n            uri: \"cowrite://comments\",\n            mimeType: \"application/json\",\n            text: JSON.stringify(comments, null, 2),\n          },\n        ],\n      };\n    }\n  );\n\n  // Wire store changes to MCP resource notifications\n  store.on(\"change\", () => {\n    server.server.notification({\n      method: \"notifications/resources/updated\",\n      params: { uri: \"cowrite://comments\" },\n    }).catch(() => {\n      // Notification may fail if client doesn't support it, that's OK\n    });\n  });\n\n  // Notify the agent when a new comment is added\n  store.on(\"new_comment\", (comment: { file: string; selectedText: string; comment: string }) => {\n    const file = relative(projectDir, comment.file);\n    server.sendLoggingMessage({\n      level: \"info\",\n      data: `New comment on ${file}: \"${comment.comment}\" (on: \"${comment.selectedText}\")`,\n    }).catch(() => {});\n  });\n\n  return server;\n}\n","import { marked } from \"marked\";\nimport type { Comment } from \"./types.js\";\n\n/**\n * Render file content as HTML. Markdown files get full rendering;\n * other text files are wrapped in <pre> with offset-tagged spans.\n */\nexport function renderToHtml(content: string, filePath: string): string {\n  const isMarkdown = /\\.(md|markdown|mdx)$/i.test(filePath);\n  if (isMarkdown) {\n    return renderMarkdownWithOffsets(content);\n  }\n  return renderPlainTextWithOffsets(content);\n}\n\nfunction renderMarkdownWithOffsets(content: string): string {\n  const html = marked.parse(content, { async: false }) as string;\n  // Wrap the rendered HTML in a container with data attributes for offset mapping\n  // The client-side JS will handle offset computation from the rendered text nodes\n  return `<div class=\"markdown-body\" data-source-length=\"${content.length}\">${html}</div>`;\n}\n\nfunction renderPlainTextWithOffsets(content: string): string {\n  const lines = content.split(\"\\n\");\n  let offset = 0;\n  const htmlLines: string[] = [];\n\n  for (const line of lines) {\n    const escaped = escapeHtml(line);\n    htmlLines.push(`<span class=\"line\" data-offset=\"${offset}\" data-length=\"${line.length}\">${escaped}</span>`);\n    offset += line.length + 1; // +1 for the newline\n  }\n\n  return `<pre class=\"plain-text\" data-source-length=\"${content.length}\">${htmlLines.join(\"\\n\")}</pre>`;\n}\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\");\n}\n\n/**\n * Annotate file content with inline comment markers for the agent.\n * Inserts `[COMMENT #id: \"text\"]` at the comment offsets.\n */\nexport function annotateFileWithComments(content: string, comments: Comment[]): string {\n  // Sort by offset descending so insertions don't shift earlier offsets\n  const sorted = [...comments].sort((a, b) => b.offset - a.offset);\n  let result = content;\n\n  for (const c of sorted) {\n    const marker = `[COMMENT #${c.id.slice(0, 8)}: \"${c.comment}\"]`;\n    const end = c.offset + c.length;\n    // Insert marker after the selected text\n    result = result.slice(0, end) + \" \" + marker + result.slice(end);\n  }\n\n  return result;\n}\n","import { createServer, type IncomingMessage, type ServerResponse } from \"node:http\";\nimport { readFile, readdir } from \"node:fs/promises\";\nimport { existsSync } from \"node:fs\";\nimport { join, resolve, relative } from \"node:path\";\nimport { WebSocketServer, type WebSocket } from \"ws\";\nimport type { CommentStore } from \"./comment-store.js\";\nimport { FileWatcher } from \"./file-watcher.js\";\nimport { renderToHtml } from \"./utils.js\";\nimport type { WSClientMessage, WSServerMessage } from \"./types.js\";\n\n// In dev (tsx): import.meta.dirname is src/, so ../ui works.\n// In built (dist/bin/cowrite.js): import.meta.dirname is dist/bin/, so ../../ui.\n// We find ui/ by checking which path actually contains index.html.\nfunction findUiDir(): string {\n  const dir = import.meta.dirname ?? new URL(\".\", import.meta.url).pathname;\n  // Try common locations relative to this file\n  const candidates = [\n    join(dir, \"..\", \"ui\"),       // dev: src/../ui\n    join(dir, \"..\", \"..\", \"ui\"), // built: dist/bin/../../ui\n  ];\n  return candidates.find((d) => {\n    try { return existsSync(join(d, \"index.html\")); } catch { return false; }\n  }) ?? candidates[0];\n}\nconst UI_DIR = findUiDir();\n\nconst MIME_TYPES: Record<string, string> = {\n  \".html\": \"text/html\",\n  \".css\": \"text/css\",\n  \".js\": \"application/javascript\",\n};\n\nconst IGNORED_DIRS = new Set([\"node_modules\", \".git\", \"dist\", \".next\", \".cache\", \"coverage\", \"__pycache__\"]);\n\nexport function createPreviewServer(\n  store: CommentStore,\n  projectDir: string,\n  port: number,\n  initialFile?: string\n): { start: () => Promise<void>; stop: () => Promise<void> } {\n  const clients = new Set<WebSocket>();\n  const clientFiles = new Map<WebSocket, string>(); // ws -> absolute file path\n  const watchers = new Map<string, FileWatcher>(); // absolute path -> watcher\n  const watcherListeners = new Map<string, (...args: any[]) => void>(); // path -> change listener\n\n  const resolvedProjectDir = resolve(projectDir);\n\n  function isInsideProject(filePath: string): boolean {\n    const resolved = resolve(resolvedProjectDir, filePath);\n    return resolved.startsWith(resolvedProjectDir);\n  }\n\n  async function getOrCreateWatcher(absPath: string): Promise<FileWatcher> {\n    let watcher = watchers.get(absPath);\n    if (!watcher) {\n      watcher = new FileWatcher(absPath);\n      await watcher.start();\n      watchers.set(absPath, watcher);\n\n      // Subscribe to file changes and broadcast to relevant clients\n      const listener = (event: { file: string; content: string; oldContent: string }) => {\n        store.adjustOffsets(event.file, event.oldContent, event.content);\n        const html = renderToHtml(event.content, event.file);\n        for (const [ws, file] of clientFiles) {\n          if (file === absPath) {\n            send(ws, { type: \"file_update\", file: event.file, content: event.content, html });\n          }\n        }\n      };\n      watcher.on(\"change\", listener);\n      watcherListeners.set(absPath, listener);\n    }\n    return watcher;\n  }\n\n  async function listFiles(dir: string, prefix = \"\"): Promise<string[]> {\n    const files: string[] = [];\n    try {\n      const entries = await readdir(dir, { withFileTypes: true });\n      for (const entry of entries) {\n        if (entry.name.startsWith(\".\") || IGNORED_DIRS.has(entry.name)) continue;\n        const relPath = prefix ? `${prefix}/${entry.name}` : entry.name;\n        if (entry.isDirectory()) {\n          const sub = await listFiles(join(dir, entry.name), relPath);\n          files.push(...sub);\n        } else {\n          files.push(relPath);\n        }\n      }\n    } catch {\n      // Permission denied or gone — skip\n    }\n    return files;\n  }\n\n  const httpServer = createServer(async (req: IncomingMessage, res: ServerResponse) => {\n    const url = new URL(req.url ?? \"/\", `http://localhost:${port}`);\n    const pathname = url.pathname === \"/\" ? \"/index.html\" : url.pathname;\n\n    // Serve static UI files\n    const ext = pathname.slice(pathname.lastIndexOf(\".\"));\n    const mimeType = MIME_TYPES[ext];\n    if (mimeType) {\n      try {\n        const filePath = join(UI_DIR, pathname);\n        const content = await readFile(filePath, \"utf-8\");\n        res.writeHead(200, { \"Content-Type\": mimeType });\n        res.end(content);\n        return;\n      } catch {\n        // Fall through to 404\n      }\n    }\n\n    // API: GET /api/files — list project files for the file picker\n    if (pathname === \"/api/files\") {\n      const files = await listFiles(resolvedProjectDir);\n      res.writeHead(200, { \"Content-Type\": \"application/json\" });\n      res.end(JSON.stringify({ files }));\n      return;\n    }\n\n    // API: GET /api/state?file=... — state for a specific file\n    if (pathname === \"/api/state\") {\n      const fileParam = url.searchParams.get(\"file\");\n      if (!fileParam) {\n        res.writeHead(400, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ error: \"Missing file parameter\" }));\n        return;\n      }\n      const absPath = resolve(resolvedProjectDir, fileParam);\n      if (!isInsideProject(absPath)) {\n        res.writeHead(403, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ error: \"Path outside project\" }));\n        return;\n      }\n      try {\n        const content = await readFile(absPath, \"utf-8\");\n        const html = renderToHtml(content, absPath);\n        const comments = store.getForFile(absPath);\n        res.writeHead(200, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ file: absPath, content, html, comments }));\n      } catch {\n        res.writeHead(404, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ error: \"File not found\" }));\n      }\n      return;\n    }\n\n    res.writeHead(404, { \"Content-Type\": \"text/plain\" });\n    res.end(\"Not found\");\n  });\n\n  const wss = new WebSocketServer({ server: httpServer });\n\n  wss.on(\"connection\", async (ws: WebSocket) => {\n    clients.add(ws);\n\n    // If there's an initial file (preview mode), auto-assign it\n    if (initialFile) {\n      const absPath = resolve(resolvedProjectDir, initialFile);\n      await switchClientFile(ws, absPath);\n    }\n\n    ws.on(\"message\", (data) => {\n      try {\n        const msg: WSClientMessage = JSON.parse(data.toString());\n        handleClientMessage(ws, msg);\n      } catch (err) {\n        send(ws, { type: \"error\", message: `Invalid message: ${err}` });\n      }\n    });\n\n    ws.on(\"close\", () => {\n      clients.delete(ws);\n      clientFiles.delete(ws);\n    });\n  });\n\n  async function switchClientFile(ws: WebSocket, absPath: string): Promise<void> {\n    if (!isInsideProject(absPath)) {\n      send(ws, { type: \"error\", message: \"Path outside project\" });\n      return;\n    }\n    try {\n      const watcher = await getOrCreateWatcher(absPath);\n      clientFiles.set(ws, absPath);\n      const content = watcher.getContent();\n      const html = renderToHtml(content, absPath);\n      const comments = store.getForFile(absPath);\n      send(ws, { type: \"file_update\", file: absPath, content, html });\n      send(ws, { type: \"comments_update\", comments });\n    } catch (err) {\n      send(ws, { type: \"error\", message: `Cannot open file: ${err}` });\n    }\n  }\n\n  function handleClientMessage(ws: WebSocket, msg: WSClientMessage): void {\n    switch (msg.type) {\n      case \"switch_file\": {\n        const absPath = resolve(resolvedProjectDir, msg.file);\n        switchClientFile(ws, absPath);\n        break;\n      }\n      case \"comment_add\": {\n        const file = clientFiles.get(ws);\n        if (!file) break;\n        store.add({\n          file,\n          offset: msg.offset,\n          length: msg.length,\n          selectedText: msg.selectedText,\n          comment: msg.comment,\n        });\n        break;\n      }\n      case \"comment_reply\":\n        store.addReply(msg.commentId, \"user\", msg.text);\n        break;\n      case \"comment_resolve\":\n        store.resolve(msg.commentId);\n        break;\n    }\n  }\n\n  // Broadcast comment updates to clients viewing the affected file\n  store.on(\"change\", (comment: any) => {\n    for (const [ws, file] of clientFiles) {\n      // If we know which file changed, only notify relevant clients\n      // If comment is null (e.g. adjustOffsets, reload), notify all\n      if (!comment || comment.file === file) {\n        const comments = store.getForFile(file);\n        send(ws, { type: \"comments_update\", comments });\n      }\n    }\n  });\n\n  function send(ws: WebSocket, msg: WSServerMessage): void {\n    if (ws.readyState === ws.OPEN) {\n      ws.send(JSON.stringify(msg));\n    }\n  }\n\n  return {\n    start: () =>\n      new Promise<void>((resolve) => {\n        httpServer.listen(port, () => {\n          process.stderr.write(`Cowrite preview server running at http://localhost:${port}\\n`);\n          resolve();\n        });\n      }),\n    stop: async () => {\n      for (const client of clients) {\n        client.close();\n      }\n      for (const [path, watcher] of watchers) {\n        const listener = watcherListeners.get(path);\n        if (listener) watcher.off(\"change\", listener);\n        await watcher.stop();\n      }\n      watchers.clear();\n      watcherListeners.clear();\n      await new Promise<void>((resolvePromise, reject) => {\n        httpServer.close((err) => {\n          if (err) reject(err);\n          else resolvePromise();\n        });\n      });\n    },\n  };\n}\n","import { watch, type FSWatcher } from \"chokidar\";\nimport { readFile } from \"node:fs/promises\";\nimport { resolve } from \"node:path\";\nimport { EventEmitter } from \"node:events\";\n\nexport interface FileChangeEvent {\n  file: string;\n  content: string;\n}\n\nexport class FileWatcher extends EventEmitter {\n  private watcher: FSWatcher | null = null;\n  private filePath: string;\n  private lastContent: string = \"\";\n\n  constructor(filePath: string) {\n    super();\n    this.filePath = resolve(filePath);\n  }\n\n  async start(): Promise<string> {\n    this.lastContent = await readFile(this.filePath, \"utf-8\");\n\n    this.watcher = watch(this.filePath, {\n      persistent: true,\n      ignoreInitial: true,\n      awaitWriteFinish: { stabilityThreshold: 100, pollInterval: 50 },\n    });\n\n    this.watcher.on(\"change\", async () => {\n      try {\n        const newContent = await readFile(this.filePath, \"utf-8\");\n        if (newContent !== this.lastContent) {\n          const oldContent = this.lastContent;\n          this.lastContent = newContent;\n          this.emit(\"change\", {\n            file: this.filePath,\n            content: newContent,\n            oldContent,\n          } as FileChangeEvent & { oldContent: string });\n        }\n      } catch (err) {\n        process.stderr.write(`File watch read error: ${err}\\n`);\n      }\n    });\n\n    return this.lastContent;\n  }\n\n  getContent(): string {\n    return this.lastContent;\n  }\n\n  getFilePath(): string {\n    return this.filePath;\n  }\n\n  async stop(): Promise<void> {\n    if (this.watcher) {\n      await this.watcher.close();\n      this.watcher = null;\n    }\n  }\n}\n"],"mappings":"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","names":["resolve","readFile","resolve","readFile","join","resolve","readFile","resolve","EventEmitter","join","resolve","readFile","resolve"]}
+{"version":3,"sources":["../../bin/cowrite.ts","../../src/comment-store.ts","../../src/mcp-server.ts","../../src/utils.ts","../../src/preview-server.ts","../../src/file-watcher.ts"],"sourcesContent":["import { parseArgs } from \"node:util\";\nimport { resolve } from \"node:path\";\nimport { StdioServerTransport } from \"@modelcontextprotocol/sdk/server/stdio.js\";\nimport { CommentStore } from \"../src/comment-store.js\";\nimport { createMcpServer } from \"../src/mcp-server.js\";\nimport { createPreviewServer } from \"../src/preview-server.js\";\n\nconst USAGE = `\ncowrite — Live commenting plugin for coding agent sessions\n\nUsage:\n  cowrite preview <file> [--port N]   Open browser preview for a specific file + start MCP server\n  cowrite serve [--port N]             Start MCP server + preview server (browse any file)\n\nOptions:\n  --port, -p    Port for preview server (default: 3377)\n  --help, -h    Show this help\n`;\n\nfunction setupShutdown(store: CommentStore, preview: { stop: () => Promise<void> }) {\n  let shuttingDown = false;\n  const shutdown = () => {\n    if (shuttingDown) {\n      // Second signal — force exit immediately\n      process.exit(1);\n    }\n    shuttingDown = true;\n    process.stderr.write(\"Shutting down...\\n\");\n    // Best-effort cleanup with a hard timeout\n    Promise.allSettled([store.stopWatching(), preview.stop()])\n      .finally(() => process.exit(0));\n    setTimeout(() => process.exit(0), 2000);\n  };\n  process.on(\"SIGINT\", shutdown);\n  process.on(\"SIGTERM\", shutdown);\n}\n\nasync function main() {\n  const { values, positionals } = parseArgs({\n    args: process.argv.slice(2),\n    options: {\n      port: { type: \"string\", short: \"p\", default: \"3377\" },\n      help: { type: \"boolean\", short: \"h\", default: false },\n    },\n    allowPositionals: true,\n    strict: false,\n  });\n\n  if (values.help || positionals.length === 0) {\n    process.stderr.write(USAGE);\n    process.exit(positionals.length === 0 && !values.help ? 1 : 0);\n  }\n\n  const command = positionals[0];\n  const projectDir = process.cwd();\n  const port = parseInt(values.port as string, 10);\n\n  if (command === \"serve\") {\n    const store = new CommentStore(projectDir);\n    await store.load();\n    await store.startWatching();\n\n    // Start preview server (no initial file — user picks from browser)\n    const preview = createPreviewServer(store, projectDir, port);\n    await preview.start();\n\n    // Start MCP server on stdio\n    const mcpServer = createMcpServer(store, projectDir);\n    const transport = new StdioServerTransport();\n    await mcpServer.connect(transport);\n\n    process.stderr.write(`Cowrite MCP server running on stdio\\n`);\n    process.stderr.write(`Preview: http://localhost:${port}\\n`);\n\n    setupShutdown(store, preview);\n  } else if (command === \"preview\") {\n    const filePath = positionals[1];\n    if (!filePath) {\n      process.stderr.write(\"Error: preview command requires a file path\\n\");\n      process.stderr.write(USAGE);\n      process.exit(1);\n    }\n\n    const resolvedFile = resolve(projectDir, filePath);\n\n    const store = new CommentStore(projectDir);\n    await store.load();\n    await store.startWatching();\n\n    // Start preview server with initial file\n    const preview = createPreviewServer(store, projectDir, port, resolvedFile);\n    await preview.start();\n\n    // Start MCP server on stdio\n    const mcpServer = createMcpServer(store, projectDir);\n    const transport = new StdioServerTransport();\n    await mcpServer.connect(transport);\n\n    process.stderr.write(`Cowrite MCP server running on stdio\\n`);\n    process.stderr.write(`Preview: http://localhost:${port}\\n`);\n\n    setupShutdown(store, preview);\n  } else {\n    process.stderr.write(`Unknown command: ${command}\\n`);\n    process.stderr.write(USAGE);\n    process.exit(1);\n  }\n}\n\nmain().catch((err) => {\n  process.stderr.write(`Fatal error: ${err}\\n`);\n  process.exit(1);\n});\n","import { EventEmitter } from \"node:events\";\nimport { readFile, writeFile } from \"node:fs/promises\";\nimport { join, resolve } from \"node:path\";\nimport { randomUUID } from \"node:crypto\";\nimport { watch as chokidarWatch, type FSWatcher } from \"chokidar\";\nimport type { Comment, Reply } from \"./types.js\";\n\nconst PERSIST_FILE = \".cowrite-comments.json\";\n\nexport class CommentStore extends EventEmitter {\n  private comments: Map<string, Comment> = new Map();\n  private persistPath: string;\n  private lastWriteTime = 0;\n  private watcher: FSWatcher | null = null;\n\n  constructor(projectDir: string) {\n    super();\n    this.persistPath = join(resolve(projectDir), PERSIST_FILE);\n  }\n\n  async load(): Promise<void> {\n    try {\n      const data = await readFile(this.persistPath, \"utf-8\");\n      const arr: Comment[] = JSON.parse(data);\n      for (const c of arr) {\n        this.comments.set(c.id, c);\n      }\n    } catch {\n      // No existing file, start fresh\n    }\n  }\n\n  private async persist(): Promise<void> {\n    this.lastWriteTime = Date.now();\n    const arr = Array.from(this.comments.values());\n    await writeFile(this.persistPath, JSON.stringify(arr, null, 2), \"utf-8\");\n  }\n\n  async reload(): Promise<void> {\n    try {\n      const data = await readFile(this.persistPath, \"utf-8\");\n      const arr: Comment[] = JSON.parse(data);\n      const oldIds = new Set(this.comments.keys());\n      this.comments.clear();\n      for (const c of arr) {\n        this.comments.set(c.id, c);\n      }\n      // Emit \"new_comment\" for comments that didn't exist before\n      for (const c of arr) {\n        if (!oldIds.has(c.id)) {\n          this.emit(\"new_comment\", c);\n        }\n      }\n      this.emit(\"change\", null);\n    } catch {\n      // File missing or invalid, clear state\n      this.comments.clear();\n      this.emit(\"change\", null);\n    }\n  }\n\n  async startWatching(): Promise<void> {\n    if (this.watcher) return;\n    this.watcher = chokidarWatch(this.persistPath, {\n      ignoreInitial: true,\n      awaitWriteFinish: { stabilityThreshold: 100, pollInterval: 50 },\n    });\n    this.watcher.on(\"change\", async () => {\n      if (Date.now() - this.lastWriteTime < 200) return;\n      await this.reload();\n    });\n    this.watcher.on(\"add\", async () => {\n      if (Date.now() - this.lastWriteTime < 200) return;\n      await this.reload();\n    });\n  }\n\n  async stopWatching(): Promise<void> {\n    if (this.watcher) {\n      await this.watcher.close();\n      this.watcher = null;\n    }\n  }\n\n  add(params: {\n    file: string;\n    offset: number;\n    length: number;\n    selectedText: string;\n    comment: string;\n  }): Comment {\n    const comment: Comment = {\n      id: randomUUID(),\n      file: params.file,\n      offset: params.offset,\n      length: params.length,\n      selectedText: params.selectedText,\n      comment: params.comment,\n      status: \"pending\",\n      replies: [],\n      createdAt: new Date().toISOString(),\n      resolvedAt: null,\n    };\n    this.comments.set(comment.id, comment);\n    this.emit(\"change\", comment);\n    this.emit(\"new_comment\", comment);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n    return comment;\n  }\n\n  resolve(commentId: string): Comment | null {\n    const comment = this.comments.get(commentId);\n    if (!comment) return null;\n    comment.status = \"resolved\";\n    comment.resolvedAt = new Date().toISOString();\n    this.emit(\"change\", comment);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n    return comment;\n  }\n\n  addReply(commentId: string, from: \"user\" | \"agent\", text: string): Reply | null {\n    const comment = this.comments.get(commentId);\n    if (!comment) return null;\n    const reply: Reply = {\n      id: randomUUID(),\n      from,\n      text,\n      createdAt: new Date().toISOString(),\n    };\n    comment.replies.push(reply);\n    this.emit(\"change\", comment);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n    return reply;\n  }\n\n  get(commentId: string): Comment | null {\n    return this.comments.get(commentId) ?? null;\n  }\n\n  getAll(filter?: { file?: string; status?: \"pending\" | \"resolved\" | \"all\" }): Comment[] {\n    let results = Array.from(this.comments.values());\n    if (filter?.file) {\n      results = results.filter((c) => c.file === filter.file);\n    }\n    if (filter?.status && filter.status !== \"all\") {\n      results = results.filter((c) => c.status === filter.status);\n    }\n    return results.sort((a, b) => a.offset - b.offset);\n  }\n\n  getForFile(file: string): Comment[] {\n    return this.getAll({ file });\n  }\n\n  /** Adjust comment offsets when file content changes */\n  adjustOffsets(file: string, oldContent: string, newContent: string): void {\n    const fileComments = this.getForFile(file);\n    if (fileComments.length === 0) return;\n\n    for (const comment of fileComments) {\n      // Try to find the selected text in the new content near original offset\n      const searchStart = Math.max(0, comment.offset - 200);\n      const searchEnd = Math.min(newContent.length, comment.offset + comment.length + 200);\n      const searchRegion = newContent.slice(searchStart, searchEnd);\n      const idx = searchRegion.indexOf(comment.selectedText);\n      if (idx !== -1) {\n        comment.offset = searchStart + idx;\n      }\n      // If not found, leave offset as-is (orphaned comment)\n    }\n\n    this.emit(\"change\", null);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n  }\n\n  clear(): void {\n    this.comments.clear();\n    this.emit(\"change\", null);\n    this.persist().catch((err) => process.stderr.write(`Persist error: ${err}\\n`));\n  }\n}\n","import { McpServer } from \"@modelcontextprotocol/sdk/server/mcp.js\";\nimport { z } from \"zod\";\nimport type { CommentStore } from \"./comment-store.js\";\nimport { annotateFileWithComments } from \"./utils.js\";\nimport { readFile } from \"node:fs/promises\";\nimport { relative, resolve } from \"node:path\";\n\nexport function createMcpServer(store: CommentStore, projectDir: string): McpServer {\n  const server = new McpServer(\n    { name: \"cowrite\", version: \"0.1.0\" },\n    { capabilities: { logging: {} } },\n  );\n\n  // Tool: get_pending_comments\n  const getPendingTool = server.tool(\n    \"get_pending_comments\",\n    \"Get comments from the live preview (0 pending). Call this first to catch comments posted before you started listening.\",\n    {\n      file: z.string().optional().describe(\"Filter by file path\"),\n      status: z.enum([\"pending\", \"resolved\", \"all\"]).optional().describe(\"Filter by status (default: pending)\"),\n    },\n    async ({ file, status }) => {\n      const filter: { file?: string; status?: \"pending\" | \"resolved\" | \"all\" } = {};\n      if (file) filter.file = resolve(projectDir, file);\n      filter.status = status ?? \"pending\";\n      const comments = store.getAll(filter);\n      return {\n        content: [\n          {\n            type: \"text\" as const,\n            text: comments.length === 0\n              ? \"No comments found.\"\n              : JSON.stringify(comments, null, 2),\n          },\n        ],\n      };\n    }\n  );\n\n  // Tool: resolve_comment\n  server.tool(\n    \"resolve_comment\",\n    \"Mark a comment as resolved/addressed.\",\n    {\n      commentId: z.string().describe(\"The comment ID to resolve\"),\n    },\n    async ({ commentId }) => {\n      const comment = store.resolve(commentId);\n      if (!comment) {\n        return {\n          content: [{ type: \"text\" as const, text: `Comment ${commentId} not found.` }],\n          isError: true,\n        };\n      }\n      return {\n        content: [{ type: \"text\" as const, text: `Comment ${commentId} resolved.` }],\n      };\n    }\n  );\n\n  // Tool: reply_to_comment\n  server.tool(\n    \"reply_to_comment\",\n    \"Reply to a comment from the agent.\",\n    {\n      commentId: z.string().describe(\"The comment ID to reply to\"),\n      reply: z.string().describe(\"The reply text\"),\n    },\n    async ({ commentId, reply }) => {\n      const replyObj = store.addReply(commentId, \"agent\", reply);\n      if (!replyObj) {\n        return {\n          content: [{ type: \"text\" as const, text: `Comment ${commentId} not found.` }],\n          isError: true,\n        };\n      }\n      return {\n        content: [{ type: \"text\" as const, text: `Reply added to comment ${commentId}.` }],\n      };\n    }\n  );\n\n  // Tool: get_file_with_annotations\n  server.tool(\n    \"get_file_with_annotations\",\n    \"Get file content with inline comment markers showing where comments are anchored.\",\n    {\n      file: z.string().describe(\"File path to annotate\"),\n    },\n    async ({ file }) => {\n      const filePath = resolve(projectDir, file);\n      try {\n        const content = await readFile(filePath, \"utf-8\");\n        const comments = store.getForFile(filePath);\n        const annotated = annotateFileWithComments(content, comments);\n        return {\n          content: [{ type: \"text\" as const, text: annotated }],\n        };\n      } catch (err) {\n        return {\n          content: [{ type: \"text\" as const, text: `Error reading file: ${err}` }],\n          isError: true,\n        };\n      }\n    }\n  );\n\n  // Tool: wait_for_comment\n  server.tool(\n    \"wait_for_comment\",\n    \"Block until a new comment is posted in the live preview, then return it. This is the primary way to receive real-time comments — call it again after handling each comment to keep listening.\",\n    {\n      timeout: z.number().optional().describe(\"Max seconds to wait (default: 120)\"),\n    },\n    ({ timeout }) => {\n      const maxWait = (timeout ?? 120) * 1000;\n      return new Promise((resolve) => {\n        const timer = setTimeout(() => {\n          cleanup();\n          resolve({\n            content: [{ type: \"text\" as const, text: \"No new comments within timeout.\" }],\n          });\n        }, maxWait);\n\n        const onComment = (comment: { id: string; file: string; selectedText: string; comment: string }) => {\n          cleanup();\n          const file = relative(projectDir, comment.file);\n          resolve({\n            content: [{\n              type: \"text\" as const,\n              text: JSON.stringify({ ...comment, file }, null, 2),\n            }],\n          });\n        };\n\n        const cleanup = () => {\n          clearTimeout(timer);\n          store.off(\"new_comment\", onComment);\n        };\n\n        store.on(\"new_comment\", onComment);\n      });\n    }\n  );\n\n  // Resource: cowrite://comments\n  server.resource(\n    \"all-comments\",\n    \"cowrite://comments\",\n    { description: \"Live list of all comments\", mimeType: \"application/json\" },\n    async () => {\n      const comments = store.getAll();\n      return {\n        contents: [\n          {\n            uri: \"cowrite://comments\",\n            mimeType: \"application/json\",\n            text: JSON.stringify(comments, null, 2),\n          },\n        ],\n      };\n    }\n  );\n\n  // Wire store changes to MCP resource notifications\n  store.on(\"change\", () => {\n    server.server.notification({\n      method: \"notifications/resources/updated\",\n      params: { uri: \"cowrite://comments\" },\n    }).catch(() => {\n      // Notification may fail if client doesn't support it, that's OK\n    });\n  });\n\n  // When a new comment arrives, update the get_pending_comments tool description\n  // with the current count and fire sendToolListChanged() to signal Claude Code\n  store.on(\"new_comment\", () => {\n    const count = store.getAll({ status: \"pending\" }).length;\n    getPendingTool.update({\n      description: `Get comments from the live preview (${count} pending). Call this first to catch comments posted before you started listening.`,\n    });\n    server.sendToolListChanged();\n  });\n\n  // Also update count when comments are resolved\n  store.on(\"change\", () => {\n    const count = store.getAll({ status: \"pending\" }).length;\n    getPendingTool.update({\n      description: `Get comments from the live preview (${count} pending). Call this first to catch comments posted before you started listening.`,\n    });\n  });\n\n  // Prompt: cowrite-workflow\n  server.prompt(\n    \"cowrite-workflow\",\n    \"How to process live preview comments in a wait-handle-resolve loop\",\n    () => ({\n      messages: [\n        {\n          role: \"user\" as const,\n          content: {\n            type: \"text\" as const,\n            text: [\n              \"You are monitoring a live code preview where users leave comments on selected text.\",\n              \"\",\n              \"Follow this loop:\",\n              \"1. Call `get_pending_comments` to check for any comments already posted.\",\n              \"2. Process each pending comment: read the file, make the requested change or reply, then call `resolve_comment`.\",\n              \"3. Call `wait_for_comment` to block until the next comment arrives.\",\n              \"4. When a comment arrives, process it the same way (step 2).\",\n              \"5. Go back to step 3 and keep listening.\",\n              \"\",\n              \"Tips:\",\n              \"- Use `get_file_with_annotations` to see comments in context within the file.\",\n              \"- Use `reply_to_comment` to acknowledge or ask clarifying questions.\",\n              \"- Always `resolve_comment` after addressing feedback.\",\n            ].join(\"\\n\"),\n          },\n        },\n      ],\n    })\n  );\n\n  return server;\n}\n","import { marked } from \"marked\";\nimport type { Comment } from \"./types.js\";\n\n/**\n * Render file content as HTML. Markdown files get full rendering;\n * other text files are wrapped in <pre> with offset-tagged spans.\n */\nexport function renderToHtml(content: string, filePath: string): string {\n  const isMarkdown = /\\.(md|markdown|mdx)$/i.test(filePath);\n  if (isMarkdown) {\n    return renderMarkdownWithOffsets(content);\n  }\n  return renderPlainTextWithOffsets(content);\n}\n\nfunction renderMarkdownWithOffsets(content: string): string {\n  const html = marked.parse(content, { async: false }) as string;\n  // Wrap the rendered HTML in a container with data attributes for offset mapping\n  // The client-side JS will handle offset computation from the rendered text nodes\n  return `<div class=\"markdown-body\" data-source-length=\"${content.length}\">${html}</div>`;\n}\n\nfunction renderPlainTextWithOffsets(content: string): string {\n  const lines = content.split(\"\\n\");\n  let offset = 0;\n  const htmlLines: string[] = [];\n\n  for (const line of lines) {\n    const escaped = escapeHtml(line);\n    htmlLines.push(`<span class=\"line\" data-offset=\"${offset}\" data-length=\"${line.length}\">${escaped}</span>`);\n    offset += line.length + 1; // +1 for the newline\n  }\n\n  return `<pre class=\"plain-text\" data-source-length=\"${content.length}\">${htmlLines.join(\"\\n\")}</pre>`;\n}\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\");\n}\n\n/**\n * Annotate file content with inline comment markers for the agent.\n * Inserts `[COMMENT #id: \"text\"]` at the comment offsets.\n */\nexport function annotateFileWithComments(content: string, comments: Comment[]): string {\n  // Sort by offset descending so insertions don't shift earlier offsets\n  const sorted = [...comments].sort((a, b) => b.offset - a.offset);\n  let result = content;\n\n  for (const c of sorted) {\n    const marker = `[COMMENT #${c.id.slice(0, 8)}: \"${c.comment}\"]`;\n    const end = c.offset + c.length;\n    // Insert marker after the selected text\n    result = result.slice(0, end) + \" \" + marker + result.slice(end);\n  }\n\n  return result;\n}\n","import { createServer, type IncomingMessage, type ServerResponse } from \"node:http\";\nimport { readFile, readdir } from \"node:fs/promises\";\nimport { existsSync } from \"node:fs\";\nimport { join, resolve, relative } from \"node:path\";\nimport { WebSocketServer, type WebSocket } from \"ws\";\nimport type { CommentStore } from \"./comment-store.js\";\nimport { FileWatcher } from \"./file-watcher.js\";\nimport { renderToHtml } from \"./utils.js\";\nimport type { WSClientMessage, WSServerMessage } from \"./types.js\";\n\n// In dev (tsx): import.meta.dirname is src/, so ../ui works.\n// In built (dist/bin/cowrite.js): import.meta.dirname is dist/bin/, so ../../ui.\n// We find ui/ by checking which path actually contains index.html.\nfunction findUiDir(): string {\n  const dir = import.meta.dirname ?? new URL(\".\", import.meta.url).pathname;\n  // Try common locations relative to this file\n  const candidates = [\n    join(dir, \"..\", \"ui\"),       // dev: src/../ui\n    join(dir, \"..\", \"..\", \"ui\"), // built: dist/bin/../../ui\n  ];\n  return candidates.find((d) => {\n    try { return existsSync(join(d, \"index.html\")); } catch { return false; }\n  }) ?? candidates[0];\n}\nconst UI_DIR = findUiDir();\n\nconst MIME_TYPES: Record<string, string> = {\n  \".html\": \"text/html\",\n  \".css\": \"text/css\",\n  \".js\": \"application/javascript\",\n};\n\nconst IGNORED_DIRS = new Set([\"node_modules\", \".git\", \"dist\", \".next\", \".cache\", \"coverage\", \"__pycache__\"]);\n\nexport function createPreviewServer(\n  store: CommentStore,\n  projectDir: string,\n  port: number,\n  initialFile?: string\n): { start: () => Promise<void>; stop: () => Promise<void> } {\n  const clients = new Set<WebSocket>();\n  const clientFiles = new Map<WebSocket, string>(); // ws -> absolute file path\n  const watchers = new Map<string, FileWatcher>(); // absolute path -> watcher\n  const watcherListeners = new Map<string, (...args: any[]) => void>(); // path -> change listener\n\n  const resolvedProjectDir = resolve(projectDir);\n\n  function isInsideProject(filePath: string): boolean {\n    const resolved = resolve(resolvedProjectDir, filePath);\n    return resolved.startsWith(resolvedProjectDir);\n  }\n\n  async function getOrCreateWatcher(absPath: string): Promise<FileWatcher> {\n    let watcher = watchers.get(absPath);\n    if (!watcher) {\n      watcher = new FileWatcher(absPath);\n      await watcher.start();\n      watchers.set(absPath, watcher);\n\n      // Subscribe to file changes and broadcast to relevant clients\n      const listener = (event: { file: string; content: string; oldContent: string }) => {\n        store.adjustOffsets(event.file, event.oldContent, event.content);\n        const html = renderToHtml(event.content, event.file);\n        for (const [ws, file] of clientFiles) {\n          if (file === absPath) {\n            send(ws, { type: \"file_update\", file: event.file, content: event.content, html });\n          }\n        }\n      };\n      watcher.on(\"change\", listener);\n      watcherListeners.set(absPath, listener);\n    }\n    return watcher;\n  }\n\n  async function listFiles(dir: string, prefix = \"\"): Promise<string[]> {\n    const files: string[] = [];\n    try {\n      const entries = await readdir(dir, { withFileTypes: true });\n      for (const entry of entries) {\n        if (entry.name.startsWith(\".\") || IGNORED_DIRS.has(entry.name)) continue;\n        const relPath = prefix ? `${prefix}/${entry.name}` : entry.name;\n        if (entry.isDirectory()) {\n          const sub = await listFiles(join(dir, entry.name), relPath);\n          files.push(...sub);\n        } else {\n          files.push(relPath);\n        }\n      }\n    } catch {\n      // Permission denied or gone — skip\n    }\n    return files;\n  }\n\n  const httpServer = createServer(async (req: IncomingMessage, res: ServerResponse) => {\n    const url = new URL(req.url ?? \"/\", `http://localhost:${port}`);\n    const pathname = url.pathname === \"/\" ? \"/index.html\" : url.pathname;\n\n    // Serve static UI files\n    const ext = pathname.slice(pathname.lastIndexOf(\".\"));\n    const mimeType = MIME_TYPES[ext];\n    if (mimeType) {\n      try {\n        const filePath = join(UI_DIR, pathname);\n        const content = await readFile(filePath, \"utf-8\");\n        res.writeHead(200, { \"Content-Type\": mimeType });\n        res.end(content);\n        return;\n      } catch {\n        // Fall through to 404\n      }\n    }\n\n    // API: GET /api/files — list project files for the file picker\n    if (pathname === \"/api/files\") {\n      const files = await listFiles(resolvedProjectDir);\n      res.writeHead(200, { \"Content-Type\": \"application/json\" });\n      res.end(JSON.stringify({ files }));\n      return;\n    }\n\n    // API: GET /api/state?file=... — state for a specific file\n    if (pathname === \"/api/state\") {\n      const fileParam = url.searchParams.get(\"file\");\n      if (!fileParam) {\n        res.writeHead(400, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ error: \"Missing file parameter\" }));\n        return;\n      }\n      const absPath = resolve(resolvedProjectDir, fileParam);\n      if (!isInsideProject(absPath)) {\n        res.writeHead(403, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ error: \"Path outside project\" }));\n        return;\n      }\n      try {\n        const content = await readFile(absPath, \"utf-8\");\n        const html = renderToHtml(content, absPath);\n        const comments = store.getForFile(absPath);\n        res.writeHead(200, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ file: absPath, content, html, comments }));\n      } catch {\n        res.writeHead(404, { \"Content-Type\": \"application/json\" });\n        res.end(JSON.stringify({ error: \"File not found\" }));\n      }\n      return;\n    }\n\n    res.writeHead(404, { \"Content-Type\": \"text/plain\" });\n    res.end(\"Not found\");\n  });\n\n  const wss = new WebSocketServer({ server: httpServer });\n\n  wss.on(\"connection\", async (ws: WebSocket) => {\n    clients.add(ws);\n\n    // If there's an initial file (preview mode), auto-assign it\n    if (initialFile) {\n      const absPath = resolve(resolvedProjectDir, initialFile);\n      await switchClientFile(ws, absPath);\n    }\n\n    ws.on(\"message\", (data) => {\n      try {\n        const msg: WSClientMessage = JSON.parse(data.toString());\n        handleClientMessage(ws, msg);\n      } catch (err) {\n        send(ws, { type: \"error\", message: `Invalid message: ${err}` });\n      }\n    });\n\n    ws.on(\"close\", () => {\n      clients.delete(ws);\n      clientFiles.delete(ws);\n    });\n  });\n\n  async function switchClientFile(ws: WebSocket, absPath: string): Promise<void> {\n    if (!isInsideProject(absPath)) {\n      send(ws, { type: \"error\", message: \"Path outside project\" });\n      return;\n    }\n    try {\n      const watcher = await getOrCreateWatcher(absPath);\n      clientFiles.set(ws, absPath);\n      const content = watcher.getContent();\n      const html = renderToHtml(content, absPath);\n      const comments = store.getForFile(absPath);\n      send(ws, { type: \"file_update\", file: absPath, content, html });\n      send(ws, { type: \"comments_update\", comments });\n    } catch (err) {\n      send(ws, { type: \"error\", message: `Cannot open file: ${err}` });\n    }\n  }\n\n  function handleClientMessage(ws: WebSocket, msg: WSClientMessage): void {\n    switch (msg.type) {\n      case \"switch_file\": {\n        const absPath = resolve(resolvedProjectDir, msg.file);\n        switchClientFile(ws, absPath);\n        break;\n      }\n      case \"comment_add\": {\n        const file = clientFiles.get(ws);\n        if (!file) break;\n        store.add({\n          file,\n          offset: msg.offset,\n          length: msg.length,\n          selectedText: msg.selectedText,\n          comment: msg.comment,\n        });\n        break;\n      }\n      case \"comment_reply\":\n        store.addReply(msg.commentId, \"user\", msg.text);\n        break;\n      case \"comment_resolve\":\n        store.resolve(msg.commentId);\n        break;\n    }\n  }\n\n  // Broadcast comment updates to clients viewing the affected file\n  store.on(\"change\", (comment: any) => {\n    for (const [ws, file] of clientFiles) {\n      // If we know which file changed, only notify relevant clients\n      // If comment is null (e.g. adjustOffsets, reload), notify all\n      if (!comment || comment.file === file) {\n        const comments = store.getForFile(file);\n        send(ws, { type: \"comments_update\", comments });\n      }\n    }\n  });\n\n  function send(ws: WebSocket, msg: WSServerMessage): void {\n    if (ws.readyState === ws.OPEN) {\n      ws.send(JSON.stringify(msg));\n    }\n  }\n\n  return {\n    start: () =>\n      new Promise<void>((resolve) => {\n        httpServer.listen(port, () => {\n          process.stderr.write(`Cowrite preview server running at http://localhost:${port}\\n`);\n          resolve();\n        });\n      }),\n    stop: async () => {\n      for (const client of clients) {\n        client.close();\n      }\n      for (const [path, watcher] of watchers) {\n        const listener = watcherListeners.get(path);\n        if (listener) watcher.off(\"change\", listener);\n        await watcher.stop();\n      }\n      watchers.clear();\n      watcherListeners.clear();\n      await new Promise<void>((resolvePromise, reject) => {\n        httpServer.close((err) => {\n          if (err) reject(err);\n          else resolvePromise();\n        });\n      });\n    },\n  };\n}\n","import { watch, type FSWatcher } from \"chokidar\";\nimport { readFile } from \"node:fs/promises\";\nimport { resolve } from \"node:path\";\nimport { EventEmitter } from \"node:events\";\n\nexport interface FileChangeEvent {\n  file: string;\n  content: string;\n}\n\nexport class FileWatcher extends EventEmitter {\n  private watcher: FSWatcher | null = null;\n  private filePath: string;\n  private lastContent: string = \"\";\n\n  constructor(filePath: string) {\n    super();\n    this.filePath = resolve(filePath);\n  }\n\n  async start(): Promise<string> {\n    this.lastContent = await readFile(this.filePath, \"utf-8\");\n\n    this.watcher = watch(this.filePath, {\n      persistent: true,\n      ignoreInitial: true,\n      awaitWriteFinish: { stabilityThreshold: 100, pollInterval: 50 },\n    });\n\n    this.watcher.on(\"change\", async () => {\n      try {\n        const newContent = await readFile(this.filePath, \"utf-8\");\n        if (newContent !== this.lastContent) {\n          const oldContent = this.lastContent;\n          this.lastContent = newContent;\n          this.emit(\"change\", {\n            file: this.filePath,\n            content: newContent,\n            oldContent,\n          } as FileChangeEvent & { oldContent: string });\n        }\n      } catch (err) {\n        process.stderr.write(`File watch read error: ${err}\\n`);\n      }\n    });\n\n    return this.lastContent;\n  }\n\n  getContent(): string {\n    return this.lastContent;\n  }\n\n  getFilePath(): string {\n    return this.filePath;\n  }\n\n  async stop(): Promise<void> {\n    if (this.watcher) {\n      await this.watcher.close();\n      this.watcher = null;\n    }\n  }\n}\n"],"mappings":"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","names":["resolve","readFile","resolve","readFile","join","resolve","readFile","resolve","EventEmitter","join","resolve","readFile","resolve"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@filipc77/cowrite",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Live commenting plugin for coding agent sessions",
   "type": "module",
   "bin": {

package/ui/client.js

@@ -68,7 +68,7 @@ function connect() {
   ws = new WebSocket(`${protocol}//${location.host}`);
 
   ws.onopen = () => {
-    statusEl.textContent = "Connected";
+    statusEl.innerHTML = '<span class="status-dot"></span>Connected';
     statusEl.className = "status connected";
 
     // If URL has ?file= param, switch to that file
@@ -82,7 +82,7 @@ function connect() {
   };
 
   ws.onclose = () => {
-    statusEl.textContent = "Disconnected";
+    statusEl.innerHTML = '<span class="status-dot"></span>Disconnected';
     statusEl.className = "status";
     setTimeout(connect, 2000);
   };
@@ -149,7 +149,7 @@ document.addEventListener("mouseup", (e) => {
   const rect = range.getBoundingClientRect();
   popup.style.left = `${Math.min(rect.left, window.innerWidth - 340)}px`;
   popup.style.top = `${rect.bottom + 8}px`;
-  popupSelection.textContent = text.length > 120 ? text.slice(0, 120) + "..." : text;
+  popupSelection.textContent = text;
   commentInput.value = "";
   popup.hidden = false;
   commentInput.focus();
@@ -395,6 +395,9 @@ function applyTheme(theme) {
   // Update toggle icon
   const icon = themeToggle.closest(".theme-toggle").querySelector(".toggle-icon");
   if (icon) icon.textContent = theme === "light" ? "\u2600" : "\u263E";
+  // Update toggle label
+  const label = document.querySelector(".toggle-label");
+  if (label) label.textContent = theme === "light" ? "Light" : "Dark";
 }
 
 // Load saved preference, default to dark

package/ui/index.html

@@ -4,23 +4,37 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Cowrite — Live Preview</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="styles.css">
 </head>
 <body>
   <header>
-    <h1>Cowrite</h1>
-    <div class="file-picker" id="filePickerWrapper">
-      <input type="text" id="filePicker" list="fileList" placeholder="Open file..." autocomplete="off" />
-      <datalist id="fileList"></datalist>
+    <div class="header-left">
+      <h1><span class="logo-mark">//</span> Cowrite</h1>
+      <div class="header-divider"></div>
+      <div class="file-picker" id="filePickerWrapper">
+        <svg class="file-picker-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg>
+        <input type="text" id="filePicker" list="fileList" placeholder="Open file..." autocomplete="off" />
+        <datalist id="fileList"></datalist>
+      </div>
+      <span class="file-path" id="filePath"></span>
     </div>
-    <span class="file-path" id="filePath"></span>
-    <span class="status" id="status">Connecting...</span>
-    <label class="theme-toggle" title="Toggle light/dark mode">
-      <input type="checkbox" id="themeToggle" />
-      <span class="toggle-track">
-        <span class="toggle-thumb"><span class="toggle-icon"></span></span>
+    <div class="header-right">
+      <span class="status" id="status">
+        <span class="status-dot"></span>
+        Connecting...
       </span>
-    </label>
+      <div class="header-divider"></div>
+      <label class="theme-toggle" title="Toggle light/dark mode">
+        <input type="checkbox" id="themeToggle" />
+        <span class="toggle-track">
+          <span class="toggle-thumb"><span class="toggle-icon"></span></span>
+        </span>
+      </label>
+      <span class="toggle-label">Dark</span>
+    </div>
   </header>
 
   <main>
@@ -29,18 +43,21 @@
     </div>
 
     <div class="sidebar" id="sidebar">
-      <h2>Comments <span class="comment-count" id="commentCount">0</span></h2>
+      <div class="sidebar-header">
+        <h2>Comments <span class="comment-count" id="commentCount">0</span></h2>
+      </div>
       <div id="commentList"></div>
     </div>
   </main>
 
   <!-- Floating comment button/form -->
   <div class="comment-popup" id="commentPopup" hidden>
+    <div class="popup-header">Selection</div>
     <div class="popup-selection" id="popupSelection"></div>
     <textarea id="commentInput" placeholder="Leave a comment..." rows="3"></textarea>
     <div class="popup-actions">
-      <button id="commentSubmit">Submit</button>
       <button id="commentCancel" class="secondary">Cancel</button>
+      <button id="commentSubmit">Submit</button>
     </div>
   </div>
 

package/ui/styles.css

@@ -6,57 +6,65 @@
 
 /* ---- Dark theme (default) ---- */
 :root {
-  --bg: #0f0f17;
-  --bg-subtle: #161622;
-  --surface: #1c1c2e;
-  --surface-hover: #252540;
-  --surface-raised: #22223a;
-  --text: #e0e0f0;
-  --text-dim: #7a7a9a;
-  --text-faint: #55556e;
-  --accent: #7c9ff5;
-  --accent-hover: #93b0ff;
-  --accent-glow: rgba(124, 159, 245, 0.12);
-  --yellow: #edc97a;
-  --yellow-bg: rgba(237, 201, 122, 0.10);
-  --green: #7ed3a0;
-  --green-bg: rgba(126, 211, 160, 0.10);
-  --red: #e87a95;
-  --border: #2a2a42;
-  --border-hover: #3a3a58;
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
-  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
-  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
-  --font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", monospace;
-  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif;
-  --radius-sm: 6px;
-  --radius-md: 10px;
-  --radius-lg: 14px;
+  --bg: #0c0e14;
+  --bg-subtle: #12141c;
+  --surface: #171a24;
+  --surface-hover: #1e2130;
+  --surface-raised: #1c1f2c;
+  --text: #d8dce8;
+  --text-dim: #6e7490;
+  --text-faint: #464c64;
+  --accent: #d4a554;
+  --accent-hover: #e2b96c;
+  --accent-muted: rgba(212, 165, 84, 0.10);
+  --accent-glow: rgba(212, 165, 84, 0.08);
+  --yellow: #d4a554;
+  --yellow-bg: rgba(212, 165, 84, 0.08);
+  --green: #6fbf8a;
+  --green-bg: rgba(111, 191, 138, 0.08);
+  --red: #d4616e;
+  --blue: #6ba3d4;
+  --blue-bg: rgba(107, 163, 212, 0.08);
+  --border: #222638;
+  --border-hover: #2e3348;
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.5);
+  --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.6);
+  --shadow-glow: 0 0 24px rgba(212, 165, 84, 0.06);
+  --font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;
+  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --radius-sm: 8px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
 }
 
 /* ---- Light theme ---- */
 [data-theme="light"] {
-  --bg: #f5f5fa;
-  --bg-subtle: #ededf4;
+  --bg: #f4f2ee;
+  --bg-subtle: #eae7e2;
   --surface: #ffffff;
-  --surface-hover: #f0f0f8;
-  --surface-raised: #f8f8fc;
-  --text: #1a1a2e;
-  --text-dim: #6b6b88;
-  --text-faint: #9999b0;
-  --accent: #4a6ee0;
-  --accent-hover: #5b7eec;
-  --accent-glow: rgba(74, 110, 224, 0.08);
-  --yellow: #c49220;
-  --yellow-bg: rgba(196, 146, 32, 0.08);
-  --green: #2a9d5c;
-  --green-bg: rgba(42, 157, 92, 0.08);
-  --red: #d04060;
-  --border: #dcdce8;
-  --border-hover: #c0c0d4;
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
-  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
-  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.12);
+  --surface-hover: #f8f6f3;
+  --surface-raised: #faf9f7;
+  --text: #1c1e26;
+  --text-dim: #6b6e7a;
+  --text-faint: #9a9ca8;
+  --accent: #b07d2e;
+  --accent-hover: #c48e38;
+  --accent-muted: rgba(176, 125, 46, 0.08);
+  --accent-glow: rgba(176, 125, 46, 0.06);
+  --yellow: #b07d2e;
+  --yellow-bg: rgba(176, 125, 46, 0.06);
+  --green: #3a8a58;
+  --green-bg: rgba(58, 138, 88, 0.06);
+  --red: #c04050;
+  --blue: #3a72a0;
+  --blue-bg: rgba(58, 114, 160, 0.06);
+  --border: #ddd9d3;
+  --border-hover: #c8c4be;
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
+  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
+  --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.08);
+  --shadow-glow: 0 0 24px rgba(176, 125, 46, 0.04);
 }
 
 body {
@@ -67,33 +75,81 @@ body {
   display: flex;
   flex-direction: column;
   overflow: hidden;
-  transition: background 0.3s, color 0.3s;
+  transition: background 0.4s ease, color 0.4s ease;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 /* ---- Header ---- */
 header {
   display: flex;
   align-items: center;
-  gap: 14px;
-  padding: 0 20px;
-  height: 52px;
+  justify-content: space-between;
+  padding: 0 24px;
+  height: 56px;
   background: var(--surface);
   border-bottom: 1px solid var(--border);
   flex-shrink: 0;
-  transition: background 0.3s, border-color 0.3s;
+  transition: background 0.4s ease, border-color 0.4s ease;
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  flex: 1;
+  min-width: 0;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-shrink: 0;
+}
+
+.header-divider {
+  width: 1px;
+  height: 20px;
+  background: var(--border);
+  flex-shrink: 0;
 }
 
 header h1 {
-  font-size: 15px;
-  font-weight: 700;
-  color: var(--accent);
-  letter-spacing: -0.2px;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text);
+  letter-spacing: -0.3px;
   user-select: none;
+  white-space: nowrap;
+}
+
+.logo-mark {
+  color: var(--accent);
+  font-weight: 700;
+  font-family: var(--font-mono);
+  font-size: 13px;
+  letter-spacing: -1px;
+  margin-right: 1px;
 }
 
 /* File picker */
 .file-picker {
   position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.file-picker-icon {
+  position: absolute;
+  left: 10px;
+  color: var(--text-faint);
+  pointer-events: none;
+  transition: color 0.2s;
+}
+
+.file-picker:focus-within .file-picker-icon {
+  color: var(--accent);
 }
 
 .file-picker input {
@@ -103,10 +159,10 @@ header h1 {
   background: var(--bg);
   border: 1px solid var(--border);
   border-radius: var(--radius-sm);
-  padding: 6px 12px;
-  width: 260px;
+  padding: 7px 12px 7px 32px;
+  width: 240px;
   outline: none;
-  transition: border-color 0.2s, box-shadow 0.2s, background 0.3s;
+  transition: border-color 0.2s, box-shadow 0.2s, background 0.4s ease;
 }
 
 .file-picker input:focus {
@@ -120,23 +176,36 @@ header h1 {
 
 .file-path {
   font-family: var(--font-mono);
-  font-size: 12px;
-  color: var(--text-dim);
+  font-size: 11.5px;
+  color: var(--text-faint);
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  letter-spacing: 0.2px;
 }
 
 /* Status badge */
 .status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
   font-size: 11px;
   font-weight: 500;
-  padding: 4px 10px;
+  padding: 5px 12px;
   border-radius: 100px;
   background: var(--surface-hover);
   color: var(--text-dim);
-  transition: all 0.3s;
+  transition: all 0.4s ease;
+  letter-spacing: 0.1px;
+}
+
+.status-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--text-faint);
+  transition: background 0.4s ease;
 }
 
 .status.connected {
@@ -144,6 +213,27 @@ header h1 {
   background: var(--green-bg);
 }
 
+.status.connected .status-dot {
+  background: var(--green);
+  box-shadow: 0 0 6px rgba(111, 191, 138, 0.5);
+  animation: pulse-dot 2.5s ease-in-out infinite;
+}
+
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+/* Toggle label */
+.toggle-label {
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--text-faint);
+  user-select: none;
+  letter-spacing: 0.2px;
+  min-width: 30px;
+}
+
 /* ---- Theme toggle ---- */
 .theme-toggle {
   position: relative;
@@ -165,7 +255,7 @@ header h1 {
   inset: 0;
   background: var(--border);
   border-radius: 100px;
-  transition: background 0.3s;
+  transition: background 0.3s ease;
 }
 
 .theme-toggle input:checked + .toggle-track {
@@ -178,12 +268,13 @@ header h1 {
   left: 3px;
   width: 18px;
   height: 18px;
-  background: var(--text);
+  background: var(--bg);
   border-radius: 50%;
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s;
   display: flex;
   align-items: center;
   justify-content: center;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
 }
 
 .theme-toggle input:checked + .toggle-track .toggle-thumb {
@@ -207,28 +298,35 @@ main {
 .content-panel {
   flex: 1;
   overflow-y: auto;
-  padding: 28px 36px;
+  padding: 36px 48px;
 }
 
 #fileContent {
-  max-width: 780px;
+  max-width: 760px;
   margin: 0 auto;
-  line-height: 1.75;
+  line-height: 1.8;
+  animation: fade-in 0.3s ease;
+}
+
+@keyframes fade-in {
+  from { opacity: 0; transform: translateY(4px); }
+  to { opacity: 1; transform: translateY(0); }
 }
 
 /* ---- Markdown styles ---- */
 .markdown-body h1, .markdown-body h2, .markdown-body h3,
 .markdown-body h4, .markdown-body h5, .markdown-body h6 {
-  margin: 1.4em 0 0.6em;
+  margin: 1.5em 0 0.6em;
   font-weight: 600;
   color: var(--text);
   line-height: 1.3;
+  letter-spacing: -0.3px;
 }
 
 .markdown-body h1 {
   font-size: 1.75em;
   border-bottom: 1px solid var(--border);
-  padding-bottom: 0.35em;
+  padding-bottom: 0.4em;
 }
 
 .markdown-body h2 {
@@ -245,24 +343,26 @@ main {
 
 .markdown-body code {
   font-family: var(--font-mono);
-  font-size: 0.88em;
+  font-size: 0.85em;
   background: var(--surface-hover);
-  padding: 2px 7px;
-  border-radius: 4px;
+  padding: 2px 8px;
+  border-radius: 5px;
+  border: 1px solid var(--border);
 }
 
 .markdown-body pre {
   background: var(--surface);
-  padding: 18px;
+  padding: 20px;
   border-radius: var(--radius-md);
   overflow-x: auto;
-  margin: 1em 0;
+  margin: 1.2em 0;
   border: 1px solid var(--border);
 }
 
 .markdown-body pre code {
   background: none;
   padding: 0;
+  border: none;
 }
 
 .markdown-body blockquote {
@@ -283,7 +383,7 @@ main {
 .plain-text {
   font-family: var(--font-mono);
   font-size: 13px;
-  line-height: 1.65;
+  line-height: 1.7;
   white-space: pre-wrap;
   word-wrap: break-word;
   color: var(--text);
@@ -295,7 +395,8 @@ main {
   border-bottom: 2px solid var(--yellow);
   cursor: pointer;
   position: relative;
-  transition: background 0.15s;
+  transition: background 0.2s ease;
+  border-radius: 2px;
 }
 
 .comment-highlight.resolved {
@@ -304,35 +405,40 @@ main {
 }
 
 .comment-highlight:hover {
-  background: rgba(237, 201, 122, 0.22);
+  background: rgba(212, 165, 84, 0.18);
 }
 
 [data-theme="light"] .comment-highlight:hover {
-  background: rgba(196, 146, 32, 0.14);
+  background: rgba(176, 125, 46, 0.12);
 }
 
 /* ---- Sidebar ---- */
 .sidebar {
-  width: 340px;
-  min-width: 340px;
+  width: 360px;
+  min-width: 360px;
   background: var(--surface);
   border-left: 1px solid var(--border);
   overflow-y: auto;
   display: flex;
   flex-direction: column;
-  transition: background 0.3s, border-color 0.3s;
+  transition: background 0.4s ease, border-color 0.4s ease;
 }
 
-.sidebar h2 {
-  font-size: 13px;
-  font-weight: 600;
-  padding: 14px 16px;
+.sidebar-header {
+  padding: 16px 20px;
   border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+}
+
+.sidebar-header h2 {
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.8px;
+  color: var(--text-dim);
   display: flex;
   align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-  letter-spacing: -0.1px;
+  gap: 10px;
 }
 
 .comment-count {
@@ -340,17 +446,18 @@ main {
   color: var(--bg);
   font-size: 10px;
   font-weight: 700;
-  min-width: 20px;
+  min-width: 22px;
   text-align: center;
-  padding: 2px 7px;
+  padding: 2px 8px;
   border-radius: 100px;
   transition: background 0.3s;
+  letter-spacing: 0;
 }
 
 #commentList {
   flex: 1;
   overflow-y: auto;
-  padding: 8px;
+  padding: 10px;
 }
 
 /* ---- Comment card ---- */
@@ -358,49 +465,72 @@ main {
   background: var(--bg-subtle);
   border: 1px solid var(--border);
   border-radius: var(--radius-md);
-  padding: 12px;
+  padding: 14px;
   margin-bottom: 8px;
   cursor: pointer;
-  transition: border-color 0.2s, box-shadow 0.2s, background 0.3s;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.4s ease, transform 0.2s ease;
+  animation: card-enter 0.25s ease both;
 }
 
 .comment-card:hover {
   border-color: var(--border-hover);
   box-shadow: var(--shadow-sm);
+  transform: translateY(-1px);
 }
 
 .comment-card.active {
   border-color: var(--accent);
-  box-shadow: 0 0 0 2px var(--accent-glow);
+  box-shadow: 0 0 0 2px var(--accent-glow), var(--shadow-glow);
 }
 
 .comment-card.resolved {
-  opacity: 0.55;
+  opacity: 0.5;
 }
 
 .comment-card.resolved:hover {
-  opacity: 0.75;
+  opacity: 0.7;
 }
 
+@keyframes card-enter {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.comment-card:nth-child(1) { animation-delay: 0s; }
+.comment-card:nth-child(2) { animation-delay: 0.04s; }
+.comment-card:nth-child(3) { animation-delay: 0.08s; }
+.comment-card:nth-child(4) { animation-delay: 0.12s; }
+.comment-card:nth-child(5) { animation-delay: 0.16s; }
+.comment-card:nth-child(6) { animation-delay: 0.2s; }
+.comment-card:nth-child(7) { animation-delay: 0.24s; }
+.comment-card:nth-child(8) { animation-delay: 0.28s; }
+
 .comment-selected-text {
   font-family: var(--font-mono);
   font-size: 11px;
   color: var(--text-dim);
   background: var(--surface-hover);
-  padding: 6px 8px;
+  padding: 8px 10px;
   border-radius: var(--radius-sm);
-  margin-bottom: 8px;
-  max-height: 44px;
-  overflow: hidden;
-  white-space: pre;
-  text-overflow: ellipsis;
+  margin-bottom: 10px;
+  max-height: 88px;
+  overflow-y: auto;
+  white-space: pre-wrap;
   border-left: 2px solid var(--yellow);
+  line-height: 1.5;
 }
 
 .comment-text {
   font-size: 13px;
-  line-height: 1.5;
-  margin-bottom: 8px;
+  line-height: 1.55;
+  margin-bottom: 10px;
+  color: var(--text);
 }
 
 .comment-meta {
@@ -414,10 +544,10 @@ main {
 .comment-status {
   font-size: 10px;
   font-weight: 600;
-  padding: 2px 8px;
+  padding: 3px 10px;
   border-radius: 100px;
   text-transform: uppercase;
-  letter-spacing: 0.3px;
+  letter-spacing: 0.4px;
 }
 
 .comment-status.pending {
@@ -432,21 +562,21 @@ main {
 
 /* ---- Replies ---- */
 .comment-replies {
-  margin-top: 10px;
-  padding-top: 10px;
+  margin-top: 12px;
+  padding-top: 12px;
   border-top: 1px solid var(--border);
 }
 
 .reply {
   font-size: 12px;
-  line-height: 1.5;
+  line-height: 1.55;
   margin-bottom: 6px;
-  padding: 8px 10px;
+  padding: 8px 12px;
   border-radius: var(--radius-sm);
 }
 
 .reply.user {
-  background: var(--accent-glow);
+  background: var(--accent-muted);
 }
 
 .reply.agent {
@@ -457,8 +587,8 @@ main {
   font-weight: 600;
   font-size: 10px;
   text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-bottom: 3px;
+  letter-spacing: 0.6px;
+  margin-bottom: 4px;
 }
 
 .reply-from.user { color: var(--accent); }
@@ -468,30 +598,31 @@ main {
 .comment-actions {
   display: flex;
   gap: 6px;
-  margin-top: 10px;
+  margin-top: 12px;
 }
 
 .comment-actions button {
+  font-family: var(--font-sans);
   font-size: 11px;
   font-weight: 500;
-  padding: 5px 12px;
+  padding: 6px 14px;
   border-radius: var(--radius-sm);
   border: 1px solid var(--border);
   background: var(--surface);
   color: var(--text-dim);
   cursor: pointer;
-  transition: all 0.15s;
+  transition: all 0.15s ease;
 }
 
 .comment-actions button:hover {
-  color: var(--text);
+  color: var(--accent);
   border-color: var(--accent);
   background: var(--accent-glow);
 }
 
 /* Reply inline form */
 .reply-form {
-  margin-top: 8px;
+  margin-top: 10px;
 }
 
 .reply-form textarea {
@@ -502,9 +633,9 @@ main {
   color: var(--text);
   border: 1px solid var(--border);
   border-radius: var(--radius-sm);
-  padding: 8px 10px;
+  padding: 8px 12px;
   resize: vertical;
-  transition: border-color 0.2s, box-shadow 0.2s, background 0.3s;
+  transition: border-color 0.2s, box-shadow 0.2s, background 0.4s ease;
 }
 
 .reply-form textarea:focus {
@@ -520,21 +651,26 @@ main {
 }
 
 .reply-form-actions button {
+  font-family: var(--font-sans);
   font-size: 11px;
   font-weight: 600;
-  padding: 5px 14px;
+  padding: 6px 16px;
   border-radius: var(--radius-sm);
   border: none;
   background: var(--accent);
-  color: #fff;
+  color: var(--bg);
   cursor: pointer;
-  transition: background 0.15s;
+  transition: background 0.15s ease, transform 0.1s ease;
 }
 
 .reply-form-actions button:hover {
   background: var(--accent-hover);
 }
 
+.reply-form-actions button:active {
+  transform: scale(0.97);
+}
+
 /* ---- Comment popup ---- */
 .comment-popup {
   position: fixed;
@@ -542,10 +678,31 @@ main {
   background: var(--surface);
   border: 1px solid var(--border);
   border-radius: var(--radius-lg);
-  padding: 16px;
-  width: 320px;
-  box-shadow: var(--shadow-lg);
-  transition: background 0.3s, border-color 0.3s;
+  padding: 18px;
+  width: 340px;
+  box-shadow: var(--shadow-lg), var(--shadow-glow);
+  transition: background 0.4s ease, border-color 0.4s ease;
+  animation: popup-enter 0.2s ease;
+}
+
+@keyframes popup-enter {
+  from {
+    opacity: 0;
+    transform: translateY(4px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+.popup-header {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.8px;
+  color: var(--text-faint);
+  margin-bottom: 6px;
 }
 
 .popup-selection {
@@ -553,14 +710,14 @@ main {
   font-size: 11px;
   color: var(--text-dim);
   background: var(--bg);
-  padding: 8px 10px;
+  padding: 10px 12px;
   border-radius: var(--radius-sm);
-  margin-bottom: 12px;
-  max-height: 56px;
-  overflow: hidden;
-  white-space: pre;
-  text-overflow: ellipsis;
+  margin-bottom: 14px;
+  max-height: 120px;
+  overflow-y: auto;
+  white-space: pre-wrap;
   border-left: 2px solid var(--accent);
+  line-height: 1.5;
 }
 
 .comment-popup textarea {
@@ -573,7 +730,7 @@ main {
   border-radius: var(--radius-sm);
   padding: 10px 12px;
   resize: vertical;
-  transition: border-color 0.2s, box-shadow 0.2s, background 0.3s;
+  transition: border-color 0.2s, box-shadow 0.2s, background 0.4s ease;
 }
 
 .comment-popup textarea:focus {
@@ -585,29 +742,34 @@ main {
 .popup-actions {
   display: flex;
   gap: 8px;
-  margin-top: 12px;
+  margin-top: 14px;
   justify-content: flex-end;
 }
 
 .popup-actions button {
+  font-family: var(--font-sans);
   font-size: 12px;
   font-weight: 600;
-  padding: 7px 18px;
+  padding: 8px 20px;
   border-radius: var(--radius-sm);
   border: none;
   cursor: pointer;
-  transition: all 0.15s;
+  transition: all 0.15s ease;
 }
 
 .popup-actions button#commentSubmit {
   background: var(--accent);
-  color: #fff;
+  color: var(--bg);
 }
 
 .popup-actions button#commentSubmit:hover {
   background: var(--accent-hover);
 }
 
+.popup-actions button#commentSubmit:active {
+  transform: scale(0.97);
+}
+
 .popup-actions button.secondary {
   background: var(--surface-hover);
   color: var(--text-dim);
@@ -621,7 +783,7 @@ main {
 /* ---- Empty state ---- */
 .empty-state {
   text-align: center;
-  padding: 48px 24px;
+  padding: 56px 28px;
   color: var(--text-faint);
   font-size: 13px;
   line-height: 1.7;
@@ -630,20 +792,21 @@ main {
 .empty-state p:first-child {
   font-size: 14px;
   color: var(--text-dim);
-  margin-bottom: 4px;
+  margin-bottom: 6px;
+  font-weight: 500;
 }
 
 /* ---- Scrollbar ---- */
-::-webkit-scrollbar { width: 7px; }
+::-webkit-scrollbar { width: 6px; }
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 100px; }
 ::-webkit-scrollbar-thumb:hover { background: var(--text-faint); }
 
 /* ---- Selection ---- */
 ::selection {
-  background: rgba(124, 159, 245, 0.3);
+  background: rgba(212, 165, 84, 0.25);
 }
 
 [data-theme="light"] ::selection {
-  background: rgba(74, 110, 224, 0.25);
+  background: rgba(176, 125, 46, 0.2);
 }