Skip to content

Comments

Mayank/privado wireframes 2#48

Merged
rakesh-snippyly merged 6 commits intomainfrom
mayank/privado-wireframes-2
Feb 3, 2026
Merged

Mayank/privado wireframes 2#48
rakesh-snippyly merged 6 commits intomainfrom
mayank/privado-wireframes-2

Conversation

@rakesh-snippyly
Copy link
Contributor

@rakesh-snippyly rakesh-snippyly commented Feb 3, 2026

Pull Request

Description

Type of Change

  • New demo application
  • Bug fix
  • Feature enhancement
  • Documentation update
  • Infrastructure/tooling change
  • Other (please describe):

Monorepo Structure Checklist

If adding a new demo, ensure you've followed the 5-level structure:

  • Placed in correct path: apps/<framework>/<document>/<type>/<implementation>/<library-or-solution>/<demo>/
  • Updated package.json with scoped name: @apps/<framework>-<document>-<library-or-solution>-<demo>
  • Created comprehensive README.md in the demo directory
  • Verified build passes: pnpm --filter <package-name> build
  • Verified dev server runs: pnpm --filter <package-name> dev

Deployment Checklist

If this demo should be deployed:

  • Added/updated Vercel project configuration
  • Updated GitHub Actions workflows (if applicable)
  • Verified deployment paths in CI/CD configs

Testing

  • Tested locally with pnpm -w install && pnpm -w build
  • Verified all affected apps still build
  • Tested dev servers for affected apps

Documentation

  • Updated relevant documentation (if needed)
  • Added demo to master-sample-app (if applicable)
  • Updated deployment docs (if applicable)

Related Issues

Screenshots/Videos

Additional Context


For Reviewers

Demo Location

Path: apps/<framework>/<document>/<type>/<implementation>/<library-or-solution>/<demo>/

Package name: @apps/<...>

How to Test

# Install dependencies
pnpm -w install

# Run the specific demo
pnpm --filter @apps/<package-name> dev

# Build the specific demo
pnpm --filter @apps/<package-name> build

Structure Verification

The demo follows the 5-level hierarchy:

  1. Framework:
  2. Document:
  3. Type:
  4. Implementation:
  5. Library/Solution:
  6. Demo:

Documentation: See README_MONOREPO.md and docs/structure.md for more details on the monorepo structure.


Note

Medium Risk
Broad dependency version bump plus non-trivial changes to comment event handling and programmatic submission flows could introduce behavioral regressions in multiple demo apps, but changes are isolated to sample/demo code.

Overview
Upgrades Velt dependencies across the monorepo demos (React + vanilla CRDT demos) by pinning @veltdev/react/@veltdev/types/@veltdev/client to 4.7.8, updating root overrides, pnpm-lock.yaml, and velt-versions.json accordingly.

Enhances the self-hosting forms page-mode demo to better coordinate inline comment tools with the embedded sidebar: tracks an active tool per question, opens/focuses the page-mode composer on tool clicks, selects threads from bubble clicks, and adds new sidebar options (defaultMinimalFilter, openAnnotationInFocusMode) plus autocomplete/assign-to configuration and extensive wireframe/CSS refresh (new icons, assignee banner, empty state, tooltips).

Updates the self-hosting postgres dashboard demo to support programmatic action-comment submission via useCommentUtils by capturing composer text-change annotations, submitting via addCommentAnnotation, and clearing the composer; also tweaks a custom dialog to conditionally show resolve UI and adds CSS to hide empty app-if wrappers. Minor tooling tweaks include tsconfig JSX mode change and backend dev script activating a venv.

Written by Cursor Bugbot for commit da8efe2. This will update automatically on new commits. Configure here.

…onfig.json for improved compatibility, and enhance ActionModal with comment annotation handling and programmatic submission. Refine VeltCommentDialogWf with new assignee banner and conditional rendering for resolve buttons. Add new styles for comment dialog UI elements.
…alog components with improved UI elements, and enhance sidebar functionality. Adjust styles for better visibility and usability in comment-related features.
… enhance styles for autocomplete input and comment tool. Improve visibility and usability of UI elements in the comment dialog.
…t tool functionality. Update VeltCommentBubble and VeltCommentTool wireframes for improved comment visibility and interaction. Refactor styles for better UI consistency in comment-related features.
@vercel
Copy link

vercel bot commented Feb 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
master-sample-app Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-ag-grid-comment-aggregation Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-ag-grid-multiple-tools Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-ag-grid-single-tool Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-codemirror-crdt-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-codemirror-non-react-crdt-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-dashboard-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-dashboard-inline-comments-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-dashboard-mongo-db-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-dashboard-postgres-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-freestyle-comments-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-lexical-comments-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-page-mode-demo Error Error Feb 3, 2026 8:11pm
sample-apps-reactflow-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-slatejs-comments-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-tanstack-comment-aggregation Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-tanstack-multiple-tools Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-tanstack-single-tool Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-tiptap-comments-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-tiptap-crdt-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm
sample-apps-tiptap-non-react-crdt-demo Ready Ready Preview, Comment Feb 3, 2026 8:11pm

Request Review

Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.

if(commentUtils) {
// @ts-ignore
commentUtils.on('composerTextChange').subscribe((event: any) => {
console.log('Text changed:', event);
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Debug console.log statements left in production code

Low Severity

Two console.log statements appear to be debugging code that was accidentally committed. Line 190 logs every composerTextChange event (which could be very noisy), and line 203 logs the result of addCommentAnnotation. These are typical debugging patterns that are usually removed before committing to production code.

Additional Locations (1)

Fix in Cursor Fix in Web

…nsuring consistent versioning for @veltdev/react and @veltdev/types. Refactor package.json files in various demo applications to reflect the updated dependencies, enhancing compatibility and stability.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants