workbench 0.8.225__tar.gz → 0.8.227__tar.gz

{workbench-0.8.225 → workbench-0.8.227}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: workbench
-Version: 0.8.225
+Version: 0.8.227
 Summary: Workbench: A Dashboard and Python API for creating and deploying AWS SageMaker Model Pipelines
 Author-email: SuperCowPowers LLC <support@supercowpowers.com>
 License: MIT License

{workbench-0.8.225 → workbench-0.8.227}/applications/aws_dashboard/Dockerfile

@@ -7,7 +7,7 @@ EXPOSE 8000
 ENV PYTHONHASHSEED=0
 
 # Define workbench version
-ARG WORKBENCH_VERSION=0.8.224
+ARG WORKBENCH_VERSION=0.8.226
 
 # Install system packages and gunicorn in one layer
 RUN apt-get update && apt-get install -y --no-install-recommends \

{workbench-0.8.225 → workbench-0.8.227}/applications/aws_dashboard/pages/models/callbacks.py

@@ -135,13 +135,11 @@ def setup_plugin_callbacks(plugins, scatter_plot_plugin: ScatterPlot, confusion_
             if df is None:
                 raise PreventUpdate
 
-            # Get target column and compute error for coloring
+            # Get target column (residual is already computed in CachedModel)
             target = model.target()
             if isinstance(target, list):
                 target = next((t for t in target if t in inference_run), target[0])
 
-            df["error"] = abs(df["prediction"] - df[target])
-
             scatter_props = scatter_plot_plugin.update_properties(
                 df,
                 x=target,

{workbench-0.8.225 → workbench-0.8.227}/applications/aws_dashboard/pages/models/layout.py

@@ -37,8 +37,8 @@ def models_layout(
                 [
                     # Column 1: Model Details
                     dbc.Col(
-                        dcc.Loading(model_details, type="dot", color="#33aa33", delay_show=1000, delay_hide=100),
-                        width=5,
+                        dcc.Loading(model_details, type="dot", color="#33aa33", delay_show=1000),
+                        width=4,
                         className="text-break workbench-container",
                         style={"margin": "20px 0px 0px 0px", "padding": "20px"},
                     ),
@@ -50,7 +50,6 @@ def models_layout(
                                     model_plot,
                                     type="graph",
                                     delay_show=500,
-                                    style={"height": "400px"},
                                 ),
                                 className="workbench-container",
                                 style={"margin": "20px 0px 10px 20px"},
@@ -61,7 +60,7 @@ def models_layout(
                                 style={"margin": "20px 0px 10px 20px"},
                             ),
                         ],
-                        width=7,
+                        width=8,
                         style={"padding": "0px"},
                     ),
                 ],

{workbench-0.8.225 → workbench-0.8.227}/aws_setup/workbench_dashboard_full/app.py

@@ -12,7 +12,7 @@ print(f"Account: {aws_account}")
 print(f"Region: {aws_region}")
 
 # When you want a different docker image change this line
-dashboard_image = "public.ecr.aws/m6i5k1r2/workbench_dashboard:v0_8_224_amd64"
+dashboard_image = "public.ecr.aws/m6i5k1r2/workbench_dashboard:v0_8_226_amd64"
 
 # Workbench Configuration
 try:

{workbench-0.8.225 → workbench-0.8.227}/aws_setup/workbench_dashboard_lite/app.py

@@ -12,7 +12,7 @@ print(f"Account: {aws_account}")
 print(f"Region: {aws_region}")
 
 # When you want a different docker image change this line
-dashboard_image = "public.ecr.aws/m6i5k1r2/workbench_dashboard:v0_8_224_amd64"
+dashboard_image = "public.ecr.aws/m6i5k1r2/workbench_dashboard:v0_8_226_amd64"
 
 # Workbench Configuration
 try:

{workbench-0.8.225 → workbench-0.8.227}/docs/themes/details.md

@@ -54,66 +54,30 @@ Bootstrap and Dash Bootstrap Components (DBC) provide mechanisms to control them
 
 # Theming Strategy for Workbench Dashboard
 
-## **Phase 1: Application Start-Up Theming**
-This focuses on setting a polished, cohesive interface at startup. It ensures:
+## **How Theme Switching Works**
 
-1. **CSS and Plotly Templates at Start-Up**:
-   - The current system handles global styles via CSS (including Flask-served `custom.css`) and Plotly templates (via `pio.templates.default`) during app initialization.
-2. **Highly Customizable Interface**:
-   - By leveraging both custom CSS and Plotly templates, you can style everything to match branding and preferences.
+Workbench supports dynamic theme switching at runtime. When a user changes themes, the page reloads to ensure all styling systems are applied consistently.
 
-### **Why Phase 1 Works Well**
-- **Plotly Templates**: Figures are automatically styled if `pio.templates.default` is set before app initialization.
-- **CSS**: Dynamically affects the entire app without additional callbacks.
-- **Scalability**: Suitable for large apps since styles and templates are applied globally.
+### **Why We Use Page Reload**
 
-<br><br>
+1. **CSS and Plotly Templates**:
+   - Global styles are handled via CSS (including Flask-served `custom.css`) and Plotly templates (via `pio.templates.default`) during app initialization.
+   - Plotly figures have their styling "baked in" at render time—they don't respond to CSS variable changes.
 
-## **Phase 2: Dynamic Theme Switching**
-Dynamic theme switching allows users to toggle between themes (e.g., light and dark) at runtime. This is more complex, and splitting it into its own phase will reduce the complexity of each Phase.
+2. **The Alternative Would Be Complex**:
+   - Without reload, every figure would need an explicit callback to re-render when themes change.
+   - With 20+ dynamic figures across plugin pages, wiring up individual callbacks isn't practical.
 
-### **Challenges with Dynamic Switching**
-1. **Encapsulation Barriers**:
-   - A centralized callback for theme switching needs to know about every figure or component in the app, which is not scalable.
-2. **Dynamic Content/Plugins**:
-   - We have plugin pages, views, and components. A Typical app has 20 figures dynamically created, adding complexity to centralized callbacks.
+3. **Reload Is Simple and Reliable**:
+   - A page reload ensures all three systems (CSS, Plotly templates, Bootstrap) are applied correctly.
+   - Theme switching is typically a one-time choice, not something users toggle frequently.
 
+### **What Happens on Theme Change**
 
-
-### **Proposed Solution: `set_theme()` Method**
-Introduce a `set_theme()` method in each component to manage its own updates:
-
-- **Figures**: Update their `layout.template` or regenerate themselves.
-- **HTML/CSS Components**: Dynamically update styles or toggle CSS classes.
-
-### **Advantages of `set_theme()`**
-1. **Encapsulation**:
-   - Each component knows how to update itself based on the theme.
-2. **Simple Callback**:
-   - The theme switch callback iterates through all registered components and calls their `set_theme()` method.
-3. **Scalable**:
-   - Suitable for multi-page apps with many dynamic components.
-
-
-
-## **How the Two Phases Work Together**
-### Phase 1:
-- **Focus**: Global theming at app start-up.
-- **What Works**:
-  - Plotly templates are applied to all figures by default.
-  - CSS styles are applied across the app.
-
-### Phase 2:
-- **Focus**: Extend components to dynamically update their theme.
-- **What to Add**:
-  - Extend components with a `set_theme(theme_name: str)` method.
-  - The callback triggers `set_theme()` for each registered component.
-
-
-
-## **Next Steps**
-- **Phase 1**: Finalize CSS and Plotly template integration for start-up theming.
-- **Phase 2**: Begin implementing a `set_theme()` system for individual components.
+1. User selects a new theme
+2. Theme preference is saved (persisted across sessions)
+3. Page reloads
+4. On reload, the new CSS stylesheet, Plotly template, and Bootstrap theme are all applied consistently
 
 <br><br><br>
 <br><br><br>

{workbench-0.8.225 → workbench-0.8.227}/docs/themes/index.md

@@ -47,6 +47,36 @@ The `data-bs-theme=light/dark` html attribute affects **Bootstrap-specific compo
 
 * Some figure parameters will automatically work, but for stuff like colorscales the component code needs to 'pull' that from the template meta data when it updates it's figure.
 
+## Why We Require a Page Reload for Theme Switching
+
+Workbench supports dynamic theme switching—you can change themes at runtime. However, switching themes triggers a page reload rather than an instant in-place update. If you've seen demos like the [Dash Bootstrap Theme Explorer Gallery](https://hellodash.pythonanywhere.com/theme-explorer/gallery) where themes switch instantly, you might wonder why we can't do the same.
+
+### The Technical Reality
+
+**Plotly figures don't respond to CSS variables.** Unlike Bootstrap components (buttons, cards, tables) which automatically re-style when `data-bs-theme` changes, Plotly figures have their styling "baked in" at render time. The figure's colors, fonts, and backgrounds are set when the figure is created—they don't dynamically respond to theme changes.
+
+### What dash-bootstrap-templates Actually Does
+
+Even the excellent [dash-bootstrap-templates](https://github.com/AnnMarieW/dash-bootstrap-templates) library has this limitation. From their docs:
+
+> *"The All-in-One component switches the Bootstrap stylesheet and sets the default Plotly figure template, however, figures must be updated in a callback in order to render the figure with the new template."*
+
+This means every figure needs an explicit callback to re-render when the theme changes. In a simple demo app with 3-5 figures, that's manageable. In Workbench, with 20+ dynamic figures across multiple plugin pages, wiring up individual callbacks for each figure isn't practical.
+
+### Three Separate Styling Systems
+
+| **System**           | **What It Styles**              | **Instant Switching?**                     |
+|----------------------|---------------------------------|--------------------------------------------|
+| CSS/Bootstrap        | Layout, buttons, cards, tables  | ✅ Yes (via `data-bs-theme`)                |
+| Plotly Templates     | Figure axes, colors, fonts      | ❌ No - requires figure re-render           |
+| Custom CSS           | Non-Bootstrap elements          | ⚠️ Requires stylesheet swap                 |
+
+### Our Approach: Reload on Theme Change
+
+Rather than implementing complex callback wiring for every figure across all plugin pages, Workbench takes a pragmatic approach: **when you switch themes, the page reloads**. This ensures all three styling systems (CSS, Plotly templates, and Bootstrap components) are applied consistently and correctly.
+
+The reload is fast, and theme selection is typically a one-time choice rather than something users toggle frequently. This approach gives us full theme flexibility without the architectural complexity of in-place figure updates.
+
 ## Additional Resources
 
 <img align="right" src="../images/scp.png" width="180">

{workbench-0.8.225 → workbench-0.8.227}/src/workbench/cached/cached_model.py

@@ -4,7 +4,7 @@ from typing import Union
 import pandas as pd
 
 # Workbench Imports
-from workbench.core.artifacts.model_core import ModelCore
+from workbench.core.artifacts.model_core import ModelCore, ModelType
 from workbench.core.artifacts.cached_artifact_mixin import CachedArtifactMixin
 
 
@@ -84,20 +84,58 @@ class CachedModel(CachedArtifactMixin, ModelCore):
         return super().get_inference_metrics(capture_name=capture_name)
 
     @CachedArtifactMixin.cache_result
-    def get_inference_predictions(self, capture_name: str = "auto_inference") -> Union[pd.DataFrame, None]:
+    def get_inference_predictions(
+        self, capture_name: str = "auto_inference", limit: int = 1000
+    ) -> Union[pd.DataFrame, None]:
         """Retrieve the captured prediction results for this model
 
         Args:
-            capture_name (str, optional): Specific capture_name (default: training_holdout)
+            capture_name (str, optional): Specific capture_name (default: auto_inference)
+            limit (int, optional): Maximum rows to return (default: 1000)
 
         Returns:
             pd.DataFrame: DataFrame of the Captured Predictions (might be None)
         """
-        # Note: This method can generate larger dataframes, so we'll sample if needed
         df = super().get_inference_predictions(capture_name=capture_name)
-        if df is not None and len(df) > 5000:
-            self.log.warning(f"{self.name}:{capture_name} Sampling Inference Predictions to 5000 rows")
-            return df.sample(5000)
+        if df is None:
+            return None
+
+        # Compute residual and do smart sampling based on model type
+        is_regressor = self.model_type in [ModelType.REGRESSOR, ModelType.UQ_REGRESSOR, ModelType.ENSEMBLE_REGRESSOR]
+        is_classifier = self.model_type == ModelType.CLASSIFIER
+
+        if is_regressor:
+            target = self.target()
+            if target and "prediction" in df.columns and target in df.columns:
+                df["residual"] = abs(df["prediction"] - df[target])
+
+        elif is_classifier:
+            target = self.target()
+            class_labels = self.class_labels()
+            if target and "prediction" in df.columns and target in df.columns and class_labels:
+                # Create a mapping from label to ordinal index
+                label_to_idx = {label: idx for idx, label in enumerate(class_labels)}
+                # Compute residual as distance between predicted and actual class
+                df["residual"] = abs(
+                    df["prediction"].map(label_to_idx).fillna(-1) - df[target].map(label_to_idx).fillna(-1)
+                )
+
+        # Smart sampling: half high-residual rows, half random from the rest
+        if "residual" in df.columns and len(df) > limit:
+            half_limit = limit // 2
+            self.log.warning(
+                f"{self.name}:{capture_name} Sampling {limit} rows (top {half_limit} residuals + {half_limit} random)"
+            )
+            top_residuals = df.nlargest(half_limit, "residual")
+            remaining = df.drop(top_residuals.index)
+            random_sample = remaining.sample(min(half_limit, len(remaining)))
+            return pd.concat([top_residuals, random_sample]).reset_index(drop=True)
+
+        # Fallback: just limit rows if no residual computed
+        if len(df) > limit:
+            self.log.warning(f"{self.name}:{capture_name} Sampling to {limit} rows")
+            return df.sample(limit)
+
         return df
 
     @CachedArtifactMixin.cache_result

{workbench-0.8.225 → workbench-0.8.227}/src/workbench/core/artifacts/endpoint_core.py

@@ -546,7 +546,14 @@ class EndpointCore(Artifact):
         target_list = targets if isinstance(targets, list) else [targets]
         primary_target = target_list[0]
 
-        # Collect UQ columns (q_*, confidence) for additional tracking
+        # If we don't have a smiles column, try to merge it from the FeatureSet
+        if "smiles" not in out_of_fold_df.columns:
+            fs_df = fs.query(f'SELECT {fs.id_column}, "smiles" FROM "{fs.athena_table}"')
+            if "smiles" in fs_df.columns:
+                self.log.info("Merging 'smiles' column from FeatureSet into out-of-fold predictions.")
+                out_of_fold_df = out_of_fold_df.merge(fs_df, on=fs.id_column, how="left")
+
+        # Collect UQ columns (q_*, confidence) for additional tracking (used for hashing)
         additional_columns = [col for col in out_of_fold_df.columns if col.startswith("q_") or col == "confidence"]
         if additional_columns:
             self.log.info(f"UQ columns from training: {', '.join(additional_columns)}")
@@ -559,7 +566,6 @@ class EndpointCore(Artifact):
         # For single-target models (99% of cases), just save as "full_cross_fold"
         # For multi-target models, save each as cv_{target} plus primary as "full_cross_fold"
         is_multi_target = len(target_list) > 1
-
         for target in target_list:
             # Drop rows with NaN target values for metrics/plots
             target_df = out_of_fold_df.dropna(subset=[target])
@@ -899,6 +905,10 @@ class EndpointCore(Artifact):
         # Add UQ columns (q_*, confidence) and proba columns
         output_columns += [c for c in cols if c.startswith("q_") or c == "confidence" or c.endswith("_proba")]
 
+        # Add smiles column if present
+        if "smiles" in cols:
+            output_columns.append("smiles")
+
         # Write the predictions to S3
         output_file = f"{inference_capture_path}/inference_predictions.csv"
         self.log.info(f"Writing predictions to {output_file}")

{workbench-0.8.225 → workbench-0.8.227}/src/workbench/themes/dark/plotly.json

@@ -483,11 +483,11 @@
                 [1.0, "rgb(200, 100, 100)"]
             ],
             "sequential": [
-                [0.0, "rgb(100, 100, 200)"],
-                [0.4, "rgb(100, 200, 100)"],
-                [0.65, "rgb(180, 180, 50)"],
-                [0.85, "rgb(200, 100, 100)"],
-                [1.0, "rgb(200, 100, 100)"]
+                [0.0, "rgba(80, 100, 255, 1.0)"],
+                [0.25, "rgba(70, 145, 220, 1.0)"],
+                [0.5, "rgba(70, 220, 100, 1.0)"],
+                [0.75, "rgba(255, 181, 80, 1.0)"],
+                [1.0, "rgba(232, 50, 131, 1.0)"]
             ],
             "sequentialminus": [
                 [0.0, "rgb(255, 100, 100)"],

workbench-0.8.227/src/workbench/themes/light/custom.css

@@ -0,0 +1,258 @@
+/* Light Theme Color Palette - Blue-Purple Blend */
+:root {
+    /* Primary colors - blue to purple blend, low saturation */
+    --wb-lightest: rgb(200, 205, 215);        /* Very light blue-lavender - backgrounds */
+    --wb-light: rgb(195, 205, 225);           /* Light periwinkle - alternate rows */
+    --wb-medium: rgb(175, 185, 215);          /* Medium blue-purple - headers */
+    --wb-accent: rgb(120, 130, 180);          /* Blue-purple accent - borders */
+    --wb-dark: rgb(80, 90, 140);              /* Dark blue-purple - strong accents */
+
+    /* Text colors */
+    --wb-text-primary: rgb(45, 50, 65);       /* Primary text - dark blue-purple */
+    --wb-text-secondary: rgb(70, 75, 95);     /* Secondary text */
+    --wb-text-muted: rgb(95, 100, 120);       /* Muted text */
+
+    /* Semantic colors */
+    --wb-success: rgb(40, 110, 50);
+    --wb-info: rgb(60, 80, 160);
+    --wb-warning: rgb(170, 90, 10);
+    --wb-danger: rgb(180, 50, 80);
+    --wb-pink: rgb(200, 100, 200);
+
+    /* Shadows - purple-tinted */
+    --wb-shadow-light: rgba(80, 90, 140, 0.15);
+    --wb-shadow-medium: rgba(80, 90, 140, 0.25);
+
+    /* Dropdown/form colors */
+    --wb-dropdown-bg: rgb(185, 185, 195);
+    --wb-dropdown-focus: rgb(195, 195, 205);
+    --wb-dropdown-hover: rgb(195, 195, 205);
+
+    /* Container colors (with alpha) */
+    --wb-container-bg: rgba(175, 185, 215, 0.5);
+    --wb-container-bg-light: rgba(175, 185, 215, 0.25);
+    --wb-table-cell-bg: rgba(205, 215, 235, 0.5);
+
+    /* Body gradient colors */
+    --wb-body-gradient-start: rgb(180, 195, 215);
+    --wb-body-gradient-mid: rgb(170, 175, 205);
+    --wb-body-gradient-end: rgb(185, 175, 205);
+
+    /* Table header gradient colors */
+    --wb-header-red-start: rgb(200, 120, 120);
+    --wb-header-red-end: rgb(160, 90, 90);
+    --wb-header-yellow-start: rgb(180, 175, 100);
+    --wb-header-yellow-end: rgb(140, 135, 70);
+    --wb-header-green-start: rgb(110, 170, 110);
+    --wb-header-green-end: rgb(80, 130, 80);
+    --wb-header-purple-start: rgb(160, 120, 180);
+    --wb-header-purple-end: rgb(120, 85, 140);
+}
+
+h1, h2, h3, h4 {
+    color: var(--wb-text-primary);
+}
+
+body {
+    color: var(--wb-text-primary);
+    background: linear-gradient(135deg, var(--wb-body-gradient-start) 0%, var(--wb-body-gradient-mid) 50%, var(--wb-body-gradient-end) 100%);
+}
+
+/* Custom CSS to style bold text */
+b, strong {
+    color: var(--wb-text-primary);
+}
+
+/* Reduce spacing around lists */
+p {
+    margin-bottom: 0 !important;
+}
+ul, ol {
+    margin-top: 0 !important;
+    margin-bottom: 0.25em !important;
+}
+
+/* AgGrid custom CSS */
+
+/* Adjust header background color */
+.ag-header {
+    --ag-header-background-color: var(--wb-medium);
+}
+
+/* Adjust cell background and text color */
+.ag-cell {
+    background-color: var(--wb-lightest);
+    color: var(--wb-text-primary);
+}
+
+/* Alternate row colors */
+.ag-row:nth-child(even) .ag-cell {
+    background-color: var(--wb-light);
+}
+
+/* AgGrid header text color */
+.ag-header-cell-text {
+    color: var(--wb-text-primary);
+}
+
+/* Selection color for the entire row */
+.ag-row.ag-row-selected .ag-cell {
+    background-color: var(--wb-medium);
+}
+
+/* There's a one pixel border around the grid that we want to remove */
+.ag-root-wrapper {
+    border: none !important; /* Force removal with !important */
+}
+
+
+/* Box shadow and rounded corners for all AgGrid themes */
+[class*="ag-theme-"] {
+    box-shadow: 2px 2px 6px 5px var(--wb-shadow-light);
+    border-radius: 12px;
+    border: 0.5px solid var(--wb-accent);
+    margin: 0;
+    padding: 0;
+}
+
+/* Apply styling to Workbench containers */
+.workbench-container {
+    background-color: var(--wb-container-bg);
+    box-shadow: 2px 2px 6px 5px var(--wb-shadow-light);
+    border-radius: 12px;
+}
+
+/* Apply styling to Workbench Offsets */
+.workbench-offset {
+    background-color: var(--wb-container-bg-light);
+    box-shadow: 1px 1px 3px 2px var(--wb-shadow-light);
+    border-radius: 12px;
+}
+
+/* Apply styling to Workbench Highlight */
+.workbench-highlight {
+    background-color: var(--wb-container-bg);
+    box-shadow: 1px 1px 3px 2px var(--wb-shadow-light);
+    border-radius: 12px;
+}
+
+/* Apply styling to custom tooltips */
+.custom-tooltip {
+    background-color: var(--wb-lightest);
+    box-shadow: 2px 2px 6px 5px var(--wb-shadow-medium);
+    border-radius: 25px;
+    overflow: hidden;
+    border: 2px solid var(--wb-accent);
+}
+
+/* Some of the HTML/Markdown will use color hints like 'green-text' or 'blue-text' */
+.green-text {
+    color: var(--wb-success);
+}
+
+.blue-text {
+    color: var(--wb-info);
+}
+
+.pink-text {
+    color: var(--wb-pink);
+}
+
+.red-text {
+    color: var(--wb-danger);
+}
+
+.orange-text {
+    color: var(--wb-warning);
+}
+
+.alert {
+    color: var(--wb-danger);
+}
+
+.warning {
+    color: var(--wb-warning);
+}
+
+.good {
+    color: var(--wb-success);
+}
+
+/* Dropdown styling (dcc.Dropdown) - override Bootstrap's variables */
+.dash-dropdown {
+    --bs-body-bg: var(--wb-dropdown-bg);
+    --bs-body-color: var(--wb-text-primary);
+    --bs-border-color: var(--wb-accent);
+}
+
+/* Bootstrap form controls (dbc components) */
+.form-select, .form-control {
+    background-color: var(--wb-dropdown-bg) !important;
+    border: 1px solid var(--wb-accent) !important;
+    color: var(--wb-text-primary) !important;
+}
+
+.form-select:focus, .form-control:focus {
+    background-color: var(--wb-dropdown-focus) !important;
+    border-color: var(--wb-dark) !important;
+    box-shadow: 0 0 0 0.2rem var(--wb-shadow-light) !important;
+}
+
+.dropdown-menu {
+    background-color: var(--wb-dropdown-bg) !important;
+    border: 1px solid var(--wb-accent) !important;
+}
+
+.dropdown-item {
+    color: var(--wb-text-primary) !important;
+}
+
+.dropdown-item:hover, .dropdown-item:focus {
+    background-color: var(--wb-dropdown-hover) !important;
+    color: var(--wb-text-primary) !important;
+}
+
+/* Table styling */
+table {
+    width: 100%;
+}
+
+th {
+    padding: 10px;
+    border: 1px solid var(--wb-accent);
+    background-color: var(--wb-medium);
+    font-weight: bold;
+    text-align: center !important;
+}
+
+td {
+    padding: 5px;
+    border: 0.5px solid var(--wb-accent);
+    background-color: var(--wb-table-cell-bg);
+    text-align: center !important;
+}
+
+/* AG Grid table header colors - gradient theme */
+/* Data Sources tables - red gradient */
+#main_data_sources .ag-header,
+#data_sources_table .ag-header {
+    background: linear-gradient(180deg, var(--wb-header-red-start) 0%, var(--wb-header-red-end) 100%) !important;
+}
+
+/* Feature Sets tables - yellow/olive gradient */
+#main_feature_sets .ag-header,
+#feature_sets_table .ag-header {
+    background: linear-gradient(180deg, var(--wb-header-yellow-start) 0%, var(--wb-header-yellow-end) 100%) !important;
+}
+
+/* Models tables - green gradient */
+#main_models .ag-header,
+#models_table .ag-header {
+    background: linear-gradient(180deg, var(--wb-header-green-start) 0%, var(--wb-header-green-end) 100%) !important;
+}
+
+/* Endpoints tables - purple gradient */
+#main_endpoints .ag-header,
+#endpoints_table .ag-header {
+    background: linear-gradient(180deg, var(--wb-header-purple-start) 0%, var(--wb-header-purple-end) 100%) !important;
+}

{workbench-0.8.225 → workbench-0.8.227}/src/workbench/themes/light/plotly.json

@@ -133,7 +133,7 @@
                     "ticks": ""
                 },
                 "colorscale": [
-                    [0.0, "rgb(100, 100, 200)"],
+                    [0.0, "rgba(100, 100, 200, 0.8)"],
                     [0.4, "rgb(100, 200, 100)"],
                     [0.65, "rgb(170, 170, 50)"],
                     [0.85, "rgb(200, 100, 100)"],
@@ -476,14 +476,14 @@
         },
         "colorscale": {
             "diverging": [
-                [0.0, "rgb(100, 100, 255)"],
+                [0.0, "rgba(100, 100, 255, 0.8)"],
                 [0.4, "rgb(100, 240, 100)"],
                 [0.65, "rgb(200, 200, 50)"],
                 [0.85, "rgb(255, 100, 100)"],
                 [1.0, "rgb(255, 100, 100)"]
             ],
             "sequential": [
-                [0.0, "rgb(100, 100, 200)"],
+                [0.0, "rgba(100, 100, 200, 0.8)"],
                 [0.4, "rgb(100, 200, 100)"],
                 [0.65, "rgb(170, 170, 50)"],
                 [0.85, "rgb(200, 100, 100)"],
@@ -561,8 +561,8 @@
         "mapbox": {
             "style": "light"
         },
-        "paper_bgcolor": "rgba(0, 0, 0, 0.0)",
-        "plot_bgcolor": "rgba(0, 0, 0, 0.0)",
+        "paper_bgcolor": "rgba(255, 255, 255, 0.0)",
+        "plot_bgcolor": "rgba(255, 255, 255, 0.0)",
         "polar": {
             "angularaxis": {
                 "gridcolor": "#EBF0F8",
@@ -633,25 +633,25 @@
         },
         "xaxis": {
             "automargin": true,
-            "gridcolor": "#ffffff",
+            "gridcolor": "rgba(120, 130, 160, 0.3)",
             "linecolor": "#EBF0F8",
             "ticks": "",
             "title": {
                 "standoff": 15
             },
-            "zerolinecolor": "#edeeee",
+            "zerolinecolor": "rgba(120, 130, 160, 0.4)",
             "zerolinewidth": 2,
             "gridwidth": 0.5
         },
         "yaxis": {
             "automargin": true,
-            "gridcolor": "#ffffff",
+            "gridcolor": "rgba(120, 130, 160, 0.3)",
             "linecolor": "#EBF0F8",
             "ticks": "",
             "title": {
                 "standoff": 15
             },
-            "zerolinecolor": "#edeeee",
+            "zerolinecolor": "rgba(120, 130, 160, 0.4)",
             "zerolinewidth": 2,
             "gridwidth": 0.5
         },