{"id":921,"date":"2025-07-25T14:14:30","date_gmt":"2025-07-25T21:14:30","guid":{"rendered":"https:\/\/sysprogs.com\/tutorials\/?p=921"},"modified":"2025-07-25T14:14:30","modified_gmt":"2025-07-25T21:14:30","slug":"advanced-change-reviewing","status":"publish","type":"post","link":"https:\/\/sysprogs.com\/CodeVROOM\/documentation\/features\/diffs\/","title":{"rendered":"Advanced Change Reviewing"},"content":{"rendered":"

One of the good uses for AI in large projects is scattered refactoring. A prompt like “Route AdvancedScopePresenter to PlacedComponent._Presenter via ctors +update children<\/strong>” can quickly edit 3 different constructors and update 7 call sites in just about 1 second of time.<\/p>\n

If you are not willing to trust every AI edit, and want to review the proposed changes, CodeVROOM provides several mechanisms to make it easier for you:\"\"<\/a><\/p>\n

Outline View<\/h1>\n

CodeVROOM has built-in awareness of the hierarchical structure of the edited source files. So, it can map the AI-suggested edits to specific classes, methods and other symbols in the source file, and allows viewing the changes in the outline view:\"\"<\/a>The numbers correspond to separately added\/removed blocks, not lines or characters. E.g. in the example above, the _Presenter<\/strong> field is completely new, and the Text() constructor got 2 new blocks.<\/p>\n

One glance at the outline is often enough to see if the model misunderstood the request, and quickly retry it, or switch to a smarter model.<\/p>\n

Condensed View<\/h1>\n

If the AI changes are limited to a handful of fields or methods, CodeVROOM can collapse the unchanged ones, so you won’t need to scroll half way across the source file to get to the next change:\"\"<\/a><\/p>\n

You can always expand them back via the outlining bar to the left, or disable condensed view via the change reviewing bar.<\/p>\n

And, unlike viewing raw diffs, this view still presents the hierarchical structure of the code, so you can see that Text()\u00a0<\/strong>is a constructor for the Text<\/strong> class inside PlaceComponent<\/strong> class.<\/p>\n

Side-by-Side Mode<\/h1>\n

Trivial code changes are easy to review inline. E.g. it’s obvious what got removed and what got added here:\"\"<\/a><\/p>\n

Others are not so easy:\"\"<\/a>Sure Presenter<\/strong> got changed, but what was there before? Showing presenter<\/s>Presenter would not make things less confusing. So, CodeVROOM has a switch to quickly toggle between inline diff and side-by-side diff (default hotkey is Ctrl+\\):\"\"<\/a><\/p>\n

You can use inline view for trivial changes, and side-by-side view if you need more details.<\/p>\n

Navigating Through Changes<\/h1>\n

You can quickly accept a change and go to the next one by pressing Ctrl+Enter, or reject one by pressing Ctrl+Backspace. Buttons in the reviewing bar, or context menu will work equally fine. You can also select a block of text covering multiple changes, and accept\/reject them in bulk.<\/p>\n

The changes are also color-coded in the scroll bar:\"\"<\/a>Filled rectangles mean whole lines got added\/removed. Hollow rectangles correspond to in-line changes (green means added tokens, red – removed tokens, yellow – replaced tokens). Red and green side-by-side means different types of changes too close together to show distinctly.<\/p>\n

The navigation bar view can be especially useful when asking AI to add new fields, or route some data through function calls. The most common AI mistake would be trying to optimize a similar construct elsewhere in the code, and it will immediately get highlighted as either changed or removed token.<\/p>\n

File Filters<\/h1>\n

If you are asking AI to do changes to multiple files, CodeVROOM can automatically filter the Files window accordingly:\"\"<\/a>You can see the changed files, quickly understand what folder\/project they belong to, and even see the number of remaining unconfirmed changes inside them.<\/p>\n","protected":false},"excerpt":{"rendered":"

One of the good uses for AI in large projects is scattered refactoring. A prompt like “Route AdvancedScopePresenter to PlacedComponent._Presenter<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67],"tags":[],"_links":{"self":[{"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/posts\/921"}],"collection":[{"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/comments?post=921"}],"version-history":[{"count":1,"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/posts\/921\/revisions"}],"predecessor-version":[{"id":935,"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/posts\/921\/revisions\/935"}],"wp:attachment":[{"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/media?parent=921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/categories?post=921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sysprogs.com\/tutorials\/wp-json\/wp\/v2\/tags?post=921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}