zwave-js / zwave-js-ui / 18876505903

20%

push

github

feat(ui): add UI setting to make compact view the default (#4437)

Adds a persistent UI setting to make compact view the default in Control
Panel, addressing the feature request from discussion #4433.

## Changes

- **Settings UI**: Added "Compact view by default" switch in the UI
settings panel alongside existing color scheme, navigation tabs, and
streamer mode options
- **State management**: Wired up `internalCompactMode` computed property
to read from and write to the base store's `ui.compactMode` state
- **Persistence**: Setting persists via localStorage and restores
correctly on settings import/export

## Implementation

The compact mode setting was already implemented and persisted in the
base store (line 152 in `src/stores/base.js`), but only accessible via
the toggle button in Control Panel. This change exposes it in Settings
for discoverability and explicit configuration.

```vue
<v-switch
  hint="Enable this to use compact view by default in the Control Panel (can be toggled with the Compact button)"
  persistent-hint
  label="Compact view by default"
  v-model="internalCompactMode"
></v-switch>
```

## Screenshots

### Settings panel
![UI settings with compact view
option](https://github.com/user-attachments/assets/20b82cb8-491f-4079-a925-ec8f7d2475fe)

### Control Panel with compact view active by default
![Compact view
enabled](https://github.com/user-attachments/assets/96da8313-8acc-46b4-84d3-05d048c4795b)

> [!WARNING]
>
> <details>
> <summary>Firewall rules blocked me from connecting to one or more
addresses (expand for details)</summary>
>
> #### I tried to connect to the following addresses, but was blocked by
firewall rules:
>
> - `224.0.0.251`
> - `firmware.zwave-js.io`
> - Triggering command: `node --preserve-symlinks server/bin/www.js`
(dns block)
> - `stats.zwave-js.io`
> - Triggering command: `node --preserve-symlinks server/bin/www.js`
(dns block)
>
> If you need me to access, download, or install something from one of
these l... (continued)

333 of 441 branches covered (75.51%)

Branch coverage included in aggregate %.

4048 of 21271 relevant lines covered (19.03%)

1.19 hits per line