Update agent skills to fc0241ef3fa690fe0d1bd2238dbdb4c4e58a12ab

.gen.json

@@ -1,3 +1,3 @@
 {
-  "source_commit": "1a682947cba32cf352d0afab77f5f9bf49e0689a"
+  "source_commit": "fc0241ef3fa690fe0d1bd2238dbdb4c4e58a12ab"
 }

skills/databricks-aibi-dashboards/SKILL.md

@@ -58,6 +58,7 @@ A dashboard should be showing something relevant for a human, typically some KPI
 | `waterfall` | **1** | [2-advanced-widget-specifications.md#waterfall](references/2-advanced-widget-specifications.md#waterfall) |
 | `filter-single-select`, `filter-multi-select`, `filter-date-range-picker` | **2** | [3-filters.md#filter-widget-structure](references/3-filters.md#filter-widget-structure) |
 | `range-slider` | **2** | [3-filters.md#range-slider-numeric-range-filter](references/3-filters.md#range-slider-numeric-range-filter) |
+| `custom-vega-viz` (Vega-Lite: matrix/grid, radar, gauge, sunburst, network — only when no built-in fits) | **1** | [6-custom-visualizations.md#custom-vega-viz](references/6-custom-visualizations.md#custom-vega-viz) |
 
 > Cohort retention charts are built as a `pivot` with a color-scale cell style — there is no `cohort` widget type. See pivot in [2-advanced-widget-specifications.md](references/2-advanced-widget-specifications.md).
 
@@ -333,6 +334,7 @@ Apply unless user specifies otherwise:
 | Any widget (text, counter, table, chart) | [1-widget-specifications.md](references/1-widget-specifications.md) |
 | Advanced charts (area, scatter/Bubble, combo (Line+Bar), Choropleth map) | [2-advanced-widget-specifications.md](references/2-advanced-widget-specifications.md) |
 | Dashboard with filters (global or page-level) | [3-filters.md](references/3-filters.md) |
+| A chart type that isn't built in (matrix/grid, radar, gauge, sunburst, network) — custom **Vega-Lite** viz | [6-custom-visualizations.md](references/6-custom-visualizations.md) |
 | Debugging a broken dashboard | [5-troubleshooting.md](references/5-troubleshooting.md) |
 
 ---

skills/databricks-aibi-dashboards/references/6-custom-visualizations.md

@@ -0,0 +1,118 @@
+# Custom Visualizations (Vega-Lite)
+
+Use a **custom visualization** when the chart you need isn't a built-in
+`widgetType` (matrix/grid heatmap, radar, gauge, bullet, sunburst, radial,
+network/tree). It renders a [Vega-Lite](https://vega.github.io/vega-lite/) spec
+(public preview). It is **not** arbitrary HTML/JS/D3 — only Vega-Lite grammar.
+
+For built-in charts, prefer those (simpler, cross-filter, theme-aware by
+default). Reach for custom viz only when no built-in type fits.
+
+## `custom-vega-viz`
+
+- `version`: **1**
+- `widgetType`: "custom-vega-viz"
+- `query.disaggregated`: **true** (custom viz is row-level, not aggregated)
+
+Unlike built-in widgets — where `encodings` maps fields to axes — a custom-viz
+widget carries the entire chart as a Vega-Lite spec, and its `encodings` block is
+just the **flat list of columns** the spec is allowed to read:
+
+```json
+{
+  "widget": {
+    "name": "attack_matrix",
+    "queries": [
+      {
+        "name": "main_query",
+        "query": {
+          "datasetName": "matrix_cells",
+          "fields": [
+            {"name": "tactic_name", "expression": "`tactic_name`"},
+            {"name": "y_pos", "expression": "`y_pos`"},
+            {"name": "technique_id", "expression": "`technique_id`"},
+            {"name": "technique_state", "expression": "`technique_state`"}
+          ],
+          "disaggregated": true
+        }
+      }
+    ],
+    "spec": {
+      "version": 1,
+      "widgetType": "custom-vega-viz",
+      "jsonSpec": {"type": "vega-lite", "spec": "{\"$schema\": \"https://vega.github.io/schema/vega-lite/v5.json\", ... }"},
+      "encodings": {"fields": [
+        {"fieldName": "tactic_name"}, {"fieldName": "y_pos"},
+        {"fieldName": "technique_id"}, {"fieldName": "technique_state"}
+      ]},
+      "data": {"queryName": "main_query"}
+    }
+  },
+  "position": {"x": 0, "y": 0, "width": 12, "height": 20}
+}
+```
+
+**Rules that break the widget (blank / "invalid widget") if wrong:**
+
+- `spec.jsonSpec.spec` is a **STRING** — the Vega-Lite JSON serialized to a
+  string (e.g. `json.dumps(vega_spec)`), NOT a nested object.
+- Inside the Vega-Lite spec, refer to the query result as
+  `"data": {"name": "databricks_query"}` (this exact literal name).
+- Reference columns in the spec with `"field": "colName"` or `datum.colName` /
+  `datum["colName"]`.
+- `spec.encodings.fields` must list **every** column the spec reads, and each
+  `fieldName` must match a `query.fields[].name`.
+- `spec.data.queryName` must match the query `name` (`"main_query"`).
+
+## Responsive sizing
+
+Make the chart fill its widget box:
+
+```json
+"width": "container",
+"height": "container",
+"config": {"autosize": {"type": "fit", "contains": "padding"}}
+```
+
+## Grids, matrices, and networks: precompute positions in SQL
+
+Vega-Lite plots marks at coordinates you provide — it does **not** compute layout
+for a grid or network. Precompute positions in the dataset SQL, then render
+layers. For a column-per-category matrix (e.g. an ATT&CK grid): explode the
+category array, then assign a row slot with
+`row_number() OVER (PARTITION BY category ORDER BY id)`; encode `x = category`
+(ordinal, sorted) and `y = row_slot`, with a `rect` layer colored by a state
+column and a `text` layer for the label. Compute a per-row text-color column in
+SQL so labels stay legible on light fills, and zero-pad the row slot so an
+ordinal `y` sorts numerically.
+
+## Verified limitations
+
+- **Cross-filtering breaks LAYERED specs.** A `databricks_mark_selection` point
+  selection `params` block works on a **single-view** spec, but on a **layered**
+  spec (e.g. `rect` + `text`) the custom-viz renderer fails: the canvas stays at
+  Vega's 300×150 default and the chart renders **blank, with no console error**.
+  Confirmed with the bare param, param + highlight conditions, and explicit
+  pixel width/height — all blank. For click-to-filter, keep the spec
+  single-view (drop the text layer, rely on tooltips) or drive the drill-down
+  outside the dashboard. Built-in widgets sharing a dataset still cross-filter
+  normally.
+- **No treemap** — Vega-Lite doesn't support it.
+- **Image marks**: inline base64 `data:` URIs only, ≤ 37 KB, PNG/JPEG/WebP. No
+  remote/relative/SVG/expression-driven image URLs.
+
+## Theme-aware styling
+
+Custom viz inherits the dashboard theme (fonts, gridlines, transparent
+background) automatically. For theme-aware mark colors, reference the `colors`,
+`mode`, and `dashboardTheme` signals inside a Vega expression — e.g.
+`{"expr": "colors.markHighlightColor"}` or
+`{"expr": "dashboardTheme.visualizationColors[0]"}`.
+
+## Deploy
+
+No different from any dashboard: bare table names in `queryLines`, and
+`--dataset-catalog` / `--dataset-schema` on `lakeview create` / `update` (see
+the main SKILL.md workflow). Full Vega-Lite spec galleries (gauge, radar,
+bullet, sunburst, radial, phylogenetic tree) are in the Databricks docs:
+"Custom visualizations in AI/BI dashboards".