> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.kodelabs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Areas

> Define and manage the spatial zones in your building, including floors, zones, and rooms, with interactive floor plan views.

<Info>
  Areas is a building-level module. Select a building from the [sites list](/products/kode-os/sites-and-map) to access its areas and floor plans.
</Info>

Areas define the physical layout of a building in Cloud BMS. They represent spatial zones such as floors, wings, zones, and rooms, organized in a hierarchical structure from the site level down to individual spaces. Areas are the foundation for floor plan views, spatial filtering, and location-based monitoring.

## Area hierarchy

Areas follow a top-down structure:

```mermaid actions={false} theme={"theme":{"light":"github-dark","dark":"github-dark"}}
---
config:
  theme: neutral
---
flowchart LR
    SITE[Site / Building] -- "divided into" --> F1[Floor 1]
    SITE -- "divided into" --> F2[Floor 2]
    F1 -- "subdivided into" --> Z1[Zone A]
    F1 -- "subdivided into" --> Z2[Zone B]
    Z1 -- "contains" --> R1[Room 101]
    Z1 -- "contains" --> R2[Room 102]

    classDef sky stroke:#374D7C,fill:#E2EBFF,color:#374D7C
    classDef peach stroke:#FBB35A,fill:#FFEFDB,color:#8F632D
    classDef green fill:#B0E4CC,color:#285A48,stroke:#285A48

    class SITE sky
    class F1,F2 peach
    class Z1,Z2,R1,R2 green
```

* **Site** is the top level, representing the entire building
* **Floor** divides the building into vertical levels
* **Zone/Room** subdivides floors into specific spaces

Devices and data sources are assigned to areas, enabling you to filter dashboards, reports, and floor plans by physical location.

## Access areas

Click `Areas` in the left sidebar menu from your building view. Select a floor from the area list on the left to display its floor plan with device overlays and live data.

<Frame caption="The area view shows the floor list on the left, layer tabs for device categories, and the floor plan with live device markers">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-floor-plan-view.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=4321fd5dcecbcea0c8a79bdb6ee928b9" alt="Areas module showing Floor 2 selected with layer tabs for Devices, Temperature, Occupancy, and the floor plan with device markers" width="1024" height="443" data-path="images/kode-os/areas/kode-os-areas-floor-plan-view.png" />
</Frame>

### Floor plan navigation

The floor plan widget displays devices on a spatial layout. Use the layer tabs (`Devices`, `Temperature`, `Occupancy`, and others) to switch between device categories.

Use the following controls to navigate the floor plan:

* **Pan** by holding the left mouse button and dragging
* **Zoom** using the `+` and `-` buttons in the lower right corner
* **Reset view** by clicking the four outward arrows icon
* **Smart Markers** toggle to enable or disable smart marker display
* **Legend** toggle to show or hide the icon legend with value ranges

<Frame caption="The Smart Markers and Legend toggles control marker display and the legend panel shows the configured value ranges">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-legend.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=9054a2b28387c1e1aeb14f75bb6dd296" alt="Floor plan view with Smart Markers and Legend toggles enabled, showing the legend panel with Zone Temp value ranges and corresponding icons" width="1024" height="515" data-path="images/kode-os/areas/kode-os-areas-legend.png" />
</Frame>

### Interact with devices on the floor plan

Hover over a device marker on the floor plan to expand its point values. Writable points display an edit icon next to the value.

<Frame caption="Clicking a device marker reveals its point values with edit icons for writable points">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-device-hover.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=abf27db266f26f459dd549d66539c8e3" alt="Expanded device marker for VAV_210 showing Zone Temp Setpt and Zone Temp values with edit icons" width="805" height="502" data-path="images/kode-os/areas/kode-os-areas-device-hover.png" />
</Frame>

Click the edit icon next to a writable point to open the command panel. The panel displays the device's variables on the left and the action form on the right.

<Frame caption="The command panel lets you override a point value with a specified priority, duration, and reason">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-command-panel.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=e12b34df84cf77d3bc6352632e69ee9c" alt="Command panel showing device variables on the left and action fields for priority, value, duration, reason, and specific reason on the right" width="1024" height="589" data-path="images/kode-os/areas/kode-os-areas-command-panel.png" />
</Frame>

* **Priority** -- select the command priority level (for example, `Override`)
* **Value** -- set the target value. Use `+` and `-` to adjust.
* **Duration** -- specify how long the command remains active. Check `Permanent` for an indefinite override.
* **Reason** -- select a predefined reason from the dropdown
* **Specific Reason** -- enter a custom reason for the change
* Click `Save Changes` to send the command, or `Close` to cancel

Click `Activity Log` in the upper right corner of the panel to view the command history for the selected point.

<Info>
  ### Command actions and priority levels

  Cloud BMS uses a BACnet-inspired priority model for writable points. The same command dialog appears for BACnet and non-BACnet integrations, such as REST API thermostats. How each action maps on the device depends on the connector.

  BACnet points that accept commands have **16 priority levels** (1 is highest, 16 is lowest). When every level is empty (`null`), the point uses a **fallback / default** value (`Relinquish_Default` in BACnet). That fallback is **not** a 17th BACnet priority. Some interfaces label it as level 17 for display only.

  `Override` and `Set` turn different knobs under the hood, even when the visible value looks the same.

  | Action     | What it writes\*     | Description                                                                                 |
  | ---------- | -------------------- | ------------------------------------------------------------------------------------------- |
  | `Override` | Priority 8\*         | Temporary exception in the priority array. Takes precedence over lower-priority automation. |
  | `Set`      | Fallback / default\* | Changes the fallback or default value.                                                      |
  | `Auto`     | —                    | Clears an `Override`                                                                        |
  | `Release`  | —                    | Clears a `Set`                                                                              |

  \*Typical for most BACnet and Niagara deployments. Connectors and site standards can differ.

  `Override`, `Auto`, and `Set` borrow Niagara-style action names. `Release` is a Cloud BMS action that clears a `Set`.

  In Niagara-style control, `Set` keeps a non-null fallback so sequences and logic keep a reliable baseline. Use the priority array (including `Override`) for programmed automation and temporary exceptions.

  To make `Set` write to priority 16 instead of the fallback or default, enable **`Set in Slot16`** (Niagara) on the point. Configure that option from [device details](/products/kode-os/devices/devices#view-and-edit-points), [device templates](/products/kode-os/devices/device-templates), or [points batch update](/products/kode-os/points/points-batch-update).
</Info>

### Area events

Select the active events icon on the floor plan to view fault detection events specific to that area. This filtered view shows only the events related to devices in the selected floor or zone.

### Add a dashboard to an area

When you select an area that has no dashboard configured, the view displays a "No Dashboard Added Yet" message with an option to create one.

<Frame caption="An area without a dashboard displays a prompt to add one">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-dashboard-empty.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=aa6cfdb7020043c05cbb4a4f1873399d" alt="Floor 3 area view showing No Dashboard Added Yet message with an Add Dashboard button" width="1024" height="525" data-path="images/kode-os/areas/kode-os-areas-dashboard-empty.png" />
</Frame>

Click `+ Add Dashboard` to open the creation dialog.

<Frame caption="The Add Dashboard dialog collects a title, description, and access level">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-add-dashboard.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=bf67d9a3a496147530a5b38c1ba1f8f3" alt="Add Dashboard dialog with Dashboard Title, Description, and Access Level fields" width="764" height="507" data-path="images/kode-os/areas/kode-os-areas-add-dashboard.png" />
</Frame>

<ParamField path="Dashboard Title" type="Field">
  Enter a name for the dashboard (for example, `Floor 03`).
</ParamField>

<ParamField path="Description" type="Field">
  Provide a brief description of the dashboard's purpose.
</ParamField>

<ParamField path="Access Level" type="Field">
  Select which user roles can view this dashboard. If no role is selected, all roles have access.
</ParamField>

## Add a BIM model to an area

Cloud BMS supports 3D BIM models on area dashboards. [Add a BIM file](/products/kode-os/settings#add-a-bim-file) in building settings first, then add a **BIM Model** widget to the area and place device points on the 3D floor plan.

### Add the BIM Model widget

<Steps>
  <Step title="Open the area dashboard menu">
    Open `Areas` and select an area (for example, **Floor 06**). On the area dashboard, select the three-dot menu in the upper-right corner and choose `Add Widgets`.

    <Frame caption="The dashboard menu includes Add Widgets for adding a BIM Model or other widget types">
      <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-dashboard-menu.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=fe0e12af2eb123acb25b640cc12c9290" alt="Area dashboard three-dot menu showing Add Dashboards, Arrange Dashboards, Add Widgets, Arrange Widgets, and Delete Dashboard" width="1024" height="313" data-path="images/kode-os/areas/kode-os-areas-dashboard-menu.png" />
    </Frame>
  </Step>

  <Step title="Select BIM Model">
    In the **Add Widget** dialog, select `BIM Model` and click `Add`.

    <Frame caption="The Add Widget dialog lists BIM Model among available widget types">
      <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-add-widget-bim.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=bbb27ffce21d2e361f2d65602f5d766e" alt="Add Widget dialog showing widget types including Network Status, Device Summary, System Summary, Weather Forecast, Events, Raw Data, BIM Model selected, Picture, and Graphic" width="578" height="627" data-path="images/kode-os/areas/kode-os-areas-add-widget-bim.png" />
    </Frame>
  </Step>

  <Step title="Enter card details">
    The **BIM Model Configurator** opens on the **Card Details** step. Enter a **Card Name**, select the **3D Model File** you uploaded in building settings, and optionally add a **Description**. Click `Next`.

    <Frame caption="Card Details step where you name the widget and select the uploaded 3D model file">
      <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-bim-configurator-card-details.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=693c6d1d3f065ae62bb55cc73db9b65b" alt="BIM Model Configurator Card Details step with Card Name Floor 03, 3D Model File dropdown showing an fbx file selected, and Description field" width="1024" height="625" data-path="images/kode-os/areas/kode-os-areas-bim-configurator-card-details.png" />
    </Frame>

    <ParamField path="Card Name" type="Field" required>
      Name for the BIM widget as it appears on the area dashboard.
    </ParamField>

    <ParamField path="3D Model File" type="Field" required>
      The BIM file uploaded on the building **Files** tab in Settings.
    </ParamField>

    <ParamField path="Description" type="Field">
      Optional text describing the 3D floor plan widget.
    </ParamField>
  </Step>

  <Step title="Place device points on the model">
    On the **Model labels** step, use the **Devices** or **Floors** tab in the left sidebar to find items. Drag and drop device points onto the 3D floor plan. Use the viewer toolbar to orbit, pan, zoom, and inspect the model. Click `Save` when placement is complete.

    <Frame caption="Model labels step with a device list and interactive 3D viewer for placing points on the floor plan">
      <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-bim-configurator-model-labels.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=08354c39ed8d92840a0fa4ea4f72fbe1" alt="BIM Model Configurator Model labels step showing Devices tab with searchable device list and a 3D building floor model with navigation cube and viewer toolbar" width="1024" height="703" data-path="images/kode-os/areas/kode-os-areas-bim-configurator-model-labels.png" />
    </Frame>
  </Step>
</Steps>

### View the 3D floor plan

After you save the widget, the area dashboard shows an **Overview** tab and a **3D Floor Plan** tab. Open **3D Floor Plan** to view the BIM model with placed device markers and layer controls.

The BIM widget displays the configured card name, the 3D model, and device point markers you placed during setup.

<Frame caption="BIM Model widget on the area dashboard showing the 3D floor plan and device markers">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-bim-widget-view.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=c05310b0c8e5e2c3efeca2e1a7389c50" alt="Floor 06 area dashboard with 3D Floor Plan tab showing Floor 6 BIM widget with 3D model and orange device point marker on the floor plan" width="1024" height="562" data-path="images/kode-os/areas/kode-os-areas-bim-widget-view.png" />
</Frame>

Use the widget three-dot menu to edit, share, copy, or delete the BIM widget, similar to other area dashboard widgets.

### Add a graphic widget to an area

You can add a graphic widget to an area dashboard to embed a floor plan graphic directly on the area page.

<Steps>
  <Step title="Open the dashboard menu">
    Click the three-dot menu in the upper right corner of the area view and select `Add Widgets`.

    <Frame caption="The dashboard menu provides options to add and arrange dashboards and widgets">
      <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-dashboard-menu.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=fe0e12af2eb123acb25b640cc12c9290" alt="Dashboard menu showing Add Dashboards, Arrange Dashboards, Add Widgets, Arrange Widgets, and Delete Dashboard options" width="1024" height="313" data-path="images/kode-os/areas/kode-os-areas-dashboard-menu.png" />
    </Frame>
  </Step>

  <Step title="Select the Graphic widget">
    In the Add Widget dialog, select `Graphic` and click `Add`.

    <Frame caption="The Add Widget dialog offers widget types including Events, Raw Data, BIM Model, Picture, and Graphic">
      <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-add-widget.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=62f202986c0316443722a27cbb96196d" alt="Add Widget dialog showing available widget types with the Graphic widget selected" width="816" height="652" data-path="images/kode-os/areas/kode-os-areas-add-widget.png" />
    </Frame>
  </Step>

  <Step title="Choose or create a graphic">
    Select an existing graphic from the list, or click `Create new graphic` to build one from scratch. Click `Next` to add it to the dashboard.

    <Frame caption="Select an existing graphic or create a new one to embed in the area dashboard">
      <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-select-graphic.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=8ebfd76b08fab24955a83d80eb85738c" alt="Create or Select a Graphic dialog showing a searchable list of existing graphics with an option to create a new graphic" width="748" height="388" data-path="images/kode-os/areas/kode-os-areas-select-graphic.png" />
    </Frame>
  </Step>
</Steps>

Once the graphic is added, the area dashboard displays the floor plan with device markers and layer tabs. Click the three-dot menu on the dashboard widget to access additional options.

<Frame caption="The area dashboard shows a floor plan graphic with layer tabs and a menu for editing, sharing, copying, or deleting the widget">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-dashboard-menu-options.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=32a9dce68b93a30bddf2f2a0686f2e6c" alt="Area dashboard for Floor 2 showing a floor plan graphic with Devices, Temperature, and Occupancy layer tabs, and a three-dot menu with Edit, Share, Copy to, and Delete options" width="1024" height="403" data-path="images/kode-os/areas/kode-os-areas-dashboard-menu-options.png" />
</Frame>

* **Edit** -- open the graphic in the [Graphic Tool](/products/kode-os/graphics/graphic-tool) to modify markers, layers, or overlays
* **Share** -- generate a shareable link to the dashboard
* **Copy to** -- copy the widget to another area's dashboard
* **Delete** -- remove the widget from the dashboard

## Manage areas

Click `Areas` in the left sidebar to view the areas list. The list shows each area's name and device count.

<Frame caption="The Areas list displays all areas with their device counts, search, and batch update options">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-list.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=dea2131cae95d2075129f6490b3c26f0" alt="Areas list showing Floor 2 with 12 devices, Floor 3 with 49 devices, Floor 4 and test with no devices, plus Add Area button and search" width="1024" height="534" data-path="images/kode-os/areas/kode-os-areas-list.png" />
</Frame>

### Add areas

Click `+ Add Area` to open the Add Areas dialog. Enter a name for each area. Click `+ Add Row` to add additional areas, or click `Add Multiple Rows` to add several at once.

<Frame caption="The Add Areas dialog lets you create one or more areas by entering names in each row">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-add-dialog.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=86203a86ee751b3daa5d6ba4e12b0bbb" alt="Add Areas dialog with two name input rows, Add Multiple Rows and Add Row buttons, and an Add Areas button" width="1024" height="265" data-path="images/kode-os/areas/kode-os-areas-add-dialog.png" />
</Frame>

### Edit and delete individual areas

Hover over an area row and click the three-dot menu to access `Edit` or `Delete` for that area.

<Frame caption="The row menu provides Edit and Delete options for individual areas">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-row-menu.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=6d970c10a107b7ec4940568352e0d929" alt="Areas list with three-dot menu expanded on Floor 2 showing Edit and Delete options" width="1024" height="183" data-path="images/kode-os/areas/kode-os-areas-row-menu.png" />
</Frame>

### Delete areas in bulk

Click `Batch Update` to enter selection mode. Select the areas you want to remove, then click `Delete Area(s)` in the lower right corner.

<Frame caption="Batch Update mode lets you select multiple areas for bulk deletion">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-batch-delete.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=9fc799c8d07e2206d1ef0b82786a3e66" alt="Areas list in Batch Update mode with three areas selected and a Delete Area(s) button in the lower right" width="1024" height="628" data-path="images/kode-os/areas/kode-os-areas-batch-delete.png" />
</Frame>

<Warning>
  Deleting an area removes the spatial assignment for all devices in that area. Devices are not deleted, but they lose their area association. Reassign them to a new area after deletion.
</Warning>

### Reorder areas

Click the three-dot menu next to `+ Add Area` and select `Reorder Areas`. Drag and drop the areas into the desired order, then click `Save`.

<Frame caption="The Reorder Areas option is accessible from the three-dot menu next to the Add Area button">
  <img src="https://mintcdn.com/kodelabs/euAGYgyin2AxlZ4b/images/kode-os/areas/kode-os-areas-reorder.png?fit=max&auto=format&n=euAGYgyin2AxlZ4b&q=85&s=7754217a696cdbb687dc62b92014075e" alt="Three-dot menu showing the Reorder Areas option" width="519" height="179" data-path="images/kode-os/areas/kode-os-areas-reorder.png" />
</Frame>

## Assign devices to areas

Devices are assigned to areas during initial discovery or through the [device details](/products/kode-os/devices/devices) page. To reassign a device to a different area:

* Open the device's details page and edit the `Area` field
* Use the [device batch update](/products/kode-os/devices/device-batch-update) feature to reassign multiple devices at once

## Next steps

<CardGroup cols={2}>
  <Card title="Building settings" icon="settings" href="/products/kode-os/settings#add-a-bim-file" arrow={true} cta="Upload">
    Upload BIM model files on the building Files tab before adding them to areas.
  </Card>

  <Card title="Floor plan graphics" icon="layout-dashboard" href="/products/kode-os/graphics/floor-plans" arrow={true} cta="Customize">
    Create 2D floor plan graphics in the Graphic Tool and embed them on area dashboards.
  </Card>

  <Card title="Systems" icon="network" href="/products/kode-os/systems" arrow={true} cta="Explore">
    View devices organized by functional system rather than physical location.
  </Card>
</CardGroup>
