@malloy-publisher/sdk 0.0.219 → 0.0.221

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CQMDeQ_C.cjs.js"),o=require("./ServerProvider-RXwIqb5f.cjs.js");exports.AnalyzePackageButton=e.AnalyzePackageButton;exports.BrowserWorkbookStorage=e.BrowserWorkbookStorage;exports.ConnectionExplorer=e.ConnectionExplorer;exports.DimensionFilter=e.DimensionFilter;exports.EmbeddedQueryResult=e.EmbeddedQueryResult;exports.Environment=e.Environment;exports.Home=e.Home;exports.Loading=e.Loading;exports.Materializations=e.Materializations;exports.Model=e.Model;exports.ModelExplorer=e.ModelExplorer;exports.ModelExplorerDialog=e.ModelExplorerDialog;exports.Models=e.Models;exports.Notebook=e.Notebook;exports.Package=e.Package;exports.Packages=e.Packages;exports.PageViewer=e.PageViewer;exports.QueryResult=e.QueryResult;exports.RenderedResult=e.RenderedResult;exports.ResultContainer=e.ResultContainer;exports.SourceExplorerComponent=e.SourceExplorerComponent;exports.SourcesExplorer=e.SourcesExplorer;exports.Workbook=e.Workbook;exports.WorkbookList=e.WorkbookList;exports.WorkbookManager=e.WorkbookManager;exports.WorkbookStorageProvider=e.WorkbookStorageProvider;exports.createEmbeddedQueryResult=e.createEmbeddedQueryResult;exports.encodeResourceUri=e.encodeResourceUri;exports.extractDimensionSpecs=e.extractDimensionSpecs;exports.extractSourceFromQuery=e.extractSourceFromQuery;exports.generateFilterClause=e.generateFilterClause;exports.getDimensionKey=e.getDimensionKey;exports.getJoinedSources=e.getJoinedSources;exports.injectWhereClause=e.injectWhereClause;exports.makeDimensionKey=e.makeDimensionKey;exports.parseAllSourceInfos=e.parseAllSourceInfos;exports.parseDimensionFilterAnnotation=e.parseDimensionFilterAnnotation;exports.parseNotebookFilterAnnotation=e.parseNotebookFilterAnnotation;exports.parseResourceUri=e.parseResourceUri;exports.useDimensionFilters=e.useDimensionFilters;exports.useDimensionFiltersFromSpec=e.useDimensionFiltersFromSpec;exports.useDimensionFiltersQuery=e.useDimensionFiltersQuery;exports.useDimensionalFilterRangeData=e.useDimensionalFilterRangeData;exports.useGivensForm=e.useGivensForm;exports.useModelData=e.useModelData;exports.useModelGivens=e.useModelGivens;exports.useRawQueryData=e.useRawQueryData;exports.useRouterClickHandler=e.useRouterClickHandler;exports.ServerProvider=o.ServerProvider;exports.useServer=o.useServer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DmzHCafz.cjs.js"),r=require("./ServerProvider-j5Jof3CU.cjs.js");exports.AnalyzePackageButton=e.AnalyzePackageButton;exports.BrowserWorkbookStorage=e.BrowserWorkbookStorage;exports.ConnectionExplorer=e.ConnectionExplorer;exports.DimensionFilter=e.DimensionFilter;exports.EmbeddedQueryResult=e.EmbeddedQueryResult;exports.Environment=e.Environment;exports.Home=e.Home;exports.Loading=e.Loading;exports.Materializations=e.Materializations;exports.Model=e.Model;exports.ModelExplorer=e.ModelExplorer;exports.ModelExplorerDialog=e.ModelExplorerDialog;exports.Models=e.Models;exports.Notebook=e.Notebook;exports.Package=e.Package;exports.Packages=e.Packages;exports.PageViewer=e.PageViewer;exports.QueryResult=e.QueryResult;exports.RenderedResult=e.RenderedResult;exports.ResultContainer=e.ResultContainer;exports.SourceExplorerComponent=e.SourceExplorerComponent;exports.SourcesExplorer=e.SourcesExplorer;exports.Workbook=e.Workbook;exports.WorkbookList=e.WorkbookList;exports.WorkbookManager=e.WorkbookManager;exports.WorkbookStorageProvider=e.WorkbookStorageProvider;exports.buildMalloyExplicitTheme=e.buildMalloyExplicitTheme;exports.buildTableCssVars=e.buildTableCssVars;exports.buildVegaThemeOverride=e.buildVegaThemeOverride;exports.createEmbeddedQueryResult=e.createEmbeddedQueryResult;exports.encodeResourceUri=e.encodeResourceUri;exports.extractDimensionSpecs=e.extractDimensionSpecs;exports.extractSourceFromQuery=e.extractSourceFromQuery;exports.generateFilterClause=e.generateFilterClause;exports.getDimensionKey=e.getDimensionKey;exports.getJoinedSources=e.getJoinedSources;exports.injectWhereClause=e.injectWhereClause;exports.makeDimensionKey=e.makeDimensionKey;exports.parseAllSourceInfos=e.parseAllSourceInfos;exports.parseDimensionFilterAnnotation=e.parseDimensionFilterAnnotation;exports.parseNotebookFilterAnnotation=e.parseNotebookFilterAnnotation;exports.parseResourceUri=e.parseResourceUri;exports.readChartAnnotations=e.readChartAnnotations;exports.useDimensionFilters=e.useDimensionFilters;exports.useDimensionFiltersFromSpec=e.useDimensionFiltersFromSpec;exports.useDimensionFiltersQuery=e.useDimensionFiltersQuery;exports.useDimensionalFilterRangeData=e.useDimensionalFilterRangeData;exports.useGivensForm=e.useGivensForm;exports.useModelData=e.useModelData;exports.useModelGivens=e.useModelGivens;exports.useRawQueryData=e.useRawQueryData;exports.useRouterClickHandler=e.useRouterClickHandler;exports.DEFAULT_THEME=r.DEFAULT_THEME;exports.ServerProvider=r.ServerProvider;exports.ThemeProvider=r.ThemeProvider;exports.resolveMode=r.resolveMode;exports.resolveTheme=r.resolveTheme;exports.usePublisherTheme=r.usePublisherTheme;exports.useServer=r.useServer;

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export { default as ConnectionExplorer } from './components/Environment/Connecti
 export { useServer } from './components/ServerProvider';
 export * from './hooks';
 export { useRawQueryData } from './hooks/useRawQueryData';
+export * from './theme';
 export * from './utils/formatting';

package/dist/index.es.js

@@ -1,54 +1,63 @@
-import { A as a, O as o, C as r, D as n, F as i, E as t, H as l, L as u, M as m, o as d, q as c, r as k, y as p, N as g, x as D, P as S, B as F, Q as R, R as x, I as y, t as b, S as E, W as M, J as v, T as C, K as P, G as Q, a2 as W, g as A, i as f, j as w, Z as B, k as G, l as H, _ as K, p as L, m as N, n as U, a1 as j, U as z, V as I, X as J, Y as V, a0 as h, v as q, $ as O, u as T, e as X } from "./index-BTfp6uRs.es.js";
-import { S as Z, u as _ } from "./ServerProvider-DaYKdCxq.es.js";
+import { A as s, O as o, C as r, D as i, F as n, E as t, H as l, L as u, M as d, o as m, q as c, r as k, y as p, N as g, x as D, P as b, B as E, Q as F, R as S, I as v, t as y, S as M, W as R, J as x, T as C, K as P, a1 as T, a2 as h, a3 as A, G as Q, a6 as W, g as B, i as H, j as L, Z as U, k as V, l as f, _ as w, p as z, m as G, n as K, a5 as N, a4 as j, U as I, V as J, X as O, Y as _, a0 as q, v as X, $ as Y, u as Z, e as $ } from "./index-Br50Niyz.es.js";
+import { az as ae, S as se, aB as oe, aA as re, ay as ie, al as ne, u as te } from "./ServerProvider-XsVzz-OD.es.js";
 export {
-  a as AnalyzePackageButton,
+  s as AnalyzePackageButton,
   o as BrowserWorkbookStorage,
   r as ConnectionExplorer,
-  n as DimensionFilter,
-  i as EmbeddedQueryResult,
+  ae as DEFAULT_THEME,
+  i as DimensionFilter,
+  n as EmbeddedQueryResult,
   t as Environment,
   l as Home,
   u as Loading,
-  m as Materializations,
-  d as Model,
+  d as Materializations,
+  m as Model,
   c as ModelExplorer,
   k as ModelExplorerDialog,
   p as Models,
   g as Notebook,
   D as Package,
-  S as Packages,
-  F as PageViewer,
-  R as QueryResult,
-  x as RenderedResult,
-  y as ResultContainer,
-  Z as ServerProvider,
-  b as SourceExplorerComponent,
-  E as SourcesExplorer,
-  M as Workbook,
-  v as WorkbookList,
+  b as Packages,
+  E as PageViewer,
+  F as QueryResult,
+  S as RenderedResult,
+  v as ResultContainer,
+  se as ServerProvider,
+  y as SourceExplorerComponent,
+  M as SourcesExplorer,
+  oe as ThemeProvider,
+  R as Workbook,
+  x as WorkbookList,
   C as WorkbookManager,
   P as WorkbookStorageProvider,
+  T as buildMalloyExplicitTheme,
+  h as buildTableCssVars,
+  A as buildVegaThemeOverride,
   Q as createEmbeddedQueryResult,
   W as encodeResourceUri,
-  A as extractDimensionSpecs,
-  f as extractSourceFromQuery,
-  w as generateFilterClause,
-  B as getDimensionKey,
-  G as getJoinedSources,
-  H as injectWhereClause,
-  K as makeDimensionKey,
-  L as parseAllSourceInfos,
-  N as parseDimensionFilterAnnotation,
-  U as parseNotebookFilterAnnotation,
-  j as parseResourceUri,
-  z as useDimensionFilters,
-  I as useDimensionFiltersFromSpec,
-  J as useDimensionFiltersQuery,
-  V as useDimensionalFilterRangeData,
-  h as useGivensForm,
-  q as useModelData,
-  O as useModelGivens,
-  T as useRawQueryData,
-  X as useRouterClickHandler,
-  _ as useServer
+  B as extractDimensionSpecs,
+  H as extractSourceFromQuery,
+  L as generateFilterClause,
+  U as getDimensionKey,
+  V as getJoinedSources,
+  f as injectWhereClause,
+  w as makeDimensionKey,
+  z as parseAllSourceInfos,
+  G as parseDimensionFilterAnnotation,
+  K as parseNotebookFilterAnnotation,
+  N as parseResourceUri,
+  j as readChartAnnotations,
+  re as resolveMode,
+  ie as resolveTheme,
+  I as useDimensionFilters,
+  J as useDimensionFiltersFromSpec,
+  O as useDimensionFiltersQuery,
+  _ as useDimensionalFilterRangeData,
+  q as useGivensForm,
+  X as useModelData,
+  Y as useModelGivens,
+  ne as usePublisherTheme,
+  Z as useRawQueryData,
+  $ as useRouterClickHandler,
+  te as useServer
 };

package/dist/theme/ThemeContext.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { ResolvedTheme, Theme, ThemeMode } from './types';
+interface ThemeContextValue {
+    /** Theme resolved from {@link layers} + {@link mode}. Used by the app shell. */
+    theme: ResolvedTheme;
+    /**
+     * Raw base layers in cascade order. Today this holds only the
+     * instance-level theme from `/status`; the built-in defaults live inside
+     * {@link resolveTheme}, not in this array. Exposed so per-chart renderers
+     * can append a per-chart override and re-run {@link resolveTheme} without
+     * losing that instance baseline. The merge accepts any number of
+     * lower-precedence layers, so a per-environment layer can be fed in here
+     * later (once the server wires it through) without changing the merge.
+     */
+    layers: Array<Theme | undefined>;
+    /**
+     * The effective mode applied to charts and chrome (always "light" or "dark").
+     * "auto" is resolved before reaching here.
+     */
+    mode: ThemeMode;
+    /**
+     * The viewer's stored preference: "light" | "dark" | "auto", or undefined
+     * when no choice has been persisted. Use this (not {@link mode}) when
+     * rendering a multi-state toggle that needs to expose "auto" as a position.
+     */
+    userChoice: ThemeMode | "auto" | undefined;
+    setMode: (mode: ThemeMode | "auto") => void;
+    allowUserToggle: boolean;
+}
+interface ThemeProviderProps {
+    layers: Array<Theme | undefined>;
+    mode: ThemeMode;
+    userChoice: ThemeMode | "auto" | undefined;
+    setMode: (mode: ThemeMode | "auto") => void;
+    allowUserToggle?: boolean;
+    children: ReactNode;
+}
+export declare function ThemeProvider({ layers, mode, userChoice, setMode, allowUserToggle, children, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Resolved publisher theme. Returns a sensible default outside a provider
+ * so SDK consumers (third-party embedders, isolated stories) still get
+ * styled output without having to mount the provider.
+ */
+export declare function usePublisherTheme(): ThemeContextValue;
+export {};

package/dist/theme/buildMalloyExplicitTheme.d.ts

@@ -0,0 +1,34 @@
+import { MalloyExplicitTheme } from '@malloydata/render';
+import { ResolvedTheme } from './types';
+/**
+ * Map our {@link ResolvedTheme} onto the explicit `theme` option that
+ * `@malloydata/render` accepts. Values flow into the renderer's inline
+ * `--malloy-render--*` style ahead of any `# theme.*` annotations the
+ * Malloy result carries, so operator choices made in the Theme Editor
+ * reach table chrome and dashboard tiles directly instead of going
+ * through the outer-wrapper var cascade.
+ *
+ * Two non-operator-customizable fields:
+ *
+ * - `background` paints the renderer's HTML chrome (the area between
+ *   dashboard tiles). Sourced from `theme.dashboardRoot` — mode-keyed,
+ *   stays decoupled from `palette.background` so a bold accent on the
+ *   chart canvas doesn't bleed across the panel.
+ * - `tableBackground` paints the table interior. Sourced from
+ *   `theme.tableBackground` — currently tracks `palette.background`
+ *   so charts and tables share a single viz surface colour.
+ *
+ * Operator-customizable mappings:
+ *
+ * - `tablePinnedBackground` = `theme.tableHeaderBackground` (a NEW
+ *   schema field). Despite the renderer's name, this paints the
+ *   table header row (`.malloy-table .pinned-header.th` in
+ *   scroll-pinned tables; for non-pinned tables our CSS override
+ *   forces the same value onto `.th.column-cell`). Distinct from
+ *   `tile` (below).
+ * - `tile` does NOT flow to `tablePinnedBackground` anymore — the
+ *   dashboard tile container picks it up via our outer-wrapper
+ *   `--malloy-render--tile-background` var and the CSS override on
+ *   `.dashboard-item`. See `buildTableCssVars`.
+ */
+export declare function buildMalloyExplicitTheme(theme: ResolvedTheme): MalloyExplicitTheme;

package/dist/theme/buildTableCssVars.d.ts

@@ -0,0 +1,25 @@
+import { ResolvedTheme } from './types';
+/**
+ * Build the CSS variable map applied to the wrapper element around
+ * `<malloy-render>`. The values here power two things only:
+ *
+ * 1. The dashboard tile chrome rules in
+ *    {@link PUBLISHER_RENDERER_OVERRIDES_CSS} (`.dashboard-item`,
+ *    `.dashboard-item-title`, `.dashboard-item-value`, ...). The
+ *    renderer doesn't expose those surfaces through its `theme` prop,
+ *    so we paint them ourselves via the var cascade.
+ *
+ * 2. Renderer-internal rules that read the same `--malloy-render--*`
+ *    names. The renderer's own `theme` prop write (see
+ *    `buildMalloyExplicitTheme`) usually sets these inline on a deeper
+ *    element first, but we set them on the outer wrapper so the var
+ *    has a value even when the prop is partial.
+ *
+ * Single namespace by design: the `--malloy-theme--*` shadow set we
+ * used to emit was a workaround for the renderer's
+ * `var(--malloy-theme--<key>)` fallback lookup, which only fires when
+ * no explicit `theme` prop is given. With the prop wired we no longer
+ * compete with that lookup, so the shadow namespace just bloated
+ * every wrapper element's inline style.
+ */
+export declare function buildTableCssVars(theme: ResolvedTheme): Record<string, string>;

package/dist/theme/buildVegaThemeOverride.d.ts

@@ -0,0 +1,16 @@
+import { ResolvedTheme } from './types';
+/**
+ * Produce a `vegaConfigOverride` callback for `new MalloyRenderer({...})`.
+ * The renderer invokes the callback once per chart type and merges the
+ * returned object into the Vega spec's config. We set the category
+ * colour scale, the global font, the page background, and foreground /
+ * faint colours so chart text and axis chrome inherit the active mode.
+ *
+ * Foreground and axis-faint values come from {@link ResolvedTheme}
+ * (computed once in `resolveTheme`), so this builder no longer branches
+ * on mode itself.
+ *
+ * The same config is returned for every chart type today. The
+ * parameter is reserved for future per-chart-type tweaks.
+ */
+export declare function buildVegaThemeOverride(theme: ResolvedTheme): (_chartType: string) => Record<string, unknown>;

package/dist/theme/defaults.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from './types';
+/**
+ * Built-in theme used when nothing has been configured. Series palette
+ * and font are shared across modes; only colours that should genuinely
+ * change in dark mode (backgrounds, foregrounds) are per-mode.
+ */
+export declare const DEFAULT_THEME: Required<Theme>;

package/dist/theme/index.d.ts

@@ -0,0 +1,8 @@
+export { buildMalloyExplicitTheme } from './buildMalloyExplicitTheme';
+export { buildTableCssVars } from './buildTableCssVars';
+export { buildVegaThemeOverride } from './buildVegaThemeOverride';
+export { DEFAULT_THEME } from './defaults';
+export { readChartAnnotations } from './readChartAnnotations';
+export { resolveMode, resolveTheme } from './resolveTheme';
+export { ThemeProvider, usePublisherTheme } from './ThemeContext';
+export type { ResolvedTheme, Theme, ThemeMode } from './types';

package/dist/theme/keys.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The set of palette colour keys that have separate light and dark
+ * variants. This is the SDK-side canonical list, consumed by the
+ * annotation reader (readChartAnnotations) and the theme resolver
+ * (resolveTheme). The server keeps its own copy in
+ * packages/server/src/config.ts: the two packages are intentionally
+ * decoupled (neither imports the other; their only shared contract is
+ * api-doc.yaml, from which the server generates its Theme type), so the
+ * list is hand-duplicated. A server-side parity test
+ * (theme_key_parity.spec.ts) fails if this list, the server copy, or the
+ * api-doc Theme.palette schema drift apart. Adding a new per-mode colour
+ * means updating all three.
+ *
+ * Non-per-mode fields (series palette, font.family, font.size,
+ * defaultMode, allowUserToggle) are intentionally absent. Operators
+ * picked colours that change between modes; brand identity (series,
+ * fonts) stays consistent across modes.
+ */
+export declare const PER_MODE_COLOR_KEYS: readonly ["background", "tableHeader", "tableHeaderBackground", "tableBody", "tile", "tileTitle", "mapColor"];
+export type PerModeColorKey = (typeof PER_MODE_COLOR_KEYS)[number];

package/dist/theme/readChartAnnotations.d.ts

@@ -0,0 +1,23 @@
+import { Tag } from '@malloydata/malloy-tag';
+import { Theme } from './types';
+/**
+ * Read a `theme.*` annotation block out of a parsed Malloy {@link Tag}
+ * and turn it into a partial {@link Theme} suitable for the cascade.
+ * Returns `undefined` if the tag has no `theme` namespace.
+ *
+ * Recognised annotation forms (all optional, all sit under `theme`):
+ *
+ *   # theme.palette.series = ["#ff0080", "#ff6b00"]
+ *   # theme.palette.background.light = "#fff"
+ *   # theme.palette.background.dark  = "#000"
+ *   # theme.palette.tableHeader.light = "#666"
+ *   # theme.palette.tableHeader.dark  = "#aaa"
+ *   # theme.font.family = "Roboto, sans-serif"
+ *   # theme.font.size = 13
+ *
+ * Series and font are shared across modes; only the seven
+ * {@link PER_MODE_COLOR_KEYS} accept light/dark variants. Annotations
+ * with the wrong type are silently ignored. The goal is "worst-case a
+ * typo means no styling", not "a typo crashes the renderer."
+ */
+export declare function readChartAnnotations(tag: Tag | undefined): Theme | undefined;

package/dist/theme/resolveTheme.d.ts

@@ -0,0 +1,22 @@
+import { ResolvedTheme, Theme, ThemeMode } from './types';
+/**
+ * Collapse the layered theme cascade into a {@link ResolvedTheme} that
+ * downstream code can consume without null-checks or mode branches.
+ * Layer order is low → high precedence; later layers overwrite earlier
+ * ones for the keys they set. Per-mode colour objects merge per-mode
+ * (a layer that sets only `palette.tile.dark` doesn't clobber the
+ * instance-level `palette.tile.light`).
+ *
+ * The derived fields on ResolvedTheme (border, pinnedBorder,
+ * valueColor, foreground, axisFaint) are computed once here from the
+ * active mode so the three builders that consume the theme stop
+ * recomputing them with duplicated hex literals.
+ */
+export declare function resolveTheme(layers: Array<Theme | undefined>, mode: ThemeMode): ResolvedTheme;
+/**
+ * Pick the active mode for a viewer given the operator's `defaultMode`,
+ * any persisted viewer choice, and a snapshot of the OS dark-mode
+ * preference. "auto" is resolved here; callers see only "light" or
+ * "dark".
+ */
+export declare function resolveMode(defaultMode: Theme["defaultMode"] | undefined, userChoice: ThemeMode | "auto" | undefined, prefersDark: boolean): ThemeMode;

package/dist/theme/types.d.ts

@@ -0,0 +1,61 @@
+import { Theme } from '../client';
+export type { Theme };
+export type ThemeMode = "light" | "dark";
+/**
+ * A Theme with every field downstream consumers need actually filled in.
+ * Produced by `resolveTheme(layers, mode)`, which flattens the cascade
+ * and the per-mode colour split into a single mode-agnostic shape — so
+ * `buildTableCssVars`, `buildVegaThemeOverride`, and
+ * `buildMalloyExplicitTheme` never have to branch on mode themselves.
+ *
+ * The seven `palette.*` colour keys are stored per-mode on the raw Theme
+ * (one of light/dark per field) and collapse to the active mode here.
+ * The five "derived" fields (border, pinnedBorder, valueColor,
+ * foreground, axisFaint) are computed once from the resolved mode so
+ * the same hex literal isn't repeated across three builders.
+ */
+export interface ResolvedTheme {
+    mode: ThemeMode;
+    series: string[];
+    font: {
+        family: string;
+        size: number;
+    };
+    background: string;
+    tableHeader: string;
+    tableHeaderBackground: string;
+    tableBody: string;
+    tile: string;
+    tileTitle: string;
+    /**
+     * Saturated end of the gradient used by sequential color scales
+     * (choropleth maps, heatmaps). The renderer pairs it with a
+     * near-neutral low-end so the operator only picks the brand end.
+     */
+    mapColor: string;
+    border: string;
+    pinnedBorder: string;
+    valueColor: string;
+    foreground: string;
+    axisFaint: string;
+    /**
+     * Background for the renderer's HTML chrome (the area between
+     * dashboard tiles). Mode-keyed and intentionally NOT
+     * operator-customizable — when an operator picks a bold accent
+     * for `palette.background` (the chart canvas), the surrounding
+     * panel should stay neutral so the accent reads cleanly. In dark
+     * mode it paints slate so the panel doesn't sit as a stark white
+     * box on the dark page chrome.
+     */
+    dashboardRoot: string;
+    /**
+     * Background for the renderer's table interior. Follows the
+     * operator's `palette.background` (the chart canvas colour) so
+     * tables and charts share a single "viz surface" colour. In dark
+     * mode this also keeps the (light-slate) header/body text from
+     * painting unreadable light-on-white against the renderer's
+     * hardcoded default. Distinct from `dashboardRoot`, which is the
+     * panel BETWEEN tiles and stays mode-keyed / neutral.
+     */
+    tableBackground: string;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
    "name": "@malloy-publisher/sdk",
    "description": "Malloy Publisher SDK",
-   "version": "0.0.219",
+   "version": "0.0.221",
    "type": "module",
    "main": "dist/index.cjs.js",
    "module": "dist/index.es.js",
@@ -71,9 +71,10 @@
       "react-router-dom": ">=7.6.2",
       "@tanstack/react-query": ">=5.59.16",
       "@malloydata/malloy-explorer": "0.0.338-dev260215172810",
-      "@malloydata/malloy-interfaces": "^0.0.415",
-      "@malloydata/malloy-query-builder": "^0.0.415",
-      "@malloydata/render": "^0.0.415",
+      "@malloydata/malloy-interfaces": "^0.0.421",
+      "@malloydata/malloy-query-builder": "^0.0.421",
+      "@malloydata/malloy-tag": "^0.0.421",
+      "@malloydata/render": "^0.0.421",
       "@mui/icons-material": ">=7.1.1",
       "@mui/x-date-pickers": ">=7.1.1",
       "@mui/material": ">=7.1.1",
@@ -91,7 +92,8 @@
    },
    "devDependencies": {
       "@malloydata/malloy-explorer": "0.0.338-dev260215172810",
-      "@malloydata/malloy-query-builder": "^0.0.415",
+      "@malloydata/malloy-query-builder": "^0.0.421",
+      "@malloydata/malloy-tag": "^0.0.421",
       "@openapitools/openapi-generator-cli": "^2.20.2",
       "@types/bun": "^1.2.21",
       "@types/k6": "^1.0.2",

package/src/components/AnalyzePackageButton.tsx

@@ -230,13 +230,16 @@ export function AnalyzePackageButton({
                      </FormControl>
                   ) : availableWorkspaces.length === 1 ? (
                      <Box
-                        sx={{
+                        sx={(theme) => ({
                            p: 2,
                            border: 1,
                            borderColor: "divider",
                            borderRadius: 1,
-                           backgroundColor: "grey.50",
-                        }}
+                           backgroundColor:
+                              theme.palette.mode === "dark"
+                                 ? "rgba(255, 255, 255, 0.04)"
+                                 : "grey.50",
+                        })}
                      >
                         <Typography
                            variant="body2"

package/src/components/Environment/Packages.tsx

@@ -117,17 +117,20 @@ function PackageCard({
          <CardContent sx={{ p: 2.5, "&:last-child": { pb: 2.5 } }}>
             <Box sx={{ display: "flex", alignItems: "flex-start", gap: 1.5 }}>
                <Box
-                  sx={{
+                  sx={(theme) => ({
                      width: 36,
                      height: 36,
                      borderRadius: 1.5,
-                     bgcolor: "grey.100",
+                     bgcolor:
+                        theme.palette.mode === "dark"
+                           ? "rgba(255, 255, 255, 0.08)"
+                           : "grey.100",
                      display: "flex",
                      alignItems: "center",
                      justifyContent: "center",
                      flexShrink: 0,
                      color: "text.primary",
-                  }}
+                  })}
                >
                   <Inventory2OutlinedIcon sx={{ fontSize: 20 }} />
                </Box>

package/src/components/Home/AddEnvironmentDialog.tsx

@@ -70,7 +70,7 @@ export default function AddEnvironmentDialog() {
             variant="contained"
             onClick={handleClickOpen}
             startIcon={<AddCircleRounded />}
-            sx={{ mt: 2, color: "white" }}
+            sx={{ mt: 2 }}
          >
             Create New Environment
          </Button>

package/src/components/Home/Home.tsx

@@ -269,17 +269,20 @@ function EnvironmentCard({
                }}
             >
                <Box
-                  sx={{
+                  sx={(theme) => ({
                      width: 36,
                      height: 36,
                      borderRadius: 1.5,
-                     bgcolor: "grey.100",
+                     bgcolor:
+                        theme.palette.mode === "dark"
+                           ? "rgba(255, 255, 255, 0.08)"
+                           : "grey.100",
                      display: "flex",
                      alignItems: "center",
                      justifyContent: "center",
                      flexShrink: 0,
                      color: "text.primary",
-                  }}
+                  })}
                >
                   <FolderOutlinedIcon sx={{ fontSize: 20 }} />
                </Box>

package/src/components/Materializations/ManifestView.tsx

@@ -13,7 +13,7 @@ import { MONO_FONT_FAMILY } from "../styles";
 import { formatTimestamp } from "./utils";
 
 type ManifestViewProps = {
-   entries: { [buildId: string]: ManifestEntry } | undefined;
+   entries: { [sourceEntityId: string]: ManifestEntry } | undefined;
    builtAt?: string;
 };
 
@@ -60,10 +60,10 @@ export default function ManifestView({ entries, builtAt }: ManifestViewProps) {
                   </TableRow>
                </TableHead>
                <TableBody>
-                  {rows.map(([buildId, entry]) => (
-                     <TableRow key={buildId}>
+                  {rows.map(([sourceEntityId, entry]) => (
+                     <TableRow key={sourceEntityId}>
                         <TableCell sx={{ fontFamily: MONO_FONT_FAMILY }}>
-                           {entry.sourceName ?? buildId}
+                           {entry.sourceName ?? sourceEntityId}
                         </TableCell>
                         <TableCell sx={{ fontFamily: MONO_FONT_FAMILY }}>
                            {entry.physicalTableName ?? "-"}

package/src/components/Materializations/MaterializationDetailDialog.tsx

@@ -168,7 +168,7 @@ export default function MaterializationDetailDialog({
                                  <TableCell>Connection</TableCell>
                                  <TableCell>Dialect</TableCell>
                                  <TableCell align="right">Columns</TableCell>
-                                 <TableCell>Build ID</TableCell>
+                                 <TableCell>Source Entity ID</TableCell>
                               </TableRow>
                            </TableHead>
                            <TableBody>
@@ -198,7 +198,7 @@ export default function MaterializationDetailDialog({
                                           maxWidth: 220,
                                        }}
                                     >
-                                       {source.buildId}
+                                       {source.sourceEntityId}
                                     </TableCell>
                                  </TableRow>
                               ))}

package/src/components/Model/ModelCell.tsx

@@ -3,6 +3,7 @@ import SearchIcon from "@mui/icons-material/Search";
 import { Box, Button, IconButton, Typography } from "@mui/material";
 import React, { useEffect } from "react";
 import { useQueryWithApiError } from "../../hooks/useQueryWithApiError";
+import { usePublisherTheme } from "../../theme/ThemeContext";
 import { parseResourceUri } from "../../utils/formatting";
 import { highlight } from "../highlighter";
 import ResultContainer from "../RenderedResult/ResultContainer";
@@ -57,16 +58,17 @@ export function ModelCell({
       enabled: runOnDemand ? hasRun : true, // Execute on demand or always
    });
 
+   const { mode } = usePublisherTheme();
    useEffect(() => {
       if (annotations && annotations.length > 0) {
          const code = annotations
             .map((annotation) => `// ${annotation}`)
             .join("\n");
-         highlight(code, "typescript").then((highlightedCode) => {
+         highlight(code, "typescript", mode).then((highlightedCode) => {
             setHighlightedAnnotations(highlightedCode);
          });
       }
-   }, [annotations]);
+   }, [annotations, mode]);
 
    return (
       <CleanNotebookCell>