# Viewer

<figure><img src="https://3561840309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMYxRLCpbB6u9NiTwuU16%2Fuploads%2FsqLi7G8udlcjgSl2WtDB%2FMetadata_Workspace_Pic_Marked%20copy.jpg?alt=media&#x26;token=5aad2f4f-312c-40db-becf-766f491ee1f9" alt="" width="375"><figcaption><p>The viewer panel in the Node Workspace is centrally located (A - pink). <br>It can be resized, through resizing or closing the side panels (Node Drive Panel - B, and Metadata Panel - C)</p></figcaption></figure>

### Viewer (A)

All Codex Entitites (artefacts, Nodes profiles, ....) are opened in the **Viewer** panel, in the centre of the screen. It is both your familiar PDF reader environment, or where information on your selected component is shown.  All you need to do is select the component you want to view or download in the [**Drive**](https://docs.desci.com/general-user-overview/node-workspace/node-drive-panel) panel on the left of the screen.&#x20;

Both the [Drive](https://docs.desci.com/general-user-overview/node-workspace/node-drive-panel) panel on the left and the [Metadata](https://docs.desci.com/general-user-overview/node-workspace/information-panel) panel on the right play important roles in Nodes and its components. You select and order components in the Drive panel, but you then describe and add metadata to those components in the Metadata panel. They can be tucked away to broaden the viewer window for easier viewing.&#x20;

#### PDF Viewer

The Viewer panel has a few options specific to opened **PDF** files:&#x20;

* Near the bottom centre of the viewer panel are the **zoom** controls to zoom in (+), out (-), fit to width (\[<>]), and fit to height, <img src="https://3561840309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMYxRLCpbB6u9NiTwuU16%2Fuploads%2FIJaRi8YNWZo6g7debwo8%2FScreenshot%202024-02-12%20at%2015.27.19.jpg?alt=media&#x26;token=f759182e-cc5b-4ab4-b602-8cfeb572ca25" alt="Screenshot 2024-02-12 at 15.27.19.jpg" data-size="line">,
* In the same bar, you will find the comment function, in the form of a highlighter <img src="https://3561840309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMYxRLCpbB6u9NiTwuU16%2Fuploads%2FWJxhwlP7aduDhmKJFzfH%2FScreenshot%202024-02-01%20at%2023.59.44.jpg?alt=media&#x26;token=20e18274-f94b-41ca-9475-b7f24fb83e57" alt="Screenshot 2024-02-01 at 23.59.44.jpg" data-size="line">. The [**comment function**](https://docs.desci.com/general-user-overview/node-workspace/information-panel) works as a box-style highlighter/selector in the PDF itself, but lets you add comments - like a sticky note.&#x20;

Further notes on how **Comments** work can be found in the [**Metadata/Comment Panel** ](https://docs.desci.com/general-user-overview/node-workspace/information-panel)section.&#x20;

<figure><img src="https://3561840309-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMYxRLCpbB6u9NiTwuU16%2Fuploads%2F4n3q51qEyVOe3UUmfX0t%2FAnnotations_ToInsideObjects_Video.gif?alt=media&#x26;token=bcb3f8d7-42ad-49ac-889b-2387b44080fe" alt="" width="375"><figcaption><p>Adding Annotations in a pdf, resolving to internal Node objects</p></figcaption></figure>

{% hint style="info" %}
Currently we have limited recognition of files and might not be able to display them in the viewer. However, from here you will be able to [**download**](https://docs.desci.com/create-and-publish/interact-and-reuse/download) the components if they are uploaded files, or open the [**URL**](https://docs.desci.com/create-and-publish/create-a-node/add-components/external-links) if the component is a URL link.&#x20;
{% endhint %}