apostil 0.1.4 → 0.1.6

package/README.md

@@ -7,6 +7,7 @@ Figma-like commenting tool for React & Next.js. Leave comments directly on the W
 - **Smart target detection** — auto-anchors to nearest meaningful element
 - **Project level view** — see every comment across your project in one sidebar, like Figma.
 - **SSR-safe** — works with Next.js App Router
+- **Ships its own CSS** — no Tailwind config needed in your project
 
 ## Quick Start Guide
 
@@ -92,16 +93,24 @@ npm uninstall apostil
 
 ### `<ApostilProvider>`
 
-Core context provider. Use directly for custom setups:
+Core context provider. Use directly for custom setups. When not using `npx apostil init`, import the styles manually:
 
 ```tsx
-<ApostilProvider pageId="my-page" storage={customAdapter}>
+import "apostil/styles.css";
+
+<ApostilProvider pageId="my-page" storage={customAdapter} brandColor="#2563eb">
   {children}
   <CommentOverlay />
   <CommentToggle />
 </ApostilProvider>
 ```
 
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `pageId` | `string` | required | Current page identifier |
+| `storage` | `ApostilStorage` | REST `/api/apostil` | Storage adapter |
+| `brandColor` | `string` | `"#171717"` | Accent color for buttons, tabs, and UI elements |
+
 ### `<CommentOverlay>`
 
 Captures clicks in comment mode. Auto-detects z-index to sit above popovers and modals.

package/dist/cli/index.cjs

@@ -192,6 +192,7 @@ import {
   CommentToggle,
   CommentSidebar,
 } from "apostil";
+import "apostil/styles.css";
 
 export function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}
   const pathname = usePathname();

package/dist/cli/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport fs from \"fs/promises\";\nimport path from \"path\";\n\ntype Mode = \"personal\" | \"dev\" | \"public\";\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nif (command === \"init\") {\n  const mode = parseMode(args.slice(1));\n  init(mode);\n} else if (command === \"remove\") {\n  remove();\n} else if (command === \"help\" || command === \"--help\" || command === \"-h\" || !command) {\n  printHelp();\n} else {\n  console.log(`  Unknown command: ${command}\\n`);\n  printHelp();\n}\n\nfunction parseMode(flags: string[]): Mode {\n  if (flags.includes(\"--dev\")) return \"dev\";\n  if (flags.includes(\"--public\")) return \"public\";\n  return \"personal\";\n}\n\nfunction printHelp() {\n  console.log(`\n  apostil — Pin-and-comment feedback for React & Next.js\n\n  Usage:\n    npx apostil init [mode]   Set up apostil in your Next.js project\n    npx apostil remove        Remove apostil from your project\n    npx apostil help          Show this help\n\n  Modes:\n    (default)    Personal — local dev only, comments gitignored\n    --dev        Dev + staging — comments gitignored, env-controlled\n    --public     All environments — comments committed to git\n`);\n}\n\nasync function init(mode: Mode) {\n  const cwd = process.cwd();\n\n  // Detect Next.js app directory\n  const appDir = await findAppDir(cwd);\n  if (!appDir) {\n    console.log(\"  Could not find a Next.js app/ directory.\");\n    console.log(\"  Make sure you're running this from your project root.\\n\");\n    process.exit(1);\n  }\n\n  // Detect src/ prefix\n  const useSrc = appDir.includes(\"src/app\");\n\n  const modeLabel = mode === \"personal\" ? \"personal\" : mode === \"dev\" ? \"dev\" : \"public\";\n  console.log(`\\n  Setting up apostil (${modeLabel} mode)...\\n`);\n\n  // 1. Create API route\n  const apiDir = path.join(appDir, \"api\", \"apostil\");\n  const apiFile = path.join(apiDir, \"route.ts\");\n  if (await fileExists(apiFile)) {\n    console.log(\"  ✓ API route already exists\");\n  } else {\n    await fs.mkdir(apiDir, { recursive: true });\n    await fs.writeFile(\n      apiFile,\n      `export { GET, POST } from \"apostil/adapters/nextjs\";\\n`,\n      \"utf-8\"\n    );\n    console.log(`  ✓ Created ${rel(cwd, apiFile)}`);\n  }\n\n  // 2. Create wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  await fs.mkdir(componentsDir, { recursive: true });\n  await fs.writeFile(wrapperFile, getWrapperComponent(mode), \"utf-8\");\n  console.log(`  ✓ Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);\n\n  // 3. Create .apostil/ directory for comment storage\n  const commentsDir = path.join(cwd, \".apostil\");\n  await fs.mkdir(commentsDir, { recursive: true });\n  console.log(\"  ✓ Created .apostil/ directory\");\n\n  // 4. Handle .gitignore based on mode\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  let gitignore = \"\";\n  try {\n    gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n  } catch {}\n\n  if (mode === \"public\") {\n    // Public mode: don't gitignore comments — they get committed\n    if (gitignore.includes(\".apostil\")) {\n      console.log(\"  ✓ .gitignore unchanged (public mode — comments will be committed)\");\n    } else {\n      console.log(\"  ✓ Comments will be committed to git (public mode)\");\n    }\n  } else {\n    // Personal & dev: gitignore comments\n    if (!gitignore.includes(\".apostil\")) {\n      const entry = \"\\n# Apostil comments\\n.apostil/\\n\";\n      await fs.appendFile(gitignorePath, entry, \"utf-8\");\n      console.log(\"  ✓ Added .apostil/ to .gitignore\");\n    } else {\n      console.log(\"  ✓ .gitignore already configured\");\n    }\n  }\n\n  // 5. Inject wrapper into root layout\n  const layoutInjected = await injectIntoLayout(appDir, useSrc);\n  if (layoutInjected) {\n    console.log(\"  ✓ Added <ApostilWrapper> to root layout\");\n  }\n\n  console.log(\"\\n  Done! Run your dev server and press C to start commenting.\\n\");\n}\n\nasync function remove() {\n  const cwd = process.cwd();\n  const appDir = await findAppDir(cwd);\n  const useSrc = appDir?.includes(\"src/app\") ?? false;\n\n  console.log(\"\\n  Removing apostil...\\n\");\n\n  // 1. Remove API route\n  if (appDir) {\n    const apiDir = path.join(appDir, \"api\", \"apostil\");\n    if (await fileExists(path.join(apiDir, \"route.ts\"))) {\n      await fs.rm(apiDir, { recursive: true });\n      console.log(\"  ✓ Removed API route\");\n    }\n  }\n\n  // 2. Remove wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  if (await fileExists(wrapperFile)) {\n    await fs.rm(wrapperFile);\n    console.log(\"  ✓ Removed wrapper component\");\n  }\n\n  // 3. Remove wrapper from layout\n  if (appDir) {\n    const unwrapped = await removeFromLayout(appDir);\n    if (unwrapped) {\n      console.log(\"  ✓ Removed <ApostilWrapper> from root layout\");\n    }\n  }\n\n  // 4. Remove .apostil/ directory\n  const commentsDir = path.join(cwd, \".apostil\");\n  if (await fileExists(commentsDir)) {\n    await fs.rm(commentsDir, { recursive: true });\n    console.log(\"  ✓ Removed .apostil/ directory\");\n  }\n\n  // 5. Remove from .gitignore\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  try {\n    let gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n    gitignore = gitignore.replace(/\\n?# Apostil comments\\n\\.apostil\\/\\n?/g, \"\");\n    await fs.writeFile(gitignorePath, gitignore, \"utf-8\");\n    console.log(\"  ✓ Cleaned .gitignore\");\n  } catch {}\n\n  console.log(`\n  Done! Now run: npm uninstall apostil\n`);\n}\n\n// --- Wrapper component template ---\n\nfunction getWrapperComponent(mode: Mode): string {\n  const envGuard = mode === \"personal\"\n    ? `\n  // Personal mode — only active in local development\n  if (process.env.NODE_ENV !== \"development\") {\n    return <>{children}</>;\n  }\n`\n    : mode === \"dev\"\n    ? `\n  // Dev mode — active in dev + staging, disabled in production\n  // Set NEXT_PUBLIC_APOSTIL=true to force on in any environment\n  const forceOn = process.env.NEXT_PUBLIC_APOSTIL === \"true\";\n  if (process.env.NODE_ENV === \"production\" && !forceOn) {\n    return <>{children}</>;\n  }\n`\n    : `\n  // Public mode — active in all environments\n  // Set NEXT_PUBLIC_APOSTIL=false to disable\n  if (process.env.NEXT_PUBLIC_APOSTIL === \"false\") {\n    return <>{children}</>;\n  }\n`;\n\n  return `\"use client\";\n\nimport { usePathname } from \"next/navigation\";\nimport {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}\n  const pathname = usePathname();\n  const pageId = pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";\n\n  return (\n    <ApostilProvider pageId={pageId}>\n      {children}\n      <CommentOverlay />\n      <CommentSidebar />\n      <CommentToggle />\n    </ApostilProvider>\n  );\n}\n`;\n}\n\n// --- Layout injection ---\n\nasync function injectIntoLayout(appDir: string, useSrc: boolean): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  // Skip if already injected\n  if (content.includes(\"ApostilWrapper\")) {\n    console.log(\"  ✓ Layout already has <ApostilWrapper>\");\n    return false;\n  }\n\n  // Add import at the top (after existing imports or \"use\" directives)\n  const importPath = useSrc ? \"@/components/apostil-wrapper\" : \"../components/apostil-wrapper\";\n  const importLine = `import { ApostilWrapper } from \"${importPath}\";\\n`;\n\n  // Find the last import statement and insert after it\n  const importRegex = /^import\\s.+$/gm;\n  let lastImportIndex = 0;\n  let match: RegExpExecArray | null;\n  while ((match = importRegex.exec(content)) !== null) {\n    lastImportIndex = match.index + match[0].length;\n  }\n\n  if (lastImportIndex > 0) {\n    content = content.slice(0, lastImportIndex) + \"\\n\" + importLine + content.slice(lastImportIndex);\n  } else {\n    // No imports found, add at the top (after \"use client\" or \"use server\" if present)\n    const useDirective = content.match(/^[\"']use (client|server)[\"'];?\\n/);\n    const insertAt = useDirective ? useDirective[0].length : 0;\n    content = content.slice(0, insertAt) + importLine + content.slice(insertAt);\n  }\n\n  // Wrap {children} with <ApostilWrapper>\n  // Handle both {children} and { children } patterns inside <body>\n  const bodyChildrenRegex = /(<body[^>]*>)([\\s\\S]*?)(\\{[\\s]*children[\\s]*\\})([\\s\\S]*?)(<\\/body>)/;\n  const bodyMatch = content.match(bodyChildrenRegex);\n\n  if (bodyMatch) {\n    content = content.replace(\n      bodyChildrenRegex,\n      `$1$2<ApostilWrapper>$3</ApostilWrapper>$4$5`\n    );\n  } else {\n    // Fallback: try to find {children} anywhere and wrap it\n    const childrenRegex = /(\\{[\\s]*children[\\s]*\\})/;\n    if (childrenRegex.test(content)) {\n      content = content.replace(childrenRegex, `<ApostilWrapper>$1</ApostilWrapper>`);\n    } else {\n      console.log(\"  ⚠ Could not find {children} in layout — add <ApostilWrapper> manually\");\n      return false;\n    }\n  }\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\nasync function removeFromLayout(appDir: string): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  if (!content.includes(\"ApostilWrapper\")) return false;\n\n  // Remove import line\n  content = content.replace(/import\\s*\\{[^}]*ApostilWrapper[^}]*\\}\\s*from\\s*[\"'][^\"']+[\"'];?\\n?/g, \"\");\n\n  // Unwrap <ApostilWrapper>{children}</ApostilWrapper>\n  content = content.replace(/<ApostilWrapper>([\\s\\S]*?)<\\/ApostilWrapper>/g, \"$1\");\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\n// --- Helpers ---\n\nasync function findAppDir(cwd: string): Promise<string | null> {\n  for (const candidate of [\"src/app\", \"app\"]) {\n    const dir = path.join(cwd, candidate);\n    try {\n      const stat = await fs.stat(dir);\n      if (stat.isDirectory()) return dir;\n    } catch {}\n  }\n  return null;\n}\n\nasync function findLayout(appDir: string): Promise<string | null> {\n  for (const ext of [\"tsx\", \"jsx\", \"ts\", \"js\"]) {\n    const file = path.join(appDir, `layout.${ext}`);\n    if (await fileExists(file)) return file;\n  }\n  return null;\n}\n\nasync function fileExists(p: string): Promise<boolean> {\n  try {\n    await fs.stat(p);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction rel(cwd: string, filePath: string): string {\n  return path.relative(cwd, filePath);\n}\n"],"mappings":"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","names":["path","fs"]}
+{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport fs from \"fs/promises\";\nimport path from \"path\";\n\ntype Mode = \"personal\" | \"dev\" | \"public\";\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nif (command === \"init\") {\n  const mode = parseMode(args.slice(1));\n  init(mode);\n} else if (command === \"remove\") {\n  remove();\n} else if (command === \"help\" || command === \"--help\" || command === \"-h\" || !command) {\n  printHelp();\n} else {\n  console.log(`  Unknown command: ${command}\\n`);\n  printHelp();\n}\n\nfunction parseMode(flags: string[]): Mode {\n  if (flags.includes(\"--dev\")) return \"dev\";\n  if (flags.includes(\"--public\")) return \"public\";\n  return \"personal\";\n}\n\nfunction printHelp() {\n  console.log(`\n  apostil — Pin-and-comment feedback for React & Next.js\n\n  Usage:\n    npx apostil init [mode]   Set up apostil in your Next.js project\n    npx apostil remove        Remove apostil from your project\n    npx apostil help          Show this help\n\n  Modes:\n    (default)    Personal — local dev only, comments gitignored\n    --dev        Dev + staging — comments gitignored, env-controlled\n    --public     All environments — comments committed to git\n`);\n}\n\nasync function init(mode: Mode) {\n  const cwd = process.cwd();\n\n  // Detect Next.js app directory\n  const appDir = await findAppDir(cwd);\n  if (!appDir) {\n    console.log(\"  Could not find a Next.js app/ directory.\");\n    console.log(\"  Make sure you're running this from your project root.\\n\");\n    process.exit(1);\n  }\n\n  // Detect src/ prefix\n  const useSrc = appDir.includes(\"src/app\");\n\n  const modeLabel = mode === \"personal\" ? \"personal\" : mode === \"dev\" ? \"dev\" : \"public\";\n  console.log(`\\n  Setting up apostil (${modeLabel} mode)...\\n`);\n\n  // 1. Create API route\n  const apiDir = path.join(appDir, \"api\", \"apostil\");\n  const apiFile = path.join(apiDir, \"route.ts\");\n  if (await fileExists(apiFile)) {\n    console.log(\"  ✓ API route already exists\");\n  } else {\n    await fs.mkdir(apiDir, { recursive: true });\n    await fs.writeFile(\n      apiFile,\n      `export { GET, POST } from \"apostil/adapters/nextjs\";\\n`,\n      \"utf-8\"\n    );\n    console.log(`  ✓ Created ${rel(cwd, apiFile)}`);\n  }\n\n  // 2. Create wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  await fs.mkdir(componentsDir, { recursive: true });\n  await fs.writeFile(wrapperFile, getWrapperComponent(mode), \"utf-8\");\n  console.log(`  ✓ Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);\n\n  // 3. Create .apostil/ directory for comment storage\n  const commentsDir = path.join(cwd, \".apostil\");\n  await fs.mkdir(commentsDir, { recursive: true });\n  console.log(\"  ✓ Created .apostil/ directory\");\n\n  // 4. Handle .gitignore based on mode\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  let gitignore = \"\";\n  try {\n    gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n  } catch {}\n\n  if (mode === \"public\") {\n    // Public mode: don't gitignore comments — they get committed\n    if (gitignore.includes(\".apostil\")) {\n      console.log(\"  ✓ .gitignore unchanged (public mode — comments will be committed)\");\n    } else {\n      console.log(\"  ✓ Comments will be committed to git (public mode)\");\n    }\n  } else {\n    // Personal & dev: gitignore comments\n    if (!gitignore.includes(\".apostil\")) {\n      const entry = \"\\n# Apostil comments\\n.apostil/\\n\";\n      await fs.appendFile(gitignorePath, entry, \"utf-8\");\n      console.log(\"  ✓ Added .apostil/ to .gitignore\");\n    } else {\n      console.log(\"  ✓ .gitignore already configured\");\n    }\n  }\n\n  // 5. Inject wrapper into root layout\n  const layoutInjected = await injectIntoLayout(appDir, useSrc);\n  if (layoutInjected) {\n    console.log(\"  ✓ Added <ApostilWrapper> to root layout\");\n  }\n\n  console.log(\"\\n  Done! Run your dev server and press C to start commenting.\\n\");\n}\n\nasync function remove() {\n  const cwd = process.cwd();\n  const appDir = await findAppDir(cwd);\n  const useSrc = appDir?.includes(\"src/app\") ?? false;\n\n  console.log(\"\\n  Removing apostil...\\n\");\n\n  // 1. Remove API route\n  if (appDir) {\n    const apiDir = path.join(appDir, \"api\", \"apostil\");\n    if (await fileExists(path.join(apiDir, \"route.ts\"))) {\n      await fs.rm(apiDir, { recursive: true });\n      console.log(\"  ✓ Removed API route\");\n    }\n  }\n\n  // 2. Remove wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  if (await fileExists(wrapperFile)) {\n    await fs.rm(wrapperFile);\n    console.log(\"  ✓ Removed wrapper component\");\n  }\n\n  // 3. Remove wrapper from layout\n  if (appDir) {\n    const unwrapped = await removeFromLayout(appDir);\n    if (unwrapped) {\n      console.log(\"  ✓ Removed <ApostilWrapper> from root layout\");\n    }\n  }\n\n  // 4. Remove .apostil/ directory\n  const commentsDir = path.join(cwd, \".apostil\");\n  if (await fileExists(commentsDir)) {\n    await fs.rm(commentsDir, { recursive: true });\n    console.log(\"  ✓ Removed .apostil/ directory\");\n  }\n\n  // 5. Remove from .gitignore\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  try {\n    let gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n    gitignore = gitignore.replace(/\\n?# Apostil comments\\n\\.apostil\\/\\n?/g, \"\");\n    await fs.writeFile(gitignorePath, gitignore, \"utf-8\");\n    console.log(\"  ✓ Cleaned .gitignore\");\n  } catch {}\n\n  console.log(`\n  Done! Now run: npm uninstall apostil\n`);\n}\n\n// --- Wrapper component template ---\n\nfunction getWrapperComponent(mode: Mode): string {\n  const envGuard = mode === \"personal\"\n    ? `\n  // Personal mode — only active in local development\n  if (process.env.NODE_ENV !== \"development\") {\n    return <>{children}</>;\n  }\n`\n    : mode === \"dev\"\n    ? `\n  // Dev mode — active in dev + staging, disabled in production\n  // Set NEXT_PUBLIC_APOSTIL=true to force on in any environment\n  const forceOn = process.env.NEXT_PUBLIC_APOSTIL === \"true\";\n  if (process.env.NODE_ENV === \"production\" && !forceOn) {\n    return <>{children}</>;\n  }\n`\n    : `\n  // Public mode — active in all environments\n  // Set NEXT_PUBLIC_APOSTIL=false to disable\n  if (process.env.NEXT_PUBLIC_APOSTIL === \"false\") {\n    return <>{children}</>;\n  }\n`;\n\n  return `\"use client\";\n\nimport { usePathname } from \"next/navigation\";\nimport {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\nimport \"apostil/styles.css\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}\n  const pathname = usePathname();\n  const pageId = pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";\n\n  return (\n    <ApostilProvider pageId={pageId}>\n      {children}\n      <CommentOverlay />\n      <CommentSidebar />\n      <CommentToggle />\n    </ApostilProvider>\n  );\n}\n`;\n}\n\n// --- Layout injection ---\n\nasync function injectIntoLayout(appDir: string, useSrc: boolean): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  // Skip if already injected\n  if (content.includes(\"ApostilWrapper\")) {\n    console.log(\"  ✓ Layout already has <ApostilWrapper>\");\n    return false;\n  }\n\n  // Add import at the top (after existing imports or \"use\" directives)\n  const importPath = useSrc ? \"@/components/apostil-wrapper\" : \"../components/apostil-wrapper\";\n  const importLine = `import { ApostilWrapper } from \"${importPath}\";\\n`;\n\n  // Find the last import statement and insert after it\n  const importRegex = /^import\\s.+$/gm;\n  let lastImportIndex = 0;\n  let match: RegExpExecArray | null;\n  while ((match = importRegex.exec(content)) !== null) {\n    lastImportIndex = match.index + match[0].length;\n  }\n\n  if (lastImportIndex > 0) {\n    content = content.slice(0, lastImportIndex) + \"\\n\" + importLine + content.slice(lastImportIndex);\n  } else {\n    // No imports found, add at the top (after \"use client\" or \"use server\" if present)\n    const useDirective = content.match(/^[\"']use (client|server)[\"'];?\\n/);\n    const insertAt = useDirective ? useDirective[0].length : 0;\n    content = content.slice(0, insertAt) + importLine + content.slice(insertAt);\n  }\n\n  // Wrap {children} with <ApostilWrapper>\n  // Handle both {children} and { children } patterns inside <body>\n  const bodyChildrenRegex = /(<body[^>]*>)([\\s\\S]*?)(\\{[\\s]*children[\\s]*\\})([\\s\\S]*?)(<\\/body>)/;\n  const bodyMatch = content.match(bodyChildrenRegex);\n\n  if (bodyMatch) {\n    content = content.replace(\n      bodyChildrenRegex,\n      `$1$2<ApostilWrapper>$3</ApostilWrapper>$4$5`\n    );\n  } else {\n    // Fallback: try to find {children} anywhere and wrap it\n    const childrenRegex = /(\\{[\\s]*children[\\s]*\\})/;\n    if (childrenRegex.test(content)) {\n      content = content.replace(childrenRegex, `<ApostilWrapper>$1</ApostilWrapper>`);\n    } else {\n      console.log(\"  ⚠ Could not find {children} in layout — add <ApostilWrapper> manually\");\n      return false;\n    }\n  }\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\nasync function removeFromLayout(appDir: string): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  if (!content.includes(\"ApostilWrapper\")) return false;\n\n  // Remove import line\n  content = content.replace(/import\\s*\\{[^}]*ApostilWrapper[^}]*\\}\\s*from\\s*[\"'][^\"']+[\"'];?\\n?/g, \"\");\n\n  // Unwrap <ApostilWrapper>{children}</ApostilWrapper>\n  content = content.replace(/<ApostilWrapper>([\\s\\S]*?)<\\/ApostilWrapper>/g, \"$1\");\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\n// --- Helpers ---\n\nasync function findAppDir(cwd: string): Promise<string | null> {\n  for (const candidate of [\"src/app\", \"app\"]) {\n    const dir = path.join(cwd, candidate);\n    try {\n      const stat = await fs.stat(dir);\n      if (stat.isDirectory()) return dir;\n    } catch {}\n  }\n  return null;\n}\n\nasync function findLayout(appDir: string): Promise<string | null> {\n  for (const ext of [\"tsx\", \"jsx\", \"ts\", \"js\"]) {\n    const file = path.join(appDir, `layout.${ext}`);\n    if (await fileExists(file)) return file;\n  }\n  return null;\n}\n\nasync function fileExists(p: string): Promise<boolean> {\n  try {\n    await fs.stat(p);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction rel(cwd: string, filePath: string): string {\n  return path.relative(cwd, filePath);\n}\n"],"mappings":"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","names":["path","fs"]}

package/dist/cli/index.js

@@ -169,6 +169,7 @@ import {
   CommentToggle,
   CommentSidebar,
 } from "apostil";
+import "apostil/styles.css";
 
 export function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}
   const pathname = usePathname();

package/dist/cli/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport fs from \"fs/promises\";\nimport path from \"path\";\n\ntype Mode = \"personal\" | \"dev\" | \"public\";\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nif (command === \"init\") {\n  const mode = parseMode(args.slice(1));\n  init(mode);\n} else if (command === \"remove\") {\n  remove();\n} else if (command === \"help\" || command === \"--help\" || command === \"-h\" || !command) {\n  printHelp();\n} else {\n  console.log(`  Unknown command: ${command}\\n`);\n  printHelp();\n}\n\nfunction parseMode(flags: string[]): Mode {\n  if (flags.includes(\"--dev\")) return \"dev\";\n  if (flags.includes(\"--public\")) return \"public\";\n  return \"personal\";\n}\n\nfunction printHelp() {\n  console.log(`\n  apostil — Pin-and-comment feedback for React & Next.js\n\n  Usage:\n    npx apostil init [mode]   Set up apostil in your Next.js project\n    npx apostil remove        Remove apostil from your project\n    npx apostil help          Show this help\n\n  Modes:\n    (default)    Personal — local dev only, comments gitignored\n    --dev        Dev + staging — comments gitignored, env-controlled\n    --public     All environments — comments committed to git\n`);\n}\n\nasync function init(mode: Mode) {\n  const cwd = process.cwd();\n\n  // Detect Next.js app directory\n  const appDir = await findAppDir(cwd);\n  if (!appDir) {\n    console.log(\"  Could not find a Next.js app/ directory.\");\n    console.log(\"  Make sure you're running this from your project root.\\n\");\n    process.exit(1);\n  }\n\n  // Detect src/ prefix\n  const useSrc = appDir.includes(\"src/app\");\n\n  const modeLabel = mode === \"personal\" ? \"personal\" : mode === \"dev\" ? \"dev\" : \"public\";\n  console.log(`\\n  Setting up apostil (${modeLabel} mode)...\\n`);\n\n  // 1. Create API route\n  const apiDir = path.join(appDir, \"api\", \"apostil\");\n  const apiFile = path.join(apiDir, \"route.ts\");\n  if (await fileExists(apiFile)) {\n    console.log(\"  ✓ API route already exists\");\n  } else {\n    await fs.mkdir(apiDir, { recursive: true });\n    await fs.writeFile(\n      apiFile,\n      `export { GET, POST } from \"apostil/adapters/nextjs\";\\n`,\n      \"utf-8\"\n    );\n    console.log(`  ✓ Created ${rel(cwd, apiFile)}`);\n  }\n\n  // 2. Create wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  await fs.mkdir(componentsDir, { recursive: true });\n  await fs.writeFile(wrapperFile, getWrapperComponent(mode), \"utf-8\");\n  console.log(`  ✓ Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);\n\n  // 3. Create .apostil/ directory for comment storage\n  const commentsDir = path.join(cwd, \".apostil\");\n  await fs.mkdir(commentsDir, { recursive: true });\n  console.log(\"  ✓ Created .apostil/ directory\");\n\n  // 4. Handle .gitignore based on mode\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  let gitignore = \"\";\n  try {\n    gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n  } catch {}\n\n  if (mode === \"public\") {\n    // Public mode: don't gitignore comments — they get committed\n    if (gitignore.includes(\".apostil\")) {\n      console.log(\"  ✓ .gitignore unchanged (public mode — comments will be committed)\");\n    } else {\n      console.log(\"  ✓ Comments will be committed to git (public mode)\");\n    }\n  } else {\n    // Personal & dev: gitignore comments\n    if (!gitignore.includes(\".apostil\")) {\n      const entry = \"\\n# Apostil comments\\n.apostil/\\n\";\n      await fs.appendFile(gitignorePath, entry, \"utf-8\");\n      console.log(\"  ✓ Added .apostil/ to .gitignore\");\n    } else {\n      console.log(\"  ✓ .gitignore already configured\");\n    }\n  }\n\n  // 5. Inject wrapper into root layout\n  const layoutInjected = await injectIntoLayout(appDir, useSrc);\n  if (layoutInjected) {\n    console.log(\"  ✓ Added <ApostilWrapper> to root layout\");\n  }\n\n  console.log(\"\\n  Done! Run your dev server and press C to start commenting.\\n\");\n}\n\nasync function remove() {\n  const cwd = process.cwd();\n  const appDir = await findAppDir(cwd);\n  const useSrc = appDir?.includes(\"src/app\") ?? false;\n\n  console.log(\"\\n  Removing apostil...\\n\");\n\n  // 1. Remove API route\n  if (appDir) {\n    const apiDir = path.join(appDir, \"api\", \"apostil\");\n    if (await fileExists(path.join(apiDir, \"route.ts\"))) {\n      await fs.rm(apiDir, { recursive: true });\n      console.log(\"  ✓ Removed API route\");\n    }\n  }\n\n  // 2. Remove wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  if (await fileExists(wrapperFile)) {\n    await fs.rm(wrapperFile);\n    console.log(\"  ✓ Removed wrapper component\");\n  }\n\n  // 3. Remove wrapper from layout\n  if (appDir) {\n    const unwrapped = await removeFromLayout(appDir);\n    if (unwrapped) {\n      console.log(\"  ✓ Removed <ApostilWrapper> from root layout\");\n    }\n  }\n\n  // 4. Remove .apostil/ directory\n  const commentsDir = path.join(cwd, \".apostil\");\n  if (await fileExists(commentsDir)) {\n    await fs.rm(commentsDir, { recursive: true });\n    console.log(\"  ✓ Removed .apostil/ directory\");\n  }\n\n  // 5. Remove from .gitignore\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  try {\n    let gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n    gitignore = gitignore.replace(/\\n?# Apostil comments\\n\\.apostil\\/\\n?/g, \"\");\n    await fs.writeFile(gitignorePath, gitignore, \"utf-8\");\n    console.log(\"  ✓ Cleaned .gitignore\");\n  } catch {}\n\n  console.log(`\n  Done! Now run: npm uninstall apostil\n`);\n}\n\n// --- Wrapper component template ---\n\nfunction getWrapperComponent(mode: Mode): string {\n  const envGuard = mode === \"personal\"\n    ? `\n  // Personal mode — only active in local development\n  if (process.env.NODE_ENV !== \"development\") {\n    return <>{children}</>;\n  }\n`\n    : mode === \"dev\"\n    ? `\n  // Dev mode — active in dev + staging, disabled in production\n  // Set NEXT_PUBLIC_APOSTIL=true to force on in any environment\n  const forceOn = process.env.NEXT_PUBLIC_APOSTIL === \"true\";\n  if (process.env.NODE_ENV === \"production\" && !forceOn) {\n    return <>{children}</>;\n  }\n`\n    : `\n  // Public mode — active in all environments\n  // Set NEXT_PUBLIC_APOSTIL=false to disable\n  if (process.env.NEXT_PUBLIC_APOSTIL === \"false\") {\n    return <>{children}</>;\n  }\n`;\n\n  return `\"use client\";\n\nimport { usePathname } from \"next/navigation\";\nimport {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}\n  const pathname = usePathname();\n  const pageId = pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";\n\n  return (\n    <ApostilProvider pageId={pageId}>\n      {children}\n      <CommentOverlay />\n      <CommentSidebar />\n      <CommentToggle />\n    </ApostilProvider>\n  );\n}\n`;\n}\n\n// --- Layout injection ---\n\nasync function injectIntoLayout(appDir: string, useSrc: boolean): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  // Skip if already injected\n  if (content.includes(\"ApostilWrapper\")) {\n    console.log(\"  ✓ Layout already has <ApostilWrapper>\");\n    return false;\n  }\n\n  // Add import at the top (after existing imports or \"use\" directives)\n  const importPath = useSrc ? \"@/components/apostil-wrapper\" : \"../components/apostil-wrapper\";\n  const importLine = `import { ApostilWrapper } from \"${importPath}\";\\n`;\n\n  // Find the last import statement and insert after it\n  const importRegex = /^import\\s.+$/gm;\n  let lastImportIndex = 0;\n  let match: RegExpExecArray | null;\n  while ((match = importRegex.exec(content)) !== null) {\n    lastImportIndex = match.index + match[0].length;\n  }\n\n  if (lastImportIndex > 0) {\n    content = content.slice(0, lastImportIndex) + \"\\n\" + importLine + content.slice(lastImportIndex);\n  } else {\n    // No imports found, add at the top (after \"use client\" or \"use server\" if present)\n    const useDirective = content.match(/^[\"']use (client|server)[\"'];?\\n/);\n    const insertAt = useDirective ? useDirective[0].length : 0;\n    content = content.slice(0, insertAt) + importLine + content.slice(insertAt);\n  }\n\n  // Wrap {children} with <ApostilWrapper>\n  // Handle both {children} and { children } patterns inside <body>\n  const bodyChildrenRegex = /(<body[^>]*>)([\\s\\S]*?)(\\{[\\s]*children[\\s]*\\})([\\s\\S]*?)(<\\/body>)/;\n  const bodyMatch = content.match(bodyChildrenRegex);\n\n  if (bodyMatch) {\n    content = content.replace(\n      bodyChildrenRegex,\n      `$1$2<ApostilWrapper>$3</ApostilWrapper>$4$5`\n    );\n  } else {\n    // Fallback: try to find {children} anywhere and wrap it\n    const childrenRegex = /(\\{[\\s]*children[\\s]*\\})/;\n    if (childrenRegex.test(content)) {\n      content = content.replace(childrenRegex, `<ApostilWrapper>$1</ApostilWrapper>`);\n    } else {\n      console.log(\"  ⚠ Could not find {children} in layout — add <ApostilWrapper> manually\");\n      return false;\n    }\n  }\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\nasync function removeFromLayout(appDir: string): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  if (!content.includes(\"ApostilWrapper\")) return false;\n\n  // Remove import line\n  content = content.replace(/import\\s*\\{[^}]*ApostilWrapper[^}]*\\}\\s*from\\s*[\"'][^\"']+[\"'];?\\n?/g, \"\");\n\n  // Unwrap <ApostilWrapper>{children}</ApostilWrapper>\n  content = content.replace(/<ApostilWrapper>([\\s\\S]*?)<\\/ApostilWrapper>/g, \"$1\");\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\n// --- Helpers ---\n\nasync function findAppDir(cwd: string): Promise<string | null> {\n  for (const candidate of [\"src/app\", \"app\"]) {\n    const dir = path.join(cwd, candidate);\n    try {\n      const stat = await fs.stat(dir);\n      if (stat.isDirectory()) return dir;\n    } catch {}\n  }\n  return null;\n}\n\nasync function findLayout(appDir: string): Promise<string | null> {\n  for (const ext of [\"tsx\", \"jsx\", \"ts\", \"js\"]) {\n    const file = path.join(appDir, `layout.${ext}`);\n    if (await fileExists(file)) return file;\n  }\n  return null;\n}\n\nasync function fileExists(p: string): Promise<boolean> {\n  try {\n    await fs.stat(p);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction rel(cwd: string, filePath: string): string {\n  return path.relative(cwd, filePath);\n}\n"],"mappings":";;;AAEA,OAAO,QAAQ;AACf,OAAO,UAAU;AAIjB,IAAM,OAAO,QAAQ,KAAK,MAAM,CAAC;AACjC,IAAM,UAAU,KAAK,CAAC;AAEtB,IAAI,YAAY,QAAQ;AACtB,QAAM,OAAO,UAAU,KAAK,MAAM,CAAC,CAAC;AACpC,OAAK,IAAI;AACX,WAAW,YAAY,UAAU;AAC/B,SAAO;AACT,WAAW,YAAY,UAAU,YAAY,YAAY,YAAY,QAAQ,CAAC,SAAS;AACrF,YAAU;AACZ,OAAO;AACL,UAAQ,IAAI,sBAAsB,OAAO;AAAA,CAAI;AAC7C,YAAU;AACZ;AAEA,SAAS,UAAU,OAAuB;AACxC,MAAI,MAAM,SAAS,OAAO,EAAG,QAAO;AACpC,MAAI,MAAM,SAAS,UAAU,EAAG,QAAO;AACvC,SAAO;AACT;AAEA,SAAS,YAAY;AACnB,UAAQ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAYb;AACD;AAEA,eAAe,KAAK,MAAY;AAC9B,QAAM,MAAM,QAAQ,IAAI;AAGxB,QAAM,SAAS,MAAM,WAAW,GAAG;AACnC,MAAI,CAAC,QAAQ;AACX,YAAQ,IAAI,4CAA4C;AACxD,YAAQ,IAAI,2DAA2D;AACvE,YAAQ,KAAK,CAAC;AAAA,EAChB;AAGA,QAAM,SAAS,OAAO,SAAS,SAAS;AAExC,QAAM,YAAY,SAAS,aAAa,aAAa,SAAS,QAAQ,QAAQ;AAC9E,UAAQ,IAAI;AAAA,wBAA2B,SAAS;AAAA,CAAa;AAG7D,QAAM,SAAS,KAAK,KAAK,QAAQ,OAAO,SAAS;AACjD,QAAM,UAAU,KAAK,KAAK,QAAQ,UAAU;AAC5C,MAAI,MAAM,WAAW,OAAO,GAAG;AAC7B,YAAQ,IAAI,mCAA8B;AAAA,EAC5C,OAAO;AACL,UAAM,GAAG,MAAM,QAAQ,EAAE,WAAW,KAAK,CAAC;AAC1C,UAAM,GAAG;AAAA,MACP;AAAA,MACA;AAAA;AAAA,MACA;AAAA,IACF;AACA,YAAQ,IAAI,oBAAe,IAAI,KAAK,OAAO,CAAC,EAAE;AAAA,EAChD;AAGA,QAAM,gBAAgB,KAAK,KAAK,KAAK,SAAS,mBAAmB,YAAY;AAC7E,QAAM,cAAc,KAAK,KAAK,eAAe,qBAAqB;AAClE,QAAM,GAAG,MAAM,eAAe,EAAE,WAAW,KAAK,CAAC;AACjD,QAAM,GAAG,UAAU,aAAa,oBAAoB,IAAI,GAAG,OAAO;AAClE,UAAQ,IAAI,oBAAe,IAAI,KAAK,WAAW,CAAC,KAAK,SAAS,QAAQ;AAGtE,QAAM,cAAc,KAAK,KAAK,KAAK,UAAU;AAC7C,QAAM,GAAG,MAAM,aAAa,EAAE,WAAW,KAAK,CAAC;AAC/C,UAAQ,IAAI,sCAAiC;AAG7C,QAAM,gBAAgB,KAAK,KAAK,KAAK,YAAY;AACjD,MAAI,YAAY;AAChB,MAAI;AACF,gBAAY,MAAM,GAAG,SAAS,eAAe,OAAO;AAAA,EACtD,QAAQ;AAAA,EAAC;AAET,MAAI,SAAS,UAAU;AAErB,QAAI,UAAU,SAAS,UAAU,GAAG;AAClC,cAAQ,IAAI,+EAAqE;AAAA,IACnF,OAAO;AACL,cAAQ,IAAI,0DAAqD;AAAA,IACnE;AAAA,EACF,OAAO;AAEL,QAAI,CAAC,UAAU,SAAS,UAAU,GAAG;AACnC,YAAM,QAAQ;AACd,YAAM,GAAG,WAAW,eAAe,OAAO,OAAO;AACjD,cAAQ,IAAI,wCAAmC;AAAA,IACjD,OAAO;AACL,cAAQ,IAAI,wCAAmC;AAAA,IACjD;AAAA,EACF;AAGA,QAAM,iBAAiB,MAAM,iBAAiB,QAAQ,MAAM;AAC5D,MAAI,gBAAgB;AAClB,YAAQ,IAAI,gDAA2C;AAAA,EACzD;AAEA,UAAQ,IAAI,kEAAkE;AAChF;AAEA,eAAe,SAAS;AACtB,QAAM,MAAM,QAAQ,IAAI;AACxB,QAAM,SAAS,MAAM,WAAW,GAAG;AACnC,QAAM,SAAS,QAAQ,SAAS,SAAS,KAAK;AAE9C,UAAQ,IAAI,2BAA2B;AAGvC,MAAI,QAAQ;AACV,UAAM,SAAS,KAAK,KAAK,QAAQ,OAAO,SAAS;AACjD,QAAI,MAAM,WAAW,KAAK,KAAK,QAAQ,UAAU,CAAC,GAAG;AACnD,YAAM,GAAG,GAAG,QAAQ,EAAE,WAAW,KAAK,CAAC;AACvC,cAAQ,IAAI,4BAAuB;AAAA,IACrC;AAAA,EACF;AAGA,QAAM,gBAAgB,KAAK,KAAK,KAAK,SAAS,mBAAmB,YAAY;AAC7E,QAAM,cAAc,KAAK,KAAK,eAAe,qBAAqB;AAClE,MAAI,MAAM,WAAW,WAAW,GAAG;AACjC,UAAM,GAAG,GAAG,WAAW;AACvB,YAAQ,IAAI,oCAA+B;AAAA,EAC7C;AAGA,MAAI,QAAQ;AACV,UAAM,YAAY,MAAM,iBAAiB,MAAM;AAC/C,QAAI,WAAW;AACb,cAAQ,IAAI,oDAA+C;AAAA,IAC7D;AAAA,EACF;AAGA,QAAM,cAAc,KAAK,KAAK,KAAK,UAAU;AAC7C,MAAI,MAAM,WAAW,WAAW,GAAG;AACjC,UAAM,GAAG,GAAG,aAAa,EAAE,WAAW,KAAK,CAAC;AAC5C,YAAQ,IAAI,sCAAiC;AAAA,EAC/C;AAGA,QAAM,gBAAgB,KAAK,KAAK,KAAK,YAAY;AACjD,MAAI;AACF,QAAI,YAAY,MAAM,GAAG,SAAS,eAAe,OAAO;AACxD,gBAAY,UAAU,QAAQ,0CAA0C,EAAE;AAC1E,UAAM,GAAG,UAAU,eAAe,WAAW,OAAO;AACpD,YAAQ,IAAI,6BAAwB;AAAA,EACtC,QAAQ;AAAA,EAAC;AAET,UAAQ,IAAI;AAAA;AAAA,CAEb;AACD;AAIA,SAAS,oBAAoB,MAAoB;AAC/C,QAAM,WAAW,SAAS,aACtB;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAS,QACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQJ,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+EAUsE,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcvF;AAIA,eAAe,iBAAiB,QAAgB,QAAmC;AACjF,QAAM,aAAa,MAAM,WAAW,MAAM;AAC1C,MAAI,CAAC,WAAY,QAAO;AAExB,MAAI,UAAU,MAAM,GAAG,SAAS,YAAY,OAAO;AAGnD,MAAI,QAAQ,SAAS,gBAAgB,GAAG;AACtC,YAAQ,IAAI,8CAAyC;AACrD,WAAO;AAAA,EACT;AAGA,QAAM,aAAa,SAAS,iCAAiC;AAC7D,QAAM,aAAa,mCAAmC,UAAU;AAAA;AAGhE,QAAM,cAAc;AACpB,MAAI,kBAAkB;AACtB,MAAI;AACJ,UAAQ,QAAQ,YAAY,KAAK,OAAO,OAAO,MAAM;AACnD,sBAAkB,MAAM,QAAQ,MAAM,CAAC,EAAE;AAAA,EAC3C;AAEA,MAAI,kBAAkB,GAAG;AACvB,cAAU,QAAQ,MAAM,GAAG,eAAe,IAAI,OAAO,aAAa,QAAQ,MAAM,eAAe;AAAA,EACjG,OAAO;AAEL,UAAM,eAAe,QAAQ,MAAM,kCAAkC;AACrE,UAAM,WAAW,eAAe,aAAa,CAAC,EAAE,SAAS;AACzD,cAAU,QAAQ,MAAM,GAAG,QAAQ,IAAI,aAAa,QAAQ,MAAM,QAAQ;AAAA,EAC5E;AAIA,QAAM,oBAAoB;AAC1B,QAAM,YAAY,QAAQ,MAAM,iBAAiB;AAEjD,MAAI,WAAW;AACb,cAAU,QAAQ;AAAA,MAChB;AAAA,MACA;AAAA,IACF;AAAA,EACF,OAAO;AAEL,UAAM,gBAAgB;AACtB,QAAI,cAAc,KAAK,OAAO,GAAG;AAC/B,gBAAU,QAAQ,QAAQ,eAAe,qCAAqC;AAAA,IAChF,OAAO;AACL,cAAQ,IAAI,mFAAyE;AACrF,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,GAAG,UAAU,YAAY,SAAS,OAAO;AAC/C,SAAO;AACT;AAEA,eAAe,iBAAiB,QAAkC;AAChE,QAAM,aAAa,MAAM,WAAW,MAAM;AAC1C,MAAI,CAAC,WAAY,QAAO;AAExB,MAAI,UAAU,MAAM,GAAG,SAAS,YAAY,OAAO;AAEnD,MAAI,CAAC,QAAQ,SAAS,gBAAgB,EAAG,QAAO;AAGhD,YAAU,QAAQ,QAAQ,uEAAuE,EAAE;AAGnG,YAAU,QAAQ,QAAQ,iDAAiD,IAAI;AAE/E,QAAM,GAAG,UAAU,YAAY,SAAS,OAAO;AAC/C,SAAO;AACT;AAIA,eAAe,WAAW,KAAqC;AAC7D,aAAW,aAAa,CAAC,WAAW,KAAK,GAAG;AAC1C,UAAM,MAAM,KAAK,KAAK,KAAK,SAAS;AACpC,QAAI;AACF,YAAM,OAAO,MAAM,GAAG,KAAK,GAAG;AAC9B,UAAI,KAAK,YAAY,EAAG,QAAO;AAAA,IACjC,QAAQ;AAAA,IAAC;AAAA,EACX;AACA,SAAO;AACT;AAEA,eAAe,WAAW,QAAwC;AAChE,aAAW,OAAO,CAAC,OAAO,OAAO,MAAM,IAAI,GAAG;AAC5C,UAAM,OAAO,KAAK,KAAK,QAAQ,UAAU,GAAG,EAAE;AAC9C,QAAI,MAAM,WAAW,IAAI,EAAG,QAAO;AAAA,EACrC;AACA,SAAO;AACT;AAEA,eAAe,WAAW,GAA6B;AACrD,MAAI;AACF,UAAM,GAAG,KAAK,CAAC;AACf,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,IAAI,KAAa,UAA0B;AAClD,SAAO,KAAK,SAAS,KAAK,QAAQ;AACpC;","names":[]}
+{"version":3,"sources":["../../src/cli/index.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport fs from \"fs/promises\";\nimport path from \"path\";\n\ntype Mode = \"personal\" | \"dev\" | \"public\";\n\nconst args = process.argv.slice(2);\nconst command = args[0];\n\nif (command === \"init\") {\n  const mode = parseMode(args.slice(1));\n  init(mode);\n} else if (command === \"remove\") {\n  remove();\n} else if (command === \"help\" || command === \"--help\" || command === \"-h\" || !command) {\n  printHelp();\n} else {\n  console.log(`  Unknown command: ${command}\\n`);\n  printHelp();\n}\n\nfunction parseMode(flags: string[]): Mode {\n  if (flags.includes(\"--dev\")) return \"dev\";\n  if (flags.includes(\"--public\")) return \"public\";\n  return \"personal\";\n}\n\nfunction printHelp() {\n  console.log(`\n  apostil — Pin-and-comment feedback for React & Next.js\n\n  Usage:\n    npx apostil init [mode]   Set up apostil in your Next.js project\n    npx apostil remove        Remove apostil from your project\n    npx apostil help          Show this help\n\n  Modes:\n    (default)    Personal — local dev only, comments gitignored\n    --dev        Dev + staging — comments gitignored, env-controlled\n    --public     All environments — comments committed to git\n`);\n}\n\nasync function init(mode: Mode) {\n  const cwd = process.cwd();\n\n  // Detect Next.js app directory\n  const appDir = await findAppDir(cwd);\n  if (!appDir) {\n    console.log(\"  Could not find a Next.js app/ directory.\");\n    console.log(\"  Make sure you're running this from your project root.\\n\");\n    process.exit(1);\n  }\n\n  // Detect src/ prefix\n  const useSrc = appDir.includes(\"src/app\");\n\n  const modeLabel = mode === \"personal\" ? \"personal\" : mode === \"dev\" ? \"dev\" : \"public\";\n  console.log(`\\n  Setting up apostil (${modeLabel} mode)...\\n`);\n\n  // 1. Create API route\n  const apiDir = path.join(appDir, \"api\", \"apostil\");\n  const apiFile = path.join(apiDir, \"route.ts\");\n  if (await fileExists(apiFile)) {\n    console.log(\"  ✓ API route already exists\");\n  } else {\n    await fs.mkdir(apiDir, { recursive: true });\n    await fs.writeFile(\n      apiFile,\n      `export { GET, POST } from \"apostil/adapters/nextjs\";\\n`,\n      \"utf-8\"\n    );\n    console.log(`  ✓ Created ${rel(cwd, apiFile)}`);\n  }\n\n  // 2. Create wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  await fs.mkdir(componentsDir, { recursive: true });\n  await fs.writeFile(wrapperFile, getWrapperComponent(mode), \"utf-8\");\n  console.log(`  ✓ Created ${rel(cwd, wrapperFile)} (${modeLabel} mode)`);\n\n  // 3. Create .apostil/ directory for comment storage\n  const commentsDir = path.join(cwd, \".apostil\");\n  await fs.mkdir(commentsDir, { recursive: true });\n  console.log(\"  ✓ Created .apostil/ directory\");\n\n  // 4. Handle .gitignore based on mode\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  let gitignore = \"\";\n  try {\n    gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n  } catch {}\n\n  if (mode === \"public\") {\n    // Public mode: don't gitignore comments — they get committed\n    if (gitignore.includes(\".apostil\")) {\n      console.log(\"  ✓ .gitignore unchanged (public mode — comments will be committed)\");\n    } else {\n      console.log(\"  ✓ Comments will be committed to git (public mode)\");\n    }\n  } else {\n    // Personal & dev: gitignore comments\n    if (!gitignore.includes(\".apostil\")) {\n      const entry = \"\\n# Apostil comments\\n.apostil/\\n\";\n      await fs.appendFile(gitignorePath, entry, \"utf-8\");\n      console.log(\"  ✓ Added .apostil/ to .gitignore\");\n    } else {\n      console.log(\"  ✓ .gitignore already configured\");\n    }\n  }\n\n  // 5. Inject wrapper into root layout\n  const layoutInjected = await injectIntoLayout(appDir, useSrc);\n  if (layoutInjected) {\n    console.log(\"  ✓ Added <ApostilWrapper> to root layout\");\n  }\n\n  console.log(\"\\n  Done! Run your dev server and press C to start commenting.\\n\");\n}\n\nasync function remove() {\n  const cwd = process.cwd();\n  const appDir = await findAppDir(cwd);\n  const useSrc = appDir?.includes(\"src/app\") ?? false;\n\n  console.log(\"\\n  Removing apostil...\\n\");\n\n  // 1. Remove API route\n  if (appDir) {\n    const apiDir = path.join(appDir, \"api\", \"apostil\");\n    if (await fileExists(path.join(apiDir, \"route.ts\"))) {\n      await fs.rm(apiDir, { recursive: true });\n      console.log(\"  ✓ Removed API route\");\n    }\n  }\n\n  // 2. Remove wrapper component\n  const componentsDir = path.join(cwd, useSrc ? \"src/components\" : \"components\");\n  const wrapperFile = path.join(componentsDir, \"apostil-wrapper.tsx\");\n  if (await fileExists(wrapperFile)) {\n    await fs.rm(wrapperFile);\n    console.log(\"  ✓ Removed wrapper component\");\n  }\n\n  // 3. Remove wrapper from layout\n  if (appDir) {\n    const unwrapped = await removeFromLayout(appDir);\n    if (unwrapped) {\n      console.log(\"  ✓ Removed <ApostilWrapper> from root layout\");\n    }\n  }\n\n  // 4. Remove .apostil/ directory\n  const commentsDir = path.join(cwd, \".apostil\");\n  if (await fileExists(commentsDir)) {\n    await fs.rm(commentsDir, { recursive: true });\n    console.log(\"  ✓ Removed .apostil/ directory\");\n  }\n\n  // 5. Remove from .gitignore\n  const gitignorePath = path.join(cwd, \".gitignore\");\n  try {\n    let gitignore = await fs.readFile(gitignorePath, \"utf-8\");\n    gitignore = gitignore.replace(/\\n?# Apostil comments\\n\\.apostil\\/\\n?/g, \"\");\n    await fs.writeFile(gitignorePath, gitignore, \"utf-8\");\n    console.log(\"  ✓ Cleaned .gitignore\");\n  } catch {}\n\n  console.log(`\n  Done! Now run: npm uninstall apostil\n`);\n}\n\n// --- Wrapper component template ---\n\nfunction getWrapperComponent(mode: Mode): string {\n  const envGuard = mode === \"personal\"\n    ? `\n  // Personal mode — only active in local development\n  if (process.env.NODE_ENV !== \"development\") {\n    return <>{children}</>;\n  }\n`\n    : mode === \"dev\"\n    ? `\n  // Dev mode — active in dev + staging, disabled in production\n  // Set NEXT_PUBLIC_APOSTIL=true to force on in any environment\n  const forceOn = process.env.NEXT_PUBLIC_APOSTIL === \"true\";\n  if (process.env.NODE_ENV === \"production\" && !forceOn) {\n    return <>{children}</>;\n  }\n`\n    : `\n  // Public mode — active in all environments\n  // Set NEXT_PUBLIC_APOSTIL=false to disable\n  if (process.env.NEXT_PUBLIC_APOSTIL === \"false\") {\n    return <>{children}</>;\n  }\n`;\n\n  return `\"use client\";\n\nimport { usePathname } from \"next/navigation\";\nimport {\n  ApostilProvider,\n  CommentOverlay,\n  CommentToggle,\n  CommentSidebar,\n} from \"apostil\";\nimport \"apostil/styles.css\";\n\nexport function ApostilWrapper({ children }: { children: React.ReactNode }) {${envGuard}\n  const pathname = usePathname();\n  const pageId = pathname.replace(/\\\\//g, \"--\").replace(/^--/, \"\") || \"home\";\n\n  return (\n    <ApostilProvider pageId={pageId}>\n      {children}\n      <CommentOverlay />\n      <CommentSidebar />\n      <CommentToggle />\n    </ApostilProvider>\n  );\n}\n`;\n}\n\n// --- Layout injection ---\n\nasync function injectIntoLayout(appDir: string, useSrc: boolean): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  // Skip if already injected\n  if (content.includes(\"ApostilWrapper\")) {\n    console.log(\"  ✓ Layout already has <ApostilWrapper>\");\n    return false;\n  }\n\n  // Add import at the top (after existing imports or \"use\" directives)\n  const importPath = useSrc ? \"@/components/apostil-wrapper\" : \"../components/apostil-wrapper\";\n  const importLine = `import { ApostilWrapper } from \"${importPath}\";\\n`;\n\n  // Find the last import statement and insert after it\n  const importRegex = /^import\\s.+$/gm;\n  let lastImportIndex = 0;\n  let match: RegExpExecArray | null;\n  while ((match = importRegex.exec(content)) !== null) {\n    lastImportIndex = match.index + match[0].length;\n  }\n\n  if (lastImportIndex > 0) {\n    content = content.slice(0, lastImportIndex) + \"\\n\" + importLine + content.slice(lastImportIndex);\n  } else {\n    // No imports found, add at the top (after \"use client\" or \"use server\" if present)\n    const useDirective = content.match(/^[\"']use (client|server)[\"'];?\\n/);\n    const insertAt = useDirective ? useDirective[0].length : 0;\n    content = content.slice(0, insertAt) + importLine + content.slice(insertAt);\n  }\n\n  // Wrap {children} with <ApostilWrapper>\n  // Handle both {children} and { children } patterns inside <body>\n  const bodyChildrenRegex = /(<body[^>]*>)([\\s\\S]*?)(\\{[\\s]*children[\\s]*\\})([\\s\\S]*?)(<\\/body>)/;\n  const bodyMatch = content.match(bodyChildrenRegex);\n\n  if (bodyMatch) {\n    content = content.replace(\n      bodyChildrenRegex,\n      `$1$2<ApostilWrapper>$3</ApostilWrapper>$4$5`\n    );\n  } else {\n    // Fallback: try to find {children} anywhere and wrap it\n    const childrenRegex = /(\\{[\\s]*children[\\s]*\\})/;\n    if (childrenRegex.test(content)) {\n      content = content.replace(childrenRegex, `<ApostilWrapper>$1</ApostilWrapper>`);\n    } else {\n      console.log(\"  ⚠ Could not find {children} in layout — add <ApostilWrapper> manually\");\n      return false;\n    }\n  }\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\nasync function removeFromLayout(appDir: string): Promise<boolean> {\n  const layoutPath = await findLayout(appDir);\n  if (!layoutPath) return false;\n\n  let content = await fs.readFile(layoutPath, \"utf-8\");\n\n  if (!content.includes(\"ApostilWrapper\")) return false;\n\n  // Remove import line\n  content = content.replace(/import\\s*\\{[^}]*ApostilWrapper[^}]*\\}\\s*from\\s*[\"'][^\"']+[\"'];?\\n?/g, \"\");\n\n  // Unwrap <ApostilWrapper>{children}</ApostilWrapper>\n  content = content.replace(/<ApostilWrapper>([\\s\\S]*?)<\\/ApostilWrapper>/g, \"$1\");\n\n  await fs.writeFile(layoutPath, content, \"utf-8\");\n  return true;\n}\n\n// --- Helpers ---\n\nasync function findAppDir(cwd: string): Promise<string | null> {\n  for (const candidate of [\"src/app\", \"app\"]) {\n    const dir = path.join(cwd, candidate);\n    try {\n      const stat = await fs.stat(dir);\n      if (stat.isDirectory()) return dir;\n    } catch {}\n  }\n  return null;\n}\n\nasync function findLayout(appDir: string): Promise<string | null> {\n  for (const ext of [\"tsx\", \"jsx\", \"ts\", \"js\"]) {\n    const file = path.join(appDir, `layout.${ext}`);\n    if (await fileExists(file)) return file;\n  }\n  return null;\n}\n\nasync function fileExists(p: string): Promise<boolean> {\n  try {\n    await fs.stat(p);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction rel(cwd: string, filePath: string): string {\n  return path.relative(cwd, filePath);\n}\n"],"mappings":"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","names":[]}

package/dist/index.cjs

@@ -150,6 +150,7 @@ var ApostilContext = (0, import_react.createContext)(null);
 function ApostilProvider({
   pageId,
   storage,
+  brandColor = "#171717",
   children
 }) {
   const adapter = storage ?? defaultAdapter;
@@ -167,6 +168,7 @@ function ApostilProvider({
   (0, import_react.useEffect)(() => {
     pageIdRef.current = pageId;
     setLoaded(false);
+    hadThreadsRef.current = false;
     debug.log("loading threads for pageId:", pageId);
     adapter.load(pageId).then((t) => {
       if (pageIdRef.current === pageId) {
@@ -176,10 +178,17 @@ function ApostilProvider({
       }
     });
   }, [pageId]);
+  const hadThreadsRef = (0, import_react.useRef)(false);
   (0, import_react.useEffect)(() => {
-    if (loaded && pageIdRef.current === pageId && threads.length > 0) {
+    if (!loaded || pageIdRef.current !== pageId) return;
+    if (threads.length > 0) {
+      hadThreadsRef.current = true;
       debug.log("saving", threads.length, "threads for pageId:", pageId);
       adapter.save(pageId, threads);
+    } else if (hadThreadsRef.current) {
+      debug.log("saving empty threads for pageId:", pageId);
+      adapter.save(pageId, threads);
+      hadThreadsRef.current = false;
     }
   }, [threads, pageId, loaded]);
   const setUser = (0, import_react.useCallback)((name) => {
@@ -241,6 +250,7 @@ function ApostilProvider({
     commentMode,
     activeThreadId,
     sidebarOpen,
+    brandColor,
     setCommentMode,
     setActiveThreadId,
     setSidebarOpen,
@@ -586,11 +596,14 @@ function CommentComposer({
   placeholder = "Add a comment...",
   autoFocus = false
 }) {
+  const { brandColor } = useApostil();
   const [value, setValue] = (0, import_react3.useState)("");
   const inputRef = (0, import_react3.useRef)(null);
   (0, import_react3.useEffect)(() => {
     if (autoFocus) {
-      inputRef.current?.focus();
+      requestAnimationFrame(() => {
+        inputRef.current?.focus();
+      });
     }
   }, [autoFocus]);
   const handleSubmit = () => {
@@ -622,7 +635,8 @@ function CommentComposer({
       {
         onClick: handleSubmit,
         disabled: !value.trim(),
-        className: "flex items-center justify-center w-8 h-8 rounded-lg\n                   bg-neutral-900 text-white disabled:opacity-30\n                   hover:bg-neutral-700 transition-colors shrink-0",
+        className: "flex items-center justify-center w-8 h-8 rounded-lg\n                   text-white disabled:opacity-30\n                   transition-colors shrink-0",
+        style: { backgroundColor: brandColor },
         children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Send, { className: "w-3.5 h-3.5" })
       }
     )
@@ -649,9 +663,17 @@ function ApostilThreadPopover({
   const ref = (0, import_react4.useRef)(null);
   const isOpen = activeThreadId === thread.id;
   const [pos, setPos] = (0, import_react4.useState)(null);
+  const [flip, setFlip] = (0, import_react4.useState)({ x: false, y: false });
   const updatePos = (0, import_react4.useCallback)(() => {
     setPos(resolvePosition(thread, overlayRef.current));
   }, [thread, overlayRef]);
+  (0, import_react4.useEffect)(() => {
+    if (!isOpen || !pos || !ref.current) return;
+    const rect = ref.current.getBoundingClientRect();
+    const flipX = rect.right > window.innerWidth;
+    const flipY = rect.bottom > window.innerHeight;
+    setFlip({ x: flipX, y: flipY });
+  }, [isOpen, pos]);
   (0, import_react4.useEffect)(() => {
     if (!isOpen) return;
     updatePos();
@@ -680,8 +702,14 @@ function ApostilThreadPopover({
     "div",
     {
       ref,
-      className: "absolute z-[70] ml-5 -mt-3",
-      style: { left: pos.left, top: pos.top },
+      className: "absolute z-[70]",
+      style: {
+        left: pos.left,
+        top: pos.top,
+        marginLeft: flip.x ? -340 : 20,
+        marginTop: flip.y ? -12 : -12,
+        ...flip.y ? { transform: "translateY(-100%)" } : {}
+      },
       onClick: (e) => e.stopPropagation(),
       children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "w-80 bg-white rounded-xl shadow-2xl border border-neutral-200 overflow-hidden", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-neutral-100 bg-neutral-50", children: [
@@ -747,7 +775,7 @@ function ApostilThreadPopover({
 var import_react5 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function UserPrompt() {
-  const { user, setUser, commentMode } = useApostil();
+  const { user, setUser, commentMode, brandColor } = useApostil();
   const [name, setName] = (0, import_react5.useState)("");
   if (user || !commentMode) return null;
   const handleSubmit = () => {
@@ -783,7 +811,8 @@ function UserPrompt() {
           {
             onClick: handleSubmit,
             disabled: !name.trim(),
-            className: "w-full py-2 rounded-lg bg-neutral-900 text-white text-sm font-medium\n                     disabled:opacity-30 hover:bg-neutral-700 transition-colors",
+            className: "w-full py-2 rounded-lg text-white text-sm font-medium\n                     disabled:opacity-30 transition-colors",
+            style: { backgroundColor: brandColor },
             children: "Continue"
           }
         )
@@ -934,10 +963,12 @@ function findCommentTarget(el, boundary) {
   };
 }
 function CommentOverlay() {
-  const { threads, commentMode, setCommentMode, user, addThread, setActiveThreadId } = useApostil();
+  const { threads, commentMode, setCommentMode, user, addThread, setActiveThreadId, brandColor } = useApostil();
   const overlayRef = (0, import_react6.useRef)(null);
   const [pendingPin, setPendingPin] = (0, import_react6.useState)(null);
   const [pendingPixel, setPendingPixel] = (0, import_react6.useState)(null);
+  const pendingRef = (0, import_react6.useRef)(null);
+  const [pendingFlip, setPendingFlip] = (0, import_react6.useState)({ x: false, y: false });
   const handleClick = (0, import_react6.useCallback)(
     (e) => {
       if (!commentMode || !overlayRef.current) return;
@@ -1014,6 +1045,17 @@ function CommentOverlay() {
     setPendingPixel(null);
     setCommentMode(false);
   }, [setCommentMode]);
+  (0, import_react6.useEffect)(() => {
+    if (!pendingPin || !pendingRef.current) return;
+    requestAnimationFrame(() => {
+      if (!pendingRef.current) return;
+      const rect = pendingRef.current.getBoundingClientRect();
+      setPendingFlip({
+        x: rect.right > window.innerWidth,
+        y: rect.bottom > window.innerHeight
+      });
+    });
+  }, [pendingPin]);
   (0, import_react6.useEffect)(() => {
     const hash = window.location.hash;
     console.log("[apostil] hash check:", hash, "threads:", threads.length, threads.map((t) => t.id));
@@ -1098,35 +1140,46 @@ function CommentOverlay() {
                     children: "+"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute ml-5 -mt-3 w-72", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-white rounded-xl shadow-2xl border border-neutral-200 p-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-neutral-500", children: "New comment" }),
-                    pendingPin.targetLabel && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[10px] bg-blue-50 text-blue-600 px-1.5 py-0.5 rounded font-medium", children: pendingPin.targetLabel })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                    CommentComposer,
-                    {
-                      onSubmit: handleNewComment,
-                      placeholder: "What's on your mind?",
-                      autoFocus: true
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                    "button",
-                    {
-                      onClick: cancelPending,
-                      className: "mt-2 text-xs text-neutral-400 hover:text-neutral-600 transition-colors",
-                      children: "Cancel"
-                    }
-                  )
-                ] }) })
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                  "div",
+                  {
+                    ref: pendingRef,
+                    className: "absolute w-72",
+                    style: {
+                      marginLeft: pendingFlip.x ? -308 : 20,
+                      marginTop: pendingFlip.y ? void 0 : -12,
+                      ...pendingFlip.y ? { bottom: 0 } : {}
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-white rounded-xl shadow-2xl border border-neutral-200 p-3", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-neutral-500", children: "New comment" }),
+                        pendingPin.targetLabel && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-[10px] bg-blue-50 text-blue-600 px-1.5 py-0.5 rounded font-medium", children: pendingPin.targetLabel })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                        CommentComposer,
+                        {
+                          onSubmit: handleNewComment,
+                          placeholder: "What's on your mind?",
+                          autoFocus: true
+                        }
+                      )
+                    ] })
+                  }
+                )
               ]
             }
           )
         ]
       }
     ),
-    commentMode && !pendingPin && !showingUserPrompt && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-[60] pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "bg-neutral-900/80 text-white text-sm px-4 py-2 rounded-full backdrop-blur-sm", children: "Click anywhere to add a comment" }) }),
+    commentMode && !pendingPin && !showingUserPrompt && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-[60] pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "div",
+      {
+        className: "text-white text-sm px-4 py-2 rounded-full backdrop-blur-sm",
+        style: { backgroundColor: `color-mix(in oklab, ${brandColor} 80%, transparent)` },
+        children: "Click anywhere to add a comment"
+      }
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UserPrompt, {})
   ] });
 }
@@ -1140,7 +1193,8 @@ function CommentToggle() {
     sidebarOpen,
     setSidebarOpen,
     unresolvedCount,
-    setActiveThreadId
+    setActiveThreadId,
+    brandColor
   } = useApostil();
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "absolute bottom-5 right-5 z-[65] flex flex-col gap-2 items-end", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -1149,7 +1203,8 @@ function CommentToggle() {
         onClick: () => setSidebarOpen(!sidebarOpen),
         className: `flex items-center justify-center w-10 h-10 rounded-full shadow-lg
                     transition-all duration-200 hover:scale-105
-                    ${sidebarOpen ? "bg-neutral-900 text-white" : "bg-white text-neutral-600 hover:bg-neutral-50 border border-neutral-200"}`,
+                    ${sidebarOpen ? "text-white" : "bg-white text-neutral-600 hover:bg-neutral-50 border border-neutral-200"}`,
+        style: sidebarOpen ? { backgroundColor: brandColor } : void 0,
         title: "Toggle comment list",
         children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(List, { className: "w-4 h-4" })
       }
@@ -1167,7 +1222,8 @@ function CommentToggle() {
         },
         className: `relative flex items-center justify-center w-12 h-12 rounded-full shadow-lg
                     transition-all duration-200 hover:scale-105
-                    ${commentMode ? "bg-neutral-900 text-white ring-2 ring-neutral-400" : "bg-white text-neutral-700 hover:bg-neutral-50 border border-neutral-200"}`,
+                    ${commentMode ? "text-white ring-2 ring-neutral-400" : "bg-white text-neutral-700 hover:bg-neutral-50 border border-neutral-200"}`,
+        style: commentMode ? { backgroundColor: brandColor } : void 0,
         title: commentMode ? "Exit comment mode" : "Add comment",
         children: [
           commentMode ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(X, { className: "w-5 h-5" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MessageSquare, { className: "w-5 h-5" }),
@@ -1200,7 +1256,8 @@ function CommentSidebar() {
     sidebarOpen,
     setSidebarOpen,
     setActiveThreadId,
-    resolveThread
+    resolveThread,
+    brandColor
   } = useApostil();
   const [tab, setTab] = (0, import_react7.useState)("page");
   const [allPages, setAllPages] = (0, import_react7.useState)([]);
@@ -1244,7 +1301,8 @@ function CommentSidebar() {
         "button",
         {
           onClick: () => setTab("page"),
-          className: `flex-1 flex items-center justify-center gap-1.5 py-2 text-xs font-medium transition-colors ${tab === "page" ? "text-neutral-900 border-b-2 border-neutral-900" : "text-neutral-400 hover:text-neutral-600"}`,
+          className: `flex-1 flex items-center justify-center gap-1.5 py-2 text-xs font-medium transition-colors ${tab === "page" ? "border-b-2" : "text-neutral-400 hover:text-neutral-600"}`,
+          style: tab === "page" ? { color: brandColor, borderColor: brandColor } : void 0,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FileText, { className: "w-3 h-3" }),
             "This Page",
@@ -1256,7 +1314,8 @@ function CommentSidebar() {
         "button",
         {
           onClick: () => setTab("all"),
-          className: `flex-1 flex items-center justify-center gap-1.5 py-2 text-xs font-medium transition-colors ${tab === "all" ? "text-neutral-900 border-b-2 border-neutral-900" : "text-neutral-400 hover:text-neutral-600"}`,
+          className: `flex-1 flex items-center justify-center gap-1.5 py-2 text-xs font-medium transition-colors ${tab === "all" ? "border-b-2" : "text-neutral-400 hover:text-neutral-600"}`,
+          style: tab === "all" ? { color: brandColor, borderColor: brandColor } : void 0,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Globe, { className: "w-3 h-3" }),
             "All Pages"