Gauge and bar chart widgets take the caller's scoped values

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AjsYaRkTHNKszSHjd3j264

Author: claude

lib/src/transformers/node_transformers/passive_bar_chart_transformer.dart

@@ -25,6 +25,10 @@ class PassiveBarChartWidget extends StatelessWidget {
   final WidgetBuildSettings settings;
   final List<VariableData> variablesOverrides;
 
+  /// The values bindings read, when the caller has them, e.g. the editor's
+  /// variable defaults on the design canvas. Defaults to the context's.
+  final ScopedValues? scopedValues;
+
   /// Overrides [BarChartProperties.animate], e.g. to hold still in the editor.
   final bool? animate;
 
@@ -33,6 +37,7 @@ class PassiveBarChartWidget extends StatelessWidget {
     required this.node,
     required this.settings,
     this.variablesOverrides = const [],
+    this.scopedValues,
     this.animate,
   });
 
@@ -56,10 +61,9 @@ class PassiveBarChartWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final ScopedValues scopedValues = ScopedValues.of(
-      context,
-      variablesOverrides: variablesOverrides,
-    );
+    final ScopedValues scopedValues =
+        this.scopedValues ??
+        ScopedValues.of(context, variablesOverrides: variablesOverrides);
     final BarChartProperties props = node.properties;
     Object? bound(String property) =>
         PropertyValueDelegate.getPropertyValue<Object>(
@@ -71,9 +75,7 @@ class PassiveBarChartWidget extends StatelessWidget {
     final List<double?> values =
         _list(bound('values'))?.map(_number).toList() ?? node.values;
     final List<String> labels =
-        _list(
-          bound('labels'),
-        )?.map((e) => e == null ? '' : '$e').toList() ??
+        _list(bound('labels'))?.map((e) => e == null ? '' : '$e').toList() ??
         node.labels;
     final Object? boundHighlight = bound('highlight');
     final int? highlight = boundHighlight != null
@@ -111,8 +113,10 @@ class PassiveBarChartWidget extends StatelessWidget {
           final double labelHeight = hasLabels
               ? props.labelFontSize * 1.2 + props.labelGap
               : 0;
-          final double height = (constraints.maxHeight - labelHeight - 1)
-              .clamp(0, double.infinity);
+          final double height = (constraints.maxHeight - labelHeight - 1).clamp(
+            0,
+            double.infinity,
+          );
           return Column(
             crossAxisAlignment: CrossAxisAlignment.stretch,
             children: [
@@ -135,7 +139,8 @@ class PassiveBarChartWidget extends StatelessWidget {
                         Positioned(
                           right: 0,
                           width: props.gridLabelWidth - 6,
-                          bottom: height * g / props.gridLines -
+                          bottom:
+                              height * g / props.gridLines -
                               props.labelFontSize / 2,
                           child: Text(
                             props.gridLabels[g - 1],
@@ -235,7 +240,8 @@ class PassiveBarChartWidget extends StatelessWidget {
             props.emptyHeight,
             height,
           );
-    final Color barColor = highlight == null || highlight < 0 || index == highlight
+    final Color barColor =
+        highlight == null || highlight < 0 || index == highlight
         ? color
         : color.withValues(alpha: color.a * props.dimmedOpacity);
     return TweenAnimationBuilder<double>(

lib/src/transformers/node_transformers/passive_gauge_transformer.dart

@@ -25,6 +25,10 @@ class PassiveGaugeWidget extends StatelessWidget {
   final WidgetBuildSettings settings;
   final List<VariableData> variablesOverrides;
 
+  /// The values bindings read, when the caller has them, e.g. the editor's
+  /// variable defaults on the design canvas. Defaults to the context's.
+  final ScopedValues? scopedValues;
+
   /// Overrides [GaugeProperties.animate], e.g. to hold still in the editor.
   final bool? animate;
 
@@ -33,15 +37,15 @@ class PassiveGaugeWidget extends StatelessWidget {
     required this.node,
     required this.settings,
     this.variablesOverrides = const [],
+    this.scopedValues,
     this.animate,
   });
 
   @override
   Widget build(BuildContext context) {
-    final ScopedValues scopedValues = ScopedValues.of(
-      context,
-      variablesOverrides: variablesOverrides,
-    );
+    final ScopedValues scopedValues =
+        this.scopedValues ??
+        ScopedValues.of(context, variablesOverrides: variablesOverrides);
     final GaugeProperties props = node.properties;
     final double value =
         _number(
@@ -173,7 +177,13 @@ class GaugePainter extends CustomPainter {
         ..strokeWidth = stroke;
       canvas.drawArc(rect, start, sweep, false, paint..color = track);
       if (fraction > 0) {
-        canvas.drawArc(rect, start, sweep * fraction, false, paint..color = color);
+        canvas.drawArc(
+          rect,
+          start,
+          sweep * fraction,
+          false,
+          paint..color = color,
+        );
       }
     }
 
@@ -256,8 +266,7 @@ class GaugePainter extends CustomPainter {
 
     if (props.segments > 0) {
       final double gap = props.segmentGap;
-      final double seg =
-          (length - gap * (props.segments - 1)) / props.segments;
+      final double seg = (length - gap * (props.segments - 1)) / props.segments;
       final int lit = (fraction * props.segments).round();
       final Radius segRadius = Radius.circular(
         math.min(props.cornerRadius, seg / 2),
@@ -311,7 +320,11 @@ class GaugePainter extends CustomPainter {
         final double p = length * i / props.ticks;
         if (vertical) {
           final double y = inner.bottom - p;
-          canvas.drawLine(Offset(inner.left, y), Offset(inner.left + w, y), tick);
+          canvas.drawLine(
+            Offset(inner.left, y),
+            Offset(inner.left + w, y),
+            tick,
+          );
           canvas.drawLine(
             Offset(inner.right - w, y),
             Offset(inner.right, y),
@@ -345,7 +358,11 @@ class GaugePainter extends CustomPainter {
         final double total = (b - a).distance;
         final Offset dir = (b - a) / total;
         for (double t = 0; t < total; t += dash * 2) {
-          canvas.drawLine(a + dir * t, a + dir * math.min(t + dash, total), paint);
+          canvas.drawLine(
+            a + dir * t,
+            a + dir * math.min(t + dash, total),
+            paint,
+          );
         }
       } else {
         canvas.drawLine(a, b, paint);