Update organize-documents.md

docs/docs/help/OpenSign™ Drive/organize-documents.md

@@ -1,16 +1,49 @@
----
-sidebar_position: 2
-title: Organize Documents
----
+# OpenSign™ Drive Interface Documentation
 
-# Intro
+## Overview
 
-Welcome to the [OpenSign™](https://app.opensignlabs.com) Help Center! This section is designed to provide you with all the necessary information to effectively use the OpenSign™ application. Whether you are a new user or an experienced one looking to explore more features, our comprehensive guides and resources are here to assist you.
+This documentation provides an overview of the OpenSign™ Drive interface, detailing its key features, user interface elements and functionality.
+![OSD](https://github.com/OpenSignLabs/OpenSign/assets/5486116/e11c7060-15ab-4062-915e-2f47e832f023)
 
-## Getting Started
+### Interface Elements
 
-**try OpenSign on cloud** at **[OpenSignLabs](https://app.opensignlabs.com)**.
+- **Navigation Bar**: At the top, displaying the current directory ("OpenSign™ Drive >").
+- **Toolbar**:
+  - `+`: Button to add new documents.
+  - `Sort Options`: Dropdown to sort files by criteria such as date.
+  - `View Options`: Toggle between list and grid views.
 
-Or 
+### File Organization
 
-Get started by deploying a new instance of **OpenSign** by following these [instructions](https://docs.opensignlabs.com/docs/self-host/intro).
+- **Documents**: Represented by icons with a red PDF symbol.
+  - `Status Indicator`: Colored dots on the PDF icons represent the document status (e.g., green for 'complete').
+- **Folders**: Represented by yellow folder icons.
+
+### Document Information Popup
+
+- Activated by hovering on a document, displaying the following details:
+  - **Title**: The name of the document.
+  - **Status**: Current status of the document (e.g., "Draft", "In-progress", "Completed", "Rejected" & "Expired").
+  - **Created Date**: The date the document was created or uploaded.
+  - **Additional Notes**: Any pertinent notes or descriptions.
+
+### File and Folder Labels
+
+- **Labels**: Below each icon, providing the name of the file or folder.
+- **Status Labels**: Next to file labels, indicating additional status information.
+
+## Interaction Patterns
+
+- **Click**: Select files or folders.
+- **Right-click**: Access context-specific actions.
+
+## Accessibility Features
+
+- **Status Colors**: Visually distinct colors for quick status recognition.
+- **File Icons**: Large and clear with significant visual cues (PDF symbol).
+
+### Version Information
+
+This interface is current as of 15/01/2024. It is subject to change with future updates to the OpenSign™ Drive.
+
+For further assistance or to report issues, please contact us on hello@opensignlabs.com