Skip to content

v1.13.1 — Web UI refresh: tabs, icons, smart bulk bar, search, richer stats

Choose a tag to compare

View all tags
@amayer1983 amayer1983 released this 05 May 20:00
· 60 commits to main since this release
v1.13.1
bbdf952

Web UI refresh

A structured polish pass — and the foundation for upcoming features (theme toggle, multi-host, per-container detail page).

Status page

  • Live container search — filter the table in real time as you type. Matches against name, image, status, and badges.
  • 4 stat cards instead of 2: Containers, Updates Available, Last Activity (relative time), Disk Usage (color-coded against your warn-threshold).
  • Action buttons are now icon-only with tooltips. Each button has a strong active state — pinned containers show a red pin icon, auto-update shows a blue gear, major-confirm shows a yellow alert. Inactive states are grey.
  • Smart bulk bar — when nothing is selected, all action buttons are disabled (greyed out + saturation reduced + non-clickable). When you select containers, the bar lights up in accent blue and only the actions that would actually change something stay enabled. Pin/Unpin and Auto-on/Auto-off mutex correctly.
  • Major-update banner uses the new yellow card-warn style.
  • Container names link to /container/<name> — that route is a stub for v1.14, but the URL and routing are stable already, so bookmarks work.

Settings page

  • Restructured into 5 tabs with leading icons: General / Updates / Cleanup / Notifications / Channels. The active tab persists via localStorage so reloading keeps you where you were.
  • Help icons (?) next to non-obvious settings — hover for an inline explanation.
  • Confirm dialog on destructive maintenance actions (Image Cleanup, Self-Update). Wired via data-confirm attributes — easy to add to more actions later.
  • Toast notifications for save/error feedback, replacing the old inline banner. Cross-page persistence via localStorage.

Visual / structural

  • CSS rewritten with Custom Properties — every color goes through var(--*) tokens. A future light-mode toggle is a one-class swap on <html> rather than a refactor.
  • Inline SVG icons (Lucide-style strokes) replace emoji glyphs throughout. Browsers render emojis with their own native colors regardless of color CSS — SVG icons respect currentColor, so the pin icon turns red only when the container is actually pinned, the gear turns blue when auto-update is on, etc.
  • Real logo in the header (was a stale 64×64 thumbnail before; now a proper 128×128 from docs/images/logo.png).
  • Empty-state pattern for the History page (and reusable for other pages later).

Foundation for upcoming features

  • Header has a header-host-slot reserved for the v2.0 multi-host selector.
  • /container/<name> stub route — v1.14 will fill the body with Overview / History / Logs / Settings tabs.
  • Tab system + Toast system are reusable for the planned per-container detail page and a first-run wizard.

i18n

68 new keys across all 16 language files. EN and DE are translated; other languages get the English fallback for the new keys (translation contributions welcome).

Upgrade

docker pull amayer1983/docksentry:latest
docker compose up -d

No configuration changes required.

Assets 2
Loading