Data Display

Diff Viewer

Live props

Content

oldValue

# Services agreement no. 118/2026
The parties: Acme Software Inc., Chicago, Tax ID 40-1122334, as the Provider,
and Tech Solutions Inc., Tax ID 12-3456789, as the Client.

## Art. 4. Scope of the agreement
The Provider licenses, sets up and maintains the Acme CRM platform
for 25 users, as listed in Appendix 1.
Services are delivered remotely, on business days, between 9:00 AM and 6:00 PM.

## Art. 5. Payment
Monthly fee: $4,990 plus sales tax
The Client pays each invoice within 15 days of receiving it.
Payment is made by bank transfer or in cash at the Provider's office.
Late payment accrues a penalty of 0.1% per day of the amount due, capped at the value of the overdue invoice.

## Art. 6. Term
The agreement runs for 12 months, starting on the date it is signed.
The agreement renews automatically for further 12-month periods unless either party terminates it in writing.
Notice of termination is given at least 30 days before expiry.

## Art. 7. Confidentiality
The parties keep confidential the information received while performing the agreement.
The obligation stays in force for 2 years after the agreement ends.
Public information and information required by a competent authority are not confidential.

## Art. 8.  Force majeure
Force majeure releases the party that invokes it from liability, as provided by law.
The affected party notifies the other party within 5 days of the event.

## Art. 9. Disputes
DISPUTES are settled amicably or, failing that, by the courts of Cook County, Illinois.

## Art. 10. Final provisions
This agreement was signed in two copies, one for each party.

newValue

# Services agreement no. 118/2026
The parties: Acme Software Inc., Chicago, Tax ID 40-1122334, as the Provider,
and Tech Solutions Inc., Tax ID 12-3456789, as the Client.

## Art. 4. Scope of the agreement
The Provider licenses, sets up and maintains the Acme CRM platform
for 40 users, as listed in Appendix 1.
Services are delivered remotely, on business days, between 9:00 AM and 6:00 PM.

## Art. 5. Payment
Monthly fee: $6,490 plus sales tax
The Client pays each invoice within 30 calendar days of the issue date,
by bank transfer to account 4839 2017 5 (routing 021000021) at Chase.
Late payment accrues a penalty of 0.1% per day of the amount due, capped at the value of the overdue invoice.

## Art. 8. Force majeure
Force majeure releases the party that invokes it from liability, as provided by law.
The affected party notifies the other party within 5 days of the event.

## Art. 9. Disputes
Disputes are settled amicably or, failing that, by the courts of Cook County, Illinois.

## Art. 10. Final provisions
This agreement was signed in two copies, one for each party.
Appendices 1 and 2 are an integral part of the agreement.

oldTitle

newTitle

State

defaultView

Appearance

granularity

lineNumbers

language

showStats

toolbar

size

radius

Layout

contextLines3 lines

wrap

maxHeight560px

Behavior

ignoreWhitespace

ignoreCase

Code

import { DiffViewer } from "@/components/ui/diff-viewer"

<DiffViewer />

Pro

v1.0.0Added in 1.0.0

Shows what changed between two texts: split or unified, word highlights, collapsed context, syntax colors and jumps between changes.

Read the change at a glance: removed lines are tinted red with a minus, added lines green with a plus, and the words that changed inside a line are marked. Wide screens show the two versions side by side; phones (and the server render) show one unified column, and the switch in the toolbar, or the ⋯ menu on a phone (a bottom sheet), flips between them with a short crossfade. Long runs of unchanged lines fold into a row that says how many lines hide there: tap it to show them all, or use the arrows beside it to reveal 20 at a time; the new rows fade in. The chevron buttons, or Alt+Down and Alt+Up while focus is anywhere inside the viewer, scroll to the next or previous change, focus it and flash it briefly (no flash with reduced motion), wrapping around at the ends; a screen reader hears Change 2 of 5. The ⋯ menu copies either version and toggles line wrapping, ignoring whitespace and ignoring case; the copy buttons in the column headers do the same per side. Lines scroll sideways inside the viewer with the line numbers pinned, the body scrolls with the keyboard once focused, and every changed line carries a spoken added or removed label.

Add to a project

npx wingo-ui@latest add diff-viewer

Pro item: the CLI needs a Pro account. See plans

Dependencies

diff prism-react-renderer motion lucide-react badge button copy-button dropdown-menu segmented-control tooltip use-clipboard use-controllable-state use-media-query motion ui-config

Files

components/ui/diff-viewer.tsx

Diff Viewer

+7−65 changes

Differences between Agreement v3 · Sep 12, 2026 and Agreement v4 · Sep 24, 2026: 7 additions, 6 deletions
Agreement v3 · Sep 12, 2026Agreement v4 · Sep 24, 2026

44
55	## Art. 4. Scope of the agreement
66	The Provider licenses, sets up and maintains the Acme CRM platform
7	removed: for 25 users, as listed in Appendix 1.
7	added: for 40 users, as listed in Appendix 1.
88	Services are delivered remotely, on business days, between 9:00 AM and 6:00 PM.
99
1010	## Art. 5. Payment
11	removed: Monthly fee: $4,990 plus sales tax
12	removed: The Client pays each invoice within 15 days of receiving it.
13	removed: Payment is made by bank transfer or in cash at the Provider's office.
11	added: Monthly fee: $6,490 plus sales tax
12	added: The Client pays each invoice within 30 calendar days of the issue date,
13	added: by bank transfer to account 4839 2017 5 (routing 021000021) at Chase.
1414	Late payment accrues a penalty of 0.1% per day of the amount due, capped at the value of the overdue invoice.
1515
1616	## Art. 6. Term

2323	The obligation stays in force for 2 years after the agreement ends.
2424	Public information and information required by a competent authority are not confidential.
2525
26	removed: ## Art. 8. Force majeure
26	added: ## Art. 8. Force majeure
2727	Force majeure releases the party that invokes it from liability, as provided by law.
2828	The affected party notifies the other party within 5 days of the event.
2929
3030	## Art. 9. Disputes
31	removed: DISPUTES are settled amicably or, failing that, by the courts of Cook County, Illinois.
31	added: Disputes are settled amicably or, failing that, by the courts of Cook County, Illinois.
3232
3333	## Art. 10. Final provisions
3434	This agreement was signed in two copies, one for each party.
35	added: Appendices 1 and 2 are an integral part of the agreement.

defaultView="auto" · Alt+↓ / Alt+↑ jump between changes

Description ListFile List

Live props

Content

oldValue

# Services agreement no. 118/2026
The parties: Acme Software Inc., Chicago, Tax ID 40-1122334, as the Provider,
and Tech Solutions Inc., Tax ID 12-3456789, as the Client.

## Art. 8.  Force majeure
Force majeure releases the party that invokes it from liability, as provided by law.
The affected party notifies the other party within 5 days of the event.

## Art. 9. Disputes
DISPUTES are settled amicably or, failing that, by the courts of Cook County, Illinois.

## Art. 10. Final provisions
This agreement was signed in two copies, one for each party.

newValue

# Services agreement no. 118/2026
The parties: Acme Software Inc., Chicago, Tax ID 40-1122334, as the Provider,
and Tech Solutions Inc., Tax ID 12-3456789, as the Client.

## Art. 8. Force majeure
Force majeure releases the party that invokes it from liability, as provided by law.
The affected party notifies the other party within 5 days of the event.

## Art. 9. Disputes
Disputes are settled amicably or, failing that, by the courts of Cook County, Illinois.

## Art. 10. Final provisions
This agreement was signed in two copies, one for each party.
Appendices 1 and 2 are an integral part of the agreement.

oldTitle

newTitle

State

defaultView

Appearance

granularity

lineNumbers

language

showStats

toolbar

size

radius

Layout

contextLines3 lines

wrap

maxHeight560px

Behavior

ignoreWhitespace

ignoreCase

Code

import { DiffViewer } from "@/components/ui/diff-viewer"

<DiffViewer />

Pro

v1.0.0Added in 1.0.0

Shows what changed between two texts: split or unified, word highlights, collapsed context, syntax colors and jumps between changes.

Add to a project

npx wingo-ui@latest add diff-viewer

Pro item: the CLI needs a Pro account. See plans

Dependencies

diff prism-react-renderer motion lucide-react badge button copy-button dropdown-menu segmented-control tooltip use-clipboard use-controllable-state use-media-query motion ui-config

Files

components/ui/diff-viewer.tsx

Diff Viewer

Add to a project

Dependencies

Files

See also

Diff Viewer

Add to a project

Dependencies

Files

See also