npx @replyke/cli add comments-threaded

src/components/comments-threaded/          # Your componentsPath
├── index.ts                                # Barrel export (entry point)
├── components/                             # All UI components (20 files)
│   ├── threaded-comment-section.tsx       # Main component
│   ├── new-comment-form.tsx               # Top-level comment form
│   ├── mention-suggestions.tsx            # @ mention autocomplete
│   ├── comments-feed/
│   │   ├── comments-feed.tsx              # Feed container
│   │   ├── loaded-comments.tsx            # Renders comment list
│   │   ├── fetching-comments-skeletons.tsx # Loading states
│   │   ├── no-comments-placeholder.tsx    # Empty state
│   │   └── comment-thread/
│   │       ├── comment-thread.tsx         # Thread with replies
│   │       ├── comment-replies.tsx        # Reply list
│   │       ├── action-menu.tsx            # Edit/delete/report menu
│   │       ├── new-reply-form.tsx         # Reply form
│   │       └── single-comment/
│   │           ├── single-comment.tsx     # Individual comment
│   │           ├── vote-buttons.tsx       # Upvote/downvote
│   │           ├── reply-button-and-info.tsx
│   │           ├── toggle-replies-visibility.tsx
│   │           └── indentation-threading-lines.tsx
│   └── modals/
│       ├── comment-menu-modal/            # Report modal (3 files)
│       └── comment-menu-modal-owner/      # Owner actions (1 file)
├── hooks/                                  # React hooks (2 files)
│   ├── use-threaded-comments.tsx          # Main comment logic hook
│   └── use-ui-state.tsx                   # UI state management
├── utils/                                  # Utilities (1 file)
│   └── prop-comparison.ts                 # Memoization helpers
└── context/                                # React context (1 file)
    └── ui-state-context.tsx               # Modal & theme context

$ npx @replyke/cli add comments-threaded

✅ Successfully installed comments-threaded!

📁 Files added to: src/components/comments-threaded/
📦 Total files: 25

Required dependencies:
  - @replyke/react-js@^6.0.0
  - @replyke/ui-core-react-js@^6.0.0

Usage:
  import { ThreadedCommentSection } from './components/comments-threaded';

  <ThreadedCommentSection entityId="your-entity-id" />

Next steps:
  1. Wrap your app with <ReplykeProvider>
  2. Import and use the component
  3. Customize by editing the source files directly

import { ThreadedCommentSection } from './components/comments-threaded';

function BlogPost({ post }) {
  return (
    <div>
      <h1>{post.title}</h1>
      <article>{post.content}</article>

      {/* Add threaded comments */}
      <ThreadedCommentSection
        entityId={post.id}
      />
    </div>
  );
}

// Edit: src/components/comments-threaded/components/single-comment/single-comment.tsx

<span style={{
  color: '#9333EA' // Changed from default blue
}}>
  {author.name}
</span>

// Edit: src/components/comments-threaded/components/threaded-comment-section.tsx

return (
  <div>
    {/* Add custom header */}
    <h2>Discussion ({totalComments} comments)</h2>

    <NewCommentForm />
    <CommentsFeed />
  </div>
);