release: v0.9 — Table Features, Chart Improvements, Gauge Thresholds

[alfredo1996]

Summary

Release v0.9 consolidation PR — merges all completed feature branches into dev.

Key features

• Table features (PR feat: table & data grid — column resize, conditional formatting, row grouping #187): column resize, row grouping with aggregation, unified rule-based styling with per-rule column targeting, bold support, color scales in Style tab, form parameter seeding, grid skeleton for page transitions
• Chart improvements (PR feat: chart improvements + accessibility + fixes #185): axis label rotation, reference lines, tooltip formatting, DataZoom, pie donut/top-N, click action enrichment, radar global scale
• Gauge thresholds (PR feat(component): add threshold zones to gauge chart #176): colored threshold zones on gauge charts
• Seed data validation: Zod schemas validate all seed dashboard layouts against app types at build time
• Preview caching: widget editor uses cached TanStack Query data for instant preview

Test plan

• Unit tests: 1140 component + 1294 app (all passing)
• E2E tests: 222 passed, 4 flaky (pre-existing CM6 typing)
• TypeScript type-check: passing
• Build: clean
• Seed validation: all 8 dashboards valid

🤖 Generated with Claude Code

Summary by CodeRabbit

Release Notes

• New Features

  • Added color scale gradient formatting for table cells
  • Enabled table row grouping with aggregation controls
  • Added table column resizing
  • Introduced reference lines on bar and line charts
  • Added axis label rotation for bar charts
  • Implemented data zoom for chart scrolling
  • Enhanced pie charts with top-N grouping and donut center text
  • Added gauge threshold zone visualization
  • Enabled form field pre-population from parameter widgets
  • Added GitHub Flavored Markdown table support

• Improvements

  • Enhanced tooltip formatting with improved number displays
  • Improved styling rules with per-rule column targeting and bold emphasis
  • Better code editor text input handling
  • Added decimal place control for single-value charts

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

Walkthrough

This PR introduces comprehensive enhancements to chart/table configuration, conditional formatting with color scales, form parameter pre-population, table grouping capabilities, and CodeMirror editor reliability. It adds new chart options (reference lines, axis rotation, data zoom, top-N grouping, decimal places), migrates styling rule configuration from global to per-rule targeting with bold support, implements cell-level color gradient styling, and extends table functionality with grouping/aggregation. Schema validation utilities, seed data updates, and extensive test coverage are included.

Changes

Cohort / File(s)	Summary
E2E CodeMirror Editor Helpers app/e2e/code-completion.spec.ts, app/e2e/fixtures.ts	Updated CodeMirror dispatch to insert text directly via view.dispatch rather than keyboard input, with fallback EditorView resolution (cm-content → .cm-editor). Expanded dispatch failure handling to cover "readonly" outcome in addition to "no-view".
E2E Test Cases app/e2e/form-widget.spec.ts, app/e2e/styling-rules.spec.ts	Added test for form field pre-population from parameter-select widgets. Updated styling-rules tests to validate per-rule column selectors instead of global target column; reformatted assertions for consistency.
Dashboard Editor Preview Caching app/src/app/(dashboard)/[id]/edit/page.tsx	Added cachedPreviewData state to preserve existing React Query cache when opening edit mode, passed as initialPreviewData to widget editor modal to avoid re-running queries.
Widget Editor Modal & Preview app/src/components/widget-editor-modal.tsx, app/src/components/card-container.tsx	Integrated color scales support with ColorScalePanel UI; added initialPreviewData prop to render cached/initial data without re-querying; auto-preview on first open; passed conditionalFormatting settings to preview rendering.
Styling Rules & Conditional Formatting app/src/lib/db/schema.ts, app/src/lib/migrate-color-thresholds.ts, component/src/charts/styling-rule.ts	Migrated from global targetColumn to per-rule column?: string; added bold?: boolean per rule; removed targetColumn from migration function; introduced ColorScaleConfig type and interpolateColor() gradient interpolation utility.
Styling Rules Editor UI app/src/components/widget-editor/styling-rules-editor.tsx	Removed top-level "Target Column" selector; added per-rule column editing via OptionField; added bold toggle button per rule with visual indicator in accordion header.
Form Widget Parameter Binding app/src/components/form-widget-renderer.tsx, app/src/components/widget-editor/value-or-param-input.tsx	Integrated useParameterValues() hook; seeded form fields from external parameters; replaced toggle-based parameter/value UI with conditional rendering (combobox when suggestions available, plain input otherwise); added touchedFields tracking to preserve user edits.
Table Renderer Enhancements app/src/components/table-renderer.tsx	Added grouping (enableGrouping, initialGrouping, parseGroupByColumns) with aggregation support (column aggregationFn, aggregatedCell rendering); added column resizing (enableColumnResizing); implemented cell-level gradient styling via getCellStyle and ColorScaleConfig min/max computation; refactored getRowStyle for per-rule column targeting.
Chart Renderer Wiring app/src/components/chart-renderer.tsx	Extended props with colorScales; enriched click payload with original row data; forwarded settings (axis rotation, reference lines, data zoom, top-N, donut text, decimal places) to underlying chart components; passed colorScales to table renderer.
Chart Utilities Infrastructure component/src/charts/chart-utils.ts	Added comprehensive utilities: number formatting (formatNumber), tooltip formatting (buildTooltipFormatter), category axis labels (buildCategoryAxisLabel with rotation/truncation), reference lines (parseReferenceLines, buildMarkLineFromRefs), gauge threshold zones (parseGaugeThresholdZones), pie top-N grouping (groupTopN).
Chart Components component/src/charts/bar-chart.tsx, component/src/charts/line-chart.tsx, component/src/charts/pie-chart.tsx, component/src/charts/gauge-chart.tsx, component/src/charts/single-value-chart.tsx	Added props: axisLabelRotation, referenceLines (bar/line); topN, donutCenterText (pie); thresholdZones (gauge); decimalPlaces (single-value). Integrated formatting utilities; updated tooltip/axis label configuration; applied markLine/graphic overlays.
Base Chart & DataZoom component/src/charts/base-chart.tsx, component/src/charts/types.ts	Added enableDataZoom, ariaDescription props; conditionally inject ECharts dataZoom inside controls; enhanced accessibility with dynamic aria-label and description.
DataGrid Grouping & Resizing component/src/components/composed/data-grid.tsx	Added enableColumnResizing, getCellStyle, enableGrouping, initialGrouping props; wired TanStack Table grouping/expansion models; implemented collapse-all/expand-all toolbar; rendered group headers with aggregated values and toggle buttons; applied per-cell styling.
Chart Options Schema & UI component/src/components/composed/chart-options-schema.ts, component/src/components/composed/chart-options-panel.tsx	Added "column-multi-select" option type for table grouping; introduced shared option groups (dataZoomOptions, tooltipFormatOptions); extended chart-specific options (bar/line/pie/single-value/table/gauge); wired columns prop through OptionField.
Color Scale Configuration Panel component/src/components/composed/conditional-format-panel.tsx	New component ColorScalePanel for managing color scales: select column, pick min/max colors, visualize gradient, add/remove scales; deprecated aliases for backward compatibility.
Markdown & JSON Viewer Enhancements component/src/components/composed/markdown-widget.tsx, component/src/components/composed/json-viewer.tsx	Added GFM table parsing with alignment detection and HTML escaping; refactored JSON viewer toggle to semantic <button> with ARIA attributes.
Cross-Filter & Dashboard Grid component/src/components/composed/cross-filter-tag.tsx, component/src/components/composed/dashboard-grid.tsx	Refactored remove affordance to avoid nested buttons (span role="button" when parent is button). Added grid skeleton placeholder during width measurement.
CodeMirror Integration component/src/components/composed/query-editor.tsx	Added closeBrackets() extension and keymap to prevent unclosed bracket corruption.
Query Editor Test Mock component/src/components/composed/__tests__/query-editor.test.tsx	Extended @codemirror/autocomplete mock to include closeBrackets and closeBracketsKeymap.
Dashboard Import/Export Schemas app/src/lib/dashboard-import.ts	Added Zod schemas: stylingRuleSchema, stylingConfigSchema, colorScaleSchema, conditionalFormattingSchema, dashboardLayoutSchema; extended widgetSchema with settings validation; added validateDashboardLayout() helper function; prevented known chart option keys at settings root level.
Chart Registry & Radar Scaling app/src/lib/chart-registry.ts	Updated radar chart scaling: single computed globalMax for long-format when no explicit per-indicator max; shared wideMax for wide-format; stricter validation for numeric max values (finite, > 0).
Table Utilities app/src/lib/table-utils.ts	Added parseGroupByColumns() function to parse comma-separated column IDs from grouping configuration, with whitespace trimming and empty-entry filtering.
Cell Formatting Library component/src/lib/cell-formatting.ts	New module with cell-based conditional formatting: CellOperator (>, <, ==, contains), CellFormattingRule type, evaluateCellRule(), resolveCellStyle() functions.
Component Exports component/src/charts/index.ts, component/src/components/composed/index.ts	Added exports: ColorScaleConfig, interpolateColor from styling-rule; ColorScalePanel, ConditionalFormatPanel with prop types.
Vitest Setup & Mocks component/vitest.setup.ts	Extended ECharts mock to include MarkLineComponent, GraphicComponent.
Comprehensive Test Coverage app/src/lib/__tests__/*, component/src/charts/__tests__/*, component/src/components/composed/__tests__/*	Added/expanded test suites: radar transforms, dashboard import validation, color threshold migration, table grouping, data grid, conditional formatting, chart utilities (formatting, reference lines, gauge thresholds, pie grouping), accessibility, column resizing, markdown tables, axis labels.
Seed Data & Validation scripts/seed-demo.mjs, scripts/validate-seed-data.ts	Exported and added new dashboard builders (buildChartImprovements, buildTableFeatures, buildChartCatalog); migrated styling rules to per-rule column targeting; moved chart options under chartOptions nesting; added validation script using dashboardLayoutSchema.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~60 minutes

Possibly related PRs

• feat: chart improvements + accessibility + fixes #185: Overlapping CodeMirror e2e helpers and chart/component prop changes with same code-level modifications.
• feat(app): dashboard export/import with NeoDash format conversion (#11) #90: Both extend Zod schemas and validation utilities in dashboard-import.ts.
• feat(app): widget lab — save, browse, and reuse widget templates #91: Shares widget-editor-modal.tsx modifications for template and preview workflows.

Suggested labels

enhancement, pkg:component, pkg:app, area:charts, area:widgets, area:tables, type: feature

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 73.91% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main changes: three major feature areas (Table Features, Chart Improvements, Gauge Thresholds) for a v0.9 release, matching the PR's consolidation of completed feature branches.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch release/0.9

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate failed

Failed conditions
54.3% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud