Kaui 5.27

[tungleduyxyz]

Changes summarize:

Report Name Display

• Replaced the raw @raw_name.titleize (rotated vertical label) with @report['reportPrettyName'] shown as a horizontal heading above the date-range tabs
• Increased font size to 1.25rem / font-weight: 600
• Added margin-top: 15px to give breathing room below the header divider

Graph Legend (right-side column)

• Switched from a horizontal row (overflowing on many series) to a vertical column anchored in the right margin
• Series label format: Report Invoices Balance Daily (EUR): 0 — replaces "Count" with the report pretty name, removes the tenant record id segment, and joins with : instead of /
• Values display as integers when whole (0, 55) and two decimals only when fractional (8.60)

Graph Tooltip

• Date format: Dec 01, 2025 instead of 2025-12-01
• Label format: compact — just EUR: 0 / USD: 0, no repeated report name
• Follows the cursor — position updates on every mousemove instead of snapping to two fixed positions; flips left automatically when near the right edge
• Box width always fits the date header (previously the date text overflowed the tooltip box)
• Tooltip renders to the right of the cursor at the same vertical level, with a slight upward nudge so the cursor doesn't obscure the content

Advanced Controls layout

• .well ul: changed from narrow fit-content column to a full-width flex-wrap row with consistent padding and gap.
• Smoothing links (Weekly/Monthly average & sum): now render as inline pill buttons instead of a stacked underlined list.
• .advanced-controls .form-horizontal: converted to a 2-column CSS grid so the Filters and Dimensions to plot fieldsets sit side-by-side; the Refresh submit button spans both columns, right-aligned.
• Form group alignment: changed align-items: center → stretch; removed min-width: 16rem on selects so they fit the grid.
• Current Analytics query card: tightened padding, set flex: 1 1 100% so it occupies its own row.
• Responsive (≤768px): grid collapses back to a single column.

[Copilot]

Pull request overview

Updates the Kaui analytics dashboard UI to improve report name presentation and modernize chart interactions (legend + tooltip), while refining the Advanced Controls layout and labeling.

Changes:

• Display the report pretty name as a horizontal chart heading and pass it to chart JS via data-report-name.
• Rework timeline chart legend and tooltip formatting/positioning (series label cleanup, date formatting, cursor-follow tooltip).
• Redesign Advanced Controls layout (flex/grid styling) and persist collapse open/closed state via localStorage.

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
config/locales/en.bootstrap.yml	Renames “Source Name” label to “Remote Database Name” in form/table translations.
app/views/kanaui/reports/_form.html.erb	Changes field-help tooltip behavior from click to hover.
app/views/kanaui/dashboard/index.html.erb	Adds chart heading using reportPrettyName, adds data-report-name, persists Advanced Controls collapse state.
app/assets/stylesheets/kanaui/kanaui.css	Updates dashboard styling (advanced controls grid, pill links, chart title styling, query card styling).
app/assets/javascripts/kanaui/kiddo/settings.js	Exposes reportName from the DOM into Kiddo settings.
app/assets/javascripts/kanaui/kiddo/helper.js	Adds compact value formatting, series label formatting, and date formatting helpers.
app/assets/javascripts/kanaui/kiddo/charts/utils/mouse_over.js	Updates tooltip sizing, formatting, date display, and makes tooltip follow cursor.
app/assets/javascripts/kanaui/kiddo/charts/line_chart.js	Moves legend to a right-side vertical column and updates legend label/value formatting.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.