# User Transition Guide (from iDesktop to React Rapid Workplace)
This guide is intended for existing users of the Intellectus iDesktop client to help them transition to React Rapid Workplace's new interface and changes to work item processing workflows.

## Table of Contents
- [User Transition Guide (from iDesktop to React Rapid Workplace)](#user-transition-guide-from-idesktop-to-react-rapid-workplace)
  - [Table of Contents](#table-of-contents)
  - [Introduction](#introduction)
  - [User Interface](#user-interface)
    - [Logging in](#logging-in)
    - [Selecting a work item](#selecting-a-work-item)
    - [Selecting documents](#selecting-documents)
    - [Editing folder fields](#editing-folder-fields)
    - [Viewing tracking records](#viewing-tracking-records)
    - [Viewing and adding notes](#viewing-and-adding-notes)
    - [Uploading new documents](#uploading-new-documents)
    - [Updating document template fields](#updating-document-template-fields)
    - [Duplicating, rotating, printing, merging, and deleting documents](#duplicating-rotating-printing-merging-and-deleting-documents)
    - [Sending documents to translations](#sending-documents-to-translations)
    - [Duplicating, splitting, printing, and deleting pages](#duplicating-splitting-printing-and-deleting-pages)
    - [Rotating pages](#rotating-pages)
    - [Zooming in/out](#zooming-inout)
    - [Annotating a document](#annotating-a-document)
    - [Image cleanup](#image-cleanup)
    - [Scan interface](#scan-interface)
    - [Closing and forwarding work items](#closing-and-forwarding-work-items)
    - [Auto-open mode](#auto-open-mode)
  - [Hotkeys (Keyboard Shortcuts)](#hotkeys-keyboard-shortcuts)
    - [iDesktop's hotkeys (as of September 2025)](#idesktops-hotkeys-as-of-september-2025)
    - [React Rapid Workplace's hotkeys](#react-rapid-workplaces-hotkeys)
  - [Live Service Model](#live-service-model)
    - [Opening a work item](#opening-a-work-item)
    - [Duplicating/splitting/merging documents](#duplicatingsplittingmerging-documents)
    - [Deleting documents](#deleting-documents)
    - [Saving changes](#saving-changes)

## Introduction
React Rapid Workplace is a successor application to the iDesktop client used by employees at Intellectus to process work items (containing documents). The purpose of React Rapid Workplace is to provide a refreshed, modern, and powerful user interface for organizing, reviewing, and annotating documents using the latest web technologies. As a side effect of being a web-based application (even if distributed as a desktop application), there are a number of limitations versus a desktop-native application such as iDesktop.

## User Interface
React Rapid Workplace was designed with iDesktop users in mind, however the new user interface may feel unfamiliar at first. The application has two main pages: the Home page, where work items are listed and selected for processing, and the Processing pages, where work item information is displayed and documents can be manipulated. The Processing page contains most of the controls that iDesktop users would recognize, but their placement and functionalities have changed somewhat.

### Logging in
Like iDesktop, users must log in before work items can be displayed for selection and processing. The login window in iDesktop looks like this:

![Screenshot of iDesktop login window](screenshots/Logging%20in%20-%20iDesktop.png)

In React Rapid Workplace, the entire application is contained within a single window, and login is its own page:

![Screenshot of React Rapid Workplace login view](screenshots/Logging%20in%20-%20RWP.png)

Other than the differences in the user interface, login works the same as in iDesktop. Simply enter your username and password (and domain, if your system administrator allows), then click "Log In".

### Selecting a work item
In iDesktop, the "Open" tab in the top menu bar is used to select a process and queue to list work items. Once a queue is selected, a new window appears with a table listing work items:

![Screenshot of the "Open" tab in iDesktop](screenshots/Selecting%20Process%20and%20Queue%20-%20iDesktop.png)
![Screenshot of work items list in iDesktop](screenshots/Listing%20Work%20Items%20-%20iDesktop.png)

In React Rapid Workplace, the process and queue are selected from dropdown menus found on the Home page. Once a queue is selected, a table to the right of those dropdown menus is populated with the list of work items:

![Screenshot of process/queue dropdowns in RWP](screenshots/Selecting%20Process%20and%20Queue%20-%20RWP.png)
![Screenshot of work items list in RWP](screenshots/Listing%20Work%20Items%20-%20RWP.png)

### Selecting documents
In iDesktop, all the documents in a work item are displayed in a tree structure on the left side of the main window (under the "Contents" tab). The pages are listed under each document, with the page thumbnails displayed to the right of the tree and to the left of the current page being shown for editing.

![Screenshot of document tree view and thumbnails in iDesktop](screenshots/Listing%20Documents%20-%20iDesktop.png)

In React Rapid Workplace, the documents are displayed in a similar tree structure under the "Folder" section. The work item folder name is also shown, but the page numbers are not listed under each document. This is due to a limitation with the document editor plugin used in React Rapid Workplace, which only provides information about the number of pages in a document when the document is actively loaded in the editor.

![Screenshot of document tree view in RWP](screenshots/Listing%20Documents%20-%20RWP.png)

To make up for the lack of detail, the number of documents in the work item is shown as a badge next to the folder name, and the number of pages in a document is shown as a badge next to the document name whenever that document is selected for editing.

The thumbnails for the currently selected document are shown in the editor element to the right of the Fields, Notes, & Tracking panel:

![Screenshot of document thumbnails in RWP](screenshots/Page%20Thumbnails%20-%20RWP.png)

### Editing folder fields
In iDesktop, a work item's folder fields can be edited by selecting the "Folder" tab in the leftmost panel of the main window and modifying the values in the text boxes:

![Screenshot of folder fields in iDesktop](screenshots/Folder%20Fields%20-%20iDesktop.png)

In React Rapid Workplace, the work item folder must be selected in the document tree by clicking on the folder name. The folder fields are then displayed in the "Fields" tab of the Fields, Notes, & Tracking panel in the middle of the Processing page:

![Screenshot of folder node being selected in RWP](screenshots/Folder%20Node%20Selected%20-%20RWP.png)
![Screenshot of folder fields in RWP](screenshots/Folder%20Fields%20-%20RWP.png)

### Viewing tracking records
In iDesktop, work item tracking records can be viewed by selecting the "Tracking" tab in the leftmost panel of the main window:

![Screenshot of tracking records in iDesktop](screenshots/Viewing%20Tracking%20-%20iDesktop.png)

In React Rapid Workplace, tracking records can be viewed by selecting the "Tracking" tab of the Fields, Notes, & Tracking panel in the middle of the Processing page:

![Screenshot of tracking in RWP](screenshots/Viewing%20Tracking%20-%20RWP.png)

The tracking records are displayed regardless of whether the work item folder is selected in the document tree.

### Viewing and adding notes
In iDesktop, work item notes can be viewed and added by selecting the "Notes" tab in the leftmost panel of the main window:

![Screenshot of work item notes in iDesktop](screenshots/Notes%20-%20iDesktop.png)

In React Rapid Workplace, notes can be added to both the work item folder and individual documents. To view and add notes for the work item (not an individual document), the work item folder must be selected in the document tree by clicking on the folder name. To view and add notes for an individual document, the document must be selected in the document tree by clicking on its name.

Once either the folder or a document is selected, its notes and the text box to add a new note are displayed in the "Notes" tab of the Fields, Notes, & Tracking panel in the middle of the Processing page:

![Screenshot of folder notes in RWP](screenshots/Folder%20Notes%20-%20RWP.png)
![Screenshot of document notes in RWP](screenshots/Document%20Notes%20-%20RWP.png)

### Uploading new documents
In iDesktop, documents can be uploaded to a work item by clicking the "Open" button in the top button bar, by clicking the "File" -> "Open Document" menu item in the top menu bar, or by dragging and dropping a file onto the document tree:

![Screenshot of "Open" button in iDesktop](screenshots/Open%20Document%20-%20iDesktop.png)

In React Rapid Workplace, documents can be uploaded to a work item by clicking the "Upload document" button in the "Folder" panel to the leftmost side of the Processing page, by dragging and dropping a file onto the gray upload box below the document action buttons, or by clicking within the gray upload box below the document action buttons:

![Screenshot of "Upload document" button and drop zone in RWP](screenshots/Upload%20Document%20-%20RWP.png)

### Updating document template fields
In iDesktop, cover pages can be added for documents in certain processes (such as CF EDocs) by editing the document template fields in the "Document" tab that appears in the bottom left of the main window:

![Screenshot of "Document" tab in iDesktop](screenshots/Document%20Template%20Fields%20-%20iDesktop.png)

In React Rapid Workplace, cover pages are not added in the editor interface and are instead added based on the values of document template fields during export. To edit these fields for a document, the document must be selected in the document tree. Then, the document template fields appear in the "Fields" tab of the Fields, Notes, & Tracking panel in the middle of the Processing page:

![Screenshot of document template fields in RWP](screenshots/Document%20Template%20Fields%20-%20RWP.png)

### Duplicating, rotating, printing, merging, and deleting documents
In iDesktop, operations like duplicating, rotating, printing, merging, and deleting documents can be performed by right-clicking the document in the document tree:

![Screenshot of document operations dialog in iDesktop](screenshots/Duplicating,%20Printing,%20Deleting%20Documents,%20etc.%20-%20iDesktop.png)

In React Rapid Workplace, these operations have corresponding buttons at the top of the "Folder" panel on the leftmost side of the Processing page:

![Screenshot of document action buttons in RWP](screenshots/Document%20Action%20Buttons%20-%20RWP.png)

Each button has a tooltip that explains its function, which appears when hovered over with a mouse.

### Sending documents to translations
In iDesktop, documents can be sent to the translations process corresponding to the current process by right-clicking the document in the document tree and selecting "Send to Translations":

![Screenshot of document operations dialog in iDesktop](screenshots/Duplicating,%20Printing,%20Deleting%20Documents,%20etc.%20-%20iDesktop.png)

In React Rapid Workplace, it is not yet possible to send documents to a translations process. This functionality will be implemented in an upcoming release of React Rapid Workplace, and it will work slightly differently from iDesktop.

### Duplicating, splitting, printing, and deleting pages
In iDesktop, operations like duplicating, splitting, printing, and deleting pages can be performed by right-clicking a page in the document tree, listed under a document:

![Screenshot of page operations dialog in iDesktop](screenshots/Duplicating,%20Printing,%20Deleting%20Pages,%20etc.%20-%20iDesktop.png)

In React Rapid Workplace, these operations are performed differently:
1. To duplicate/delete a page or split a document at a given page, click the "Page Actions" dropdown button displayed under the page's thumbnail in the Thumbnail View of the document editor panel and select the relevant menu item.

![Screenshot of Page Actions dropdown in RWP](screenshots/Page%20Actions%20-%20RWP.png)

2. To print a single page, use the same button used to print a document (found in the "Folder" panel on the left side of the Processing page). Then, simply use the system print dialog to print only the page you want to print.

![Screenshot of print button in RWP](screenshots/Document%20Action%20Buttons%20-%20RWP.png)
![Screenshot of print dialog with page number changed in RWP](screenshots/Single%20Page%20Print%20-%20RWP.png)

### Rotating pages
In iDesktop, the current page displayed for annotation in the main window can be rotated either left or right using the "left" and "right" buttons found in the top button bar, or by selecting the corresponding menu options in the "Image Display" menu bar item:

![Screenshot of page rotation buttons in iDesktop](screenshots/Rotate%20Buttons%20-%20iDesktop.png)

In React Rapid Workplace, individual pages can be rotated by clicking the "Page Actions" dropdown button displayed under the page's thumbnail in the Thumbnail View of the document editor panel and selecting the relevant menu item.

![Screenshot of Page Actions dropdown in RWP](screenshots/Page%20Actions%20-%20RWP.png)

### Zooming in/out
In iDesktop, the current page displayed for annotation in the main window can be zoomed in or out using the zoom buttons in the top button bar, or by selecting the corresponding menu options in the "Image Display" menu bar item:

![Screenshot of zoom buttons in iDesktop](screenshots/Zoom%20Buttons%20-%20iDesktop.png)

In React Rapid Workplace, the zoom controls are found in the top menu bar of the document editor panel to the rightmost side of the Processing page:

![Screenshot of zoom controls in RWP](screenshots/Zoom%20Buttons%20-%20RWP.png)

### Annotating a document
In iDesktop, three types of annotation can be added to a document: text annotations, highlight boxes, and stamp annotations. Each use corresponding buttons in the top button bar:

![Screenshot of annotation buttons in iDesktop](screenshots/Annotation%20Buttons%20-%20iDesktop.png)

In React Rapid Workplace, each of these annotations can be added but with slightly different methods:
1. Text annotations can be added using the "Free Text" button in the annotation toolbar of the document editor panel.

![Screenshot of "Free Text" button in RWP](screenshots/Free%20Text%20Button%20-%20RWP.png)

2. Highlight boxes can be added using the "Add Shapes" button in the annotation toolbar of the document editor panel. When a rectangle shape annotation is selected and drawn on a page, it automatically has a semi-transparent yellow background suitable for highlighting text.

![Screenshot of rectangle annotation button in RWP](screenshots/Add%20Rectangle%20Button%20-%20RWP.png)
![Screenshot of highlight rectangle annotation in RWP](screenshots/Highlight%20Rectangle%20-%20RWP.png)

3. Stamp annotations can be added using the "Add Stamp" dropdown menu in the annotation toolbar of the document editor panel. When a stamp annotation (including an auto-generated signature image for the logged-in user) is selected, it is added to the page.

![Screenshot of stamp annotation dropdown in RWP](screenshots/Add%20Stamp%20Menu%20-%20RWP.png)
![Screenshot of stamp annotation on page in RWP](screenshots/Unreadable%20Stamp%20-%20RWP.png)

### Image cleanup
iDesktop provides a variety of image cleanup functions (such as: border crop, line removal, deskew, etc.) through a dialog that appears when the "Image Cleanup" item is clicked in the top menu bar:

![Screenshot of image cleanup window in iDesktop](screenshots/Image%20Cleanup%20-%20iDesktop.png)

Because React Rapid Workplace is a web application, it cannot natively provide these image cleanup operations. To work around this limitation, it integrates with a standalone companion application called "RWP Companion". RWP Companion is available for Windows computers and must be installed by your system administrator.

Once the RWP Companion is installed and opened on your computer, a window with all the buttons and text grayed out is shown:

![Screenshot of RWP Companion without connection](screenshots/RWP%20Companion%20-%20Disconnected.png)

To perform image cleanup operations on the current page displayed in the document editor panel of the Processing page, click the "Image cleanup" button:

![Screenshot of image cleanup button in RWP](screenshots/Image%20Cleanup%20Button%20-%20RWP.png)

A modal appears that creates a connection between React Rapid Workplace and the RWP Companion. When the connection is established, the controls within the RWP Companion are enabled and the page is shown in the "Before" image view:

![Screenshot of RWP Companion with image cleanup connection](screenshots/RWP%20Companion%20-%20Image%20Cleanup.png)

Users can then perform all the image cleanup operations available in iDesktop, with the same logic. Click "Save image cleanup result" to save the current image shown in the "After" view (after an image cleanup operation) to the "Before" view, and click "Send back to web application" to update the page in React Rapid Workplace after cleanup operations are complete.

![Screenshot of document after image cleanup in RWP](screenshots/Image%20Cleanup%20After%20-%20RWP.png)

### Scan interface
iDesktop provides the ability to read from a document scanner and insert pages into documents when either the "Scan To End" button (shown after right-clicking a document in the tree) or the "Insert Scan" button (shown after right-clicking a page in the tree) is clicked:

![Screenshot of "Scan To End" button in iDesktop](screenshots/Scan%20To%20End%20-%20iDesktop.png)
![Screenshot of "Insert Scan" button in iDesktop](screenshots/Insert%20Scan%20-%20iDesktop.png)

Because React Rapid Workplace is a web application, it cannot natively provide these scan insert operations. To work around this limitation, it integrates with a standalone companion application called "RWP Companion". RWP Companion is available for Windows computers and must be installed by your system administrator.

Once the RWP Companion is installed and opened on your computer, a window with all the buttons and text grayed out is shown:

![Screenshot of RWP Companion without connection](screenshots/RWP%20Companion%20-%20Disconnected.png)

To insert scans into the current document displayed in the document editor panel of the Processing page, click the "Scan insert" dropdown button and select an option:

![Screenshot of scan insert dropdown button in RWP](screenshots/Scan%20Insert%20Button%20-%20RWP.png)

A modal appears that creates a connection between React Rapid Workplace and the RWP Companion. When the connection is established, the controls within the RWP Companion are enabled. Users can then scan and rotate/delete scanned pages:

![Screenshot of RWP Companion with scan insert connection](screenshots/RWP%20Companion%20-%20Scan%20Insert.png)

Click "Send back to web application" to send the updated PDF with inserted pages back to React Rapid Workplace once scanning is complete.

![Screenshot of document after scan insert in RWP](screenshots/Scan%20Insert%20After%20-%20RWP.png)

### Closing and forwarding work items
In iDesktop, work items can be closed or forwarded when processing is complete by selecting one of the action buttons found at the end of the top button bar:

![Screenshot of work item action buttons in iDesktop](screenshots/Work%20Item%20Action%20Buttons%20-%20iDesktop.png)

In React Rapid Workplace, the buttons appear slightly differently:
1. The "Close" button is its own button, and has a red background. When clicked, users are prompted to save any unsaved changes, and then the work item is unlocked and closed.
2. The forwarding buttons are collected under the "Action" dropdown button. To forward a work item, click the appropriate dropdown menu item. Once an option is clicked, users are prompted to save any unsaved changes, the work item is unlocked and closed, then the work item is forwarded to the appropriate queue.

![Screenshot of work item action buttons in RWP](screenshots/Work%20Item%20Action%20Buttons%20-%20RWP.png)

### Auto-open mode
In iDesktop, the next available work item for processing can be automatically opened after a work item is closed. This behavior is enabled by selecting the "Auto" option under the "Configure" -> "Open Mode" menu item in the top menu bar:

![Screenshot of open mode menu item in iDesktop](screenshots/Open%20Mode%20-%20iDesktop.png)

In React Rapid Workplace, the same behavior can be achieved by selecting the "Queue" option under the "Open Mode" dropdown in the user settings:

![Screenshot of open mode in RWP](screenshots/Open%20Mode%20-%20RWP.png)

## Hotkeys (Keyboard Shortcuts)
Like the existing iDesktop application, React Rapid Workplace has a number of hotkeys that can be used to more quickly navigate between documents and pages or perform common editing operations. However, these hotkeys are different from those found in iDesktop.

### iDesktop's hotkeys (as of September 2025)
| Key Combination | Description                   |
|-----------------|-------------------------------|
| `ESCAPE`        | Revert page to original image |
| `DELETE`        | Delete page                   |
| `INSERT`        | Insert page using scanner     |
| `CTRL + 4`      | Rotate page left              |
| `CTRL + 6`      | Rotate page right             |
| `CTRL + 1`      | Darken (dilate) page          |
| `CTRL + 3`      | Lighten (erode) page          |
| `CTRL + .`      | Open document-level menu      |
| `CTRL + *`      | Border removal/crop page      |
| `CTRL + /`      | Line removal page             |
| `CTRL + +`      | Add COVID cover page          |
| Arrow keys      | Navigation controls           |

### React Rapid Workplace's hotkeys
| Key Combination              | Category                    | Description                                     |
|------------------------------|-----------------------------|-------------------------------------------------|
| `CTRL + Q`                   | Work Item/Editor Navigation | Close the work item                             |
| `CTRL + LEFT ARROW` *        | Work Item/Editor Navigation | Navigate to the previous document               |
| `CTRL + RIGHT ARROW` *       | Work Item/Editor Navigation | Navigate to the next document                   |
| `CTRL + H`                   | Work Item/Editor Navigation | Show the hotkeys menu                           |
| `CTRL + UP ARROW` *          | Work Item/Editor Navigation | Navigate to the previous page                   |
| `CTRL + DOWN ARROW` *        | Work Item/Editor Navigation | Navigate to the next page                       |
| `CTRL + I`                   | Work Item/Editor Navigation | Zoom in editor                                  |
| `CTRL + O`                   | Work Item/Editor Navigation | Zoom out editor                                 |
| `CTRL + SHIFT + U`           | Document Actions            | Upload a new document                           |
| `CTRL + SHIFT + D`           | Document Actions            | Duplicate the current document                  |
| `CTRL + SHIFT + M`           | Document Actions            | Merge the current document with the previous    |
| `CTRL + SHIFT + RIGHT ARROW` | Document Actions            | Rotate the current document right               |
| `CTRL + D`                   | Document Actions            | Download the current document                   |
| `CTRL + P`                   | Document Actions            | Print the current document                      |
| `CTRL + SHIFT + DELETE`      | Document Actions            | Delete the current document                     |
| `CTRL + SHIFT + INSERT` **   | Document Actions            | Insert scan(s) after the current page           |
| `CTRL + S`                   | Document Actions            | Save the current document                       |
| `CTRL + ALT + 1` **          | Individual Page Actions     | Border crop the current page                    |
| `CTRL + ALT + 2` **          | Individual Page Actions     | Remove lines from the current page              |
| `CTRL + ALT + 3` **          | Individual Page Actions     | Deskew the current page                         |
| `CTRL + ALT + 4` **          | Individual Page Actions     | Shear the current page                          |
| `CTRL + ALT + 5` **          | Individual Page Actions     | Erode the current page                          |
| `CTRL + ALT + 6` **          | Individual Page Actions     | Dilate the current page                         |
| `CTRL + ALT + 7` **          | Individual Page Actions     | Remove blobs from the current page              |
| `CTRL + ALT + 8` **          | Individual Page Actions     | Zoom smooth the current page                    |
| `CTRL + ALT + LEFT ARROW`    | Individual Page Actions     | Rotate the current page left                    |
| `CTRL + ALT + RIGHT ARROW`   | Individual Page Actions     | Rotate the current page right                   |
| `CTRL + ALT + UP ARROW`      | Individual Page Actions     | Move the current page up 1 place                |
| `CTRL + ALT + DOWN ARROW`    | Individual Page Actions     | Move the current page down 1 place              |
| `CTRL + ALT + D`             | Individual Page Actions     | Duplicate the current page                      |
| `CTRL + ALT + S`             | Individual Page Actions     | Split the document at the current page          |
| `CTRL + ALT + R`             | Individual Page Actions     | Revert the current page to the last saved state |
| `CTRL + ALT + BACKSPACE`     | Individual Page Actions     | Delete the current page                         |

\* On computers running macOS, these hotkeys require the use of the `CMD` key as a modifier. For example: `CTRL + LEFT ARROW` becomes `CTRL + CMD + LEFT ARROW`.\
\** These hotkeys are only available on computers running Windows.

#### Notes about React Rapid Workplace hotkeys
1. The hotkeys that require the RWP Companion (such as `CTRL + ALT + 1` for border cropping or `CTRL + SHIFT + INSERT` for scan inserts) perform their actions automatically, so long as the companion application is installed and open on your computer. They may also be disabled by your system administrator.
   
2. If the hotkeys in React Rapid Workplace ever change, the latest list of hotkeys can always be displayed in the Processing page by clicking the "Show Hotkeys" button or by using the `CTRL + H` hotkey: 
![Screenshot of hotkeys modal in RWP](screenshots/Hotkeys%20Modal%20-%20RWP.png)
   
3. Some key combinations are reserved by browsers or the computer's operating system and cannot be overridden, hence some of the hotkeys using certain modifier keys when others don't.

## Live Service Model
Similarly to the existing iDesktop application, React Rapid Workplace is primarily reliant on a Process Director server. However, unlike iDesktop, React Rapid Workplace must frequently make connections to the server to retrieve and update data. This has a number of advantages and disadvantages, most notably:

### Opening a work item
Whereas iDesktop downloads the content of every document in a work item at the same time, only enabling the main application interface after that process is complete, React Rapid Workplace only loads the first document in a work item and keeps only one document in memory at a time. As a result, the changes (annotations, etc.) to a document must be saved back to the server or discarded before another document can be loaded, and switching between documents incurs additional requests to the server for new data.

![Screenshot highlighting document save button](screenshots/Saving%20Documents.png)

The primary advantage of this approach is a significantly shorter wait when opening a work item, but the primary disadvantage is a longer wait when switching documents.

### Duplicating/splitting/merging documents
Whereas iDesktop waits until the work item is closed to create or remove document entries in the Process Director system for split or merged documents, React Rapid Workplace creates and deletes the necessary system entries as the splitting and merging operations are performed. Similarly, when duplicating a document, React Rapid Workplace submits the document data to the server immediately.

![Screenshot of loading state when splitting documents](screenshots/Splitting%20Documents.png)

The primary advantage of this approach is that less document data has to be kept in memory, meaning the limited browser environment is less likely to become slow and unresponsive, but the primary disadvantage is that the splitting, merging, and duplicating operations require additional data transmission and are thus slower.

### Deleting documents
Whereas iDesktop waits until the work item is closed to fully delete documents that have been marked for deletion by the user, React Rapid Workplace instantly and permanently deletes documents on the server. To help users understand the consequences of the deletion operation, a confirmation modal is shown before deletion occurs.

![Screenshot of delete document modal](screenshots/Delete%20Document%20Modal.png)

The primary advantage of this approach is that deleted document data is not kept in memory, meaning the limited browser environment is less likely to become slow and unresponsive, but the primary disadvantage is that deleted documents are unrecoverable.

### Saving changes
Whereas iDesktop waits for the user's signal to close the work item to save most changes (including changes to folder fields and documents) back to the server, React Rapid Workplace is designed to save changes soon after they're made. In general, React Rapid Workplace prompts users to save changes whenever their next action would require retrieving more data from the server. For example: Changes to folder field values must be saved to the server before displaying a document's template fields, as they occupy the same space on the interface and one replaces the other in view.

![Screenshot of unsaved changes modal](screenshots/Unsaved%20Changes%20Modal.png)

The primary advantage of this approach is that changes are saved frequently, resulting in less data loss in the event of a connection loss or application error, but the primary disadvantage is that more requests must be made to the server and those requests must be waited on.

To combat the potential inconvenience presented by this approach, users can enable React Rapid Workplace's auto-save feature. When this feature is enabled by selecting the "Auto" option in the "User Profile" dropdown in the top right corner of the application interface, changes to folder fields and document content will be automatically saved whenever the "Unsaved Changes" modal would otherwise appear.

![Screenshot of auto-save toggle](screenshots/Auto-save%20Toggle.png)