@greensecurity/javascript-sdk 0.46.0-beta.10 → 0.46.0-beta.12

package/dist/commonjs/apps/ui/index.js

@@ -9,13 +9,21 @@
  * nodes, and `children`. There are no `ref`, `style` or `className` props, and no render props.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormFieldGroup = exports.DateField = exports.Switch = exports.Radio = exports.RadioGroup = exports.Checkbox = exports.SelectOption = exports.Select = exports.TextArea = exports.TextField = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.TableCell = exports.TableHeaderCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.PropertyListItem = exports.PropertyList = exports.ListItem = exports.List = exports.AccordionItem = exports.Accordion = exports.MenuItem = exports.MenuGroup = exports.Menu = exports.Link = exports.ButtonGroup = exports.Button = exports.Avatar = exports.Img = exports.Icon = exports.Progress = exports.Spinner = exports.Banner = exports.Badge = exports.Heading = exports.Text = exports.Card = exports.Divider = exports.Inline = exports.Box = exports.SettingsView = exports.ContextView = void 0;
+exports.BarChart = exports.FormFieldGroup = exports.DateField = exports.Switch = exports.Radio = exports.RadioGroup = exports.Checkbox = exports.SelectOption = exports.Select = exports.TextArea = exports.TextField = exports.TabPanel = exports.TabPanels = exports.Tab = exports.TabList = exports.Tabs = exports.TableCell = exports.TableHeaderCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.PropertyListItem = exports.PropertyList = exports.ListItem = exports.List = exports.AccordionItem = exports.Accordion = exports.MenuItem = exports.MenuGroup = exports.Menu = exports.Link = exports.ButtonGroup = exports.Button = exports.Avatar = exports.Img = exports.Icon = exports.Progress = exports.Spinner = exports.Banner = exports.Badge = exports.Heading = exports.Text = exports.Card = exports.Divider = exports.Inline = exports.Box = exports.PageView = exports.SettingsView = exports.ContextView = void 0;
+exports.PieChart = exports.ComboChart = exports.AreaChart = exports.LineChart = exports.StackedBarChart = exports.HorizontalBarChart = void 0;
 exports.FocusView = FocusView;
 const react_1 = require("react");
 const factory_js_1 = require("./factory.js");
-// View roots. A view component renders exactly one ContextView or SettingsView at its top.
+// View roots. A view component renders exactly one of these at its top: ContextView on a surface,
+// SettingsView on the settings page, PageView on an app page.
 exports.ContextView = (0, factory_js_1.createUiComponent)("ContextView");
 exports.SettingsView = (0, factory_js_1.createUiComponent)("SettingsView");
+/**
+ * An app page (`ui_extensions.routes`), full width inside the portal's own chrome. `title` is the
+ * page header; the `actions` slot joins the header's actions and `banner` sits above the body.
+ * Read the route's params with `usePageRoute()` from `apps/hooks`.
+ */
+exports.PageView = (0, factory_js_1.createUiComponent)("PageView");
 const FocusViewElement = /* @__PURE__ */ (0, factory_js_1.createUiComponent)("FocusView");
 /**
  * A full-screen (mobile) or large modal (web) view opened from a ContextView. The app owns
@@ -93,4 +101,13 @@ exports.Radio = (0, factory_js_1.createUiComponent)("Radio");
 exports.Switch = (0, factory_js_1.createUiComponent)("Switch");
 exports.DateField = (0, factory_js_1.createUiComponent)("DateField");
 exports.FormFieldGroup = (0, factory_js_1.createUiComponent)("FormFieldGroup");
+// Charts. Data only: pick a palette with `theme`; `onClick` receives a `ChartClickEvent`
+// (`index`, `label`, `value` and, on multi-series charts, `series`).
+exports.BarChart = (0, factory_js_1.createUiComponent)("BarChart");
+exports.HorizontalBarChart = (0, factory_js_1.createUiComponent)("HorizontalBarChart");
+exports.StackedBarChart = (0, factory_js_1.createUiComponent)("StackedBarChart");
+exports.LineChart = (0, factory_js_1.createUiComponent)("LineChart");
+exports.AreaChart = (0, factory_js_1.createUiComponent)("AreaChart");
+exports.ComboChart = (0, factory_js_1.createUiComponent)("ComboChart");
+exports.PieChart = (0, factory_js_1.createUiComponent)("PieChart");
 //# sourceMappingURL=index.js.map

package/dist/commonjs/apps/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/apps/ui/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/apps/ui/index.ts"],"names":[],"mappings":"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"}

package/dist/commonjs/lib/config.d.ts

@@ -35,8 +35,8 @@ export declare function serverURLFromOptions(options: SDKOptions): URL | null;
 export declare const SDK_METADATA: {
     readonly language: "typescript";
     readonly openapiDocVersion: "0.45.0";
-    readonly sdkVersion: "0.46.0-beta.10";
+    readonly sdkVersion: "0.46.0-beta.12";
     readonly genVersion: "2.943.0";
-    readonly userAgent: "speakeasy-sdk/typescript 0.46.0-beta.10 2.943.0 0.45.0 @greensecurity/javascript-sdk";
+    readonly userAgent: "speakeasy-sdk/typescript 0.46.0-beta.12 2.943.0 0.45.0 @greensecurity/javascript-sdk";
 };
 //# sourceMappingURL=config.d.ts.map

package/dist/commonjs/lib/config.js

@@ -43,8 +43,8 @@ function serverURLFromOptions(options) {
 exports.SDK_METADATA = {
     language: "typescript",
     openapiDocVersion: "0.45.0",
-    sdkVersion: "0.46.0-beta.10",
+    sdkVersion: "0.46.0-beta.12",
     genVersion: "2.943.0",
-    userAgent: "speakeasy-sdk/typescript 0.46.0-beta.10 2.943.0 0.45.0 @greensecurity/javascript-sdk",
+    userAgent: "speakeasy-sdk/typescript 0.46.0-beta.12 2.943.0 0.45.0 @greensecurity/javascript-sdk",
 };
 //# sourceMappingURL=config.js.map

package/dist/esm/__tests__/apps/contract.test.js

@@ -8,7 +8,7 @@
 import { readFileSync, writeFileSync } from "node:fs";
 import { resolve } from "node:path";
 import { describe, expect, test } from "vitest";
-import { canonicalBuildPayload, APP_WEBHOOK_EVENTS, COMPONENTS, componentsCatalogJson, CSP_DENYLIST, cspDenylistEntry, DATA_IMAGE_MAX_CHARS, DEV_SIGNATURE_ALGORITHM, DevManifestError, effectivePostInstallAction, devManifestSchema, getComponentByTag, getSurface, isBootstrapToHost, isCalendarDate, isPlatformPermission, isRouteDescriptor, isSensitivePermission, isSurfaceId, manifestJsonSchema, mergeDevManifest, permissionReviewIssues, PLATFORM_PERMISSIONS, REVIEW_RULES, SAFE_INTEGER_STRING_PATTERN, sanitizeProps, SURFACES, surfacesForPortal, tokenNeedsRefresh, validateManifest, } from "../../apps/index.js";
+import { canonicalBuildPayload, APP_WEBHOOK_EVENTS, CHART_DATA_LIMITS, CHART_THEMES, COMPONENTS, componentsCatalogJson, CSP_DENYLIST, cspDenylistEntry, DATA_IMAGE_MAX_CHARS, DEV_SIGNATURE_ALGORITHM, DevManifestError, effectivePostInstallAction, devManifestSchema, getComponentByTag, getSurface, isBootstrapToHost, isCalendarDate, isChartData, isPieChartData, CHART_OTHER_LABEL, MAX_CHART_VALUE, isComboChartData, isPlatformPermission, isRouteDescriptor, isSensitivePermission, isSeriesChartData, isSurfaceId, manifestJsonSchema, MAX_CHART_SERIES, mergeDevManifest, permissionReviewIssues, PLATFORM_PERMISSIONS, REVIEW_RULES, SAFE_INTEGER_STRING_PATTERN, sanitizeProps, SURFACES, surfacesForPortal, tokenNeedsRefresh, validateManifest, } from "../../apps/index.js";
 // Resolved from the package root (vitest's cwd) rather than `import.meta.url`: Speakeasy also
 // compiles this file to CommonJS, where `import.meta` is a type error (TS1470).
 const SHARED_DIR = resolve(process.cwd(), "..", "shared", "app-platform");
@@ -46,7 +46,7 @@ describe("surfaces", () => {
         const ids = SURFACES.map((s) => s.id);
         expect(new Set(ids).size).toBe(ids.length);
         for (const s of SURFACES) {
-            if (s.id === "settings")
+            if (s.portal === null)
                 continue;
             expect(s.id).toMatch(/^gs\.(vendor|company|facility|system)\.[a-z_]+(\.[a-z_]+)*$/);
             expect(s.id.startsWith(`gs.${s.portal}.`)).toBe(true);
@@ -58,6 +58,10 @@ describe("surfaces", () => {
             expect(s.route.startsWith(s.portal === null ? "/[portal]/" : `/${s.portal}`)).toBe(true);
         }
         expect(getSurface("settings")?.route).toBe("/[portal]/apps/[appId]/settings");
+        expect(getSurface("page")?.route).toBe("/[portal]/apps/[appId]/pages/[...path]");
+    });
+    test("the only portal-less surfaces are the app's own settings page and pages", () => {
+        expect(SURFACES.filter((s) => s.portal === null).map((s) => s.id).sort()).toEqual(["page", "settings"]);
     });
     test("wave 1 is the vendor and company portals only", () => {
         const wave1Portals = new Set(SURFACES.filter((s) => s.wave === 1).map((s) => s.portal));
@@ -393,9 +397,17 @@ describe("components", () => {
         expect(COMPONENTS.Inline.children).toEqual(["ui-inline", "ui-link"]);
         expect(COMPONENTS.Text.children).toEqual(["ui-inline", "ui-link"]);
     });
-    test("only ContextView and SettingsView are roots", () => {
+    test("only ContextView, SettingsView and PageView are roots", () => {
         const roots = Object.entries(COMPONENTS).filter(([, c]) => "root" in c).map(([name]) => name);
-        expect(roots.sort()).toEqual(["ContextView", "SettingsView"]);
+        expect(roots.sort()).toEqual(["ContextView", "PageView", "SettingsView"]);
+    });
+    test("PageView takes a required title, a description and the actions and banner slots", () => {
+        expect(COMPONENTS.PageView.tagName).toBe("ui-page-view");
+        expect(COMPONENTS.PageView.slots).toEqual(["actions", "banner"]);
+        expect(sanitizeProps("ui-page-view", { title: "Reports", description: "All of them" }).props).toEqual({ title: "Reports", description: "All of them" });
+        expect(sanitizeProps("ui-page-view", { title: "t".repeat(101) }).dropped).toEqual(["title"]);
+        expect(sanitizeProps("ui-page-view", { title: "Reports", description: "d".repeat(301) }).dropped).toEqual(["description"]);
+        expect(componentsCatalogJson().find((c) => c.name === "PageView")).toMatchObject({ tagName: "ui-page-view", root: true });
     });
     test("sanitizeProps keeps declared props of the right type and drops everything else", () => {
         const result = sanitizeProps("ui-button", {
@@ -566,6 +578,278 @@ describe("components", () => {
         expect(() => JSON.stringify(json)).not.toThrow();
     });
 });
+describe("charts", () => {
+    const CHART_TAGS = {
+        BarChart: "ui-bar-chart",
+        HorizontalBarChart: "ui-horizontal-bar-chart",
+        StackedBarChart: "ui-stacked-bar-chart",
+        LineChart: "ui-line-chart",
+        AreaChart: "ui-area-chart",
+        ComboChart: "ui-combo-chart",
+        PieChart: "ui-pie-chart",
+    };
+    const labels = (n) => Array.from({ length: n }, (_, i) => `L${i}`);
+    const datums = (n) => labels(n).map((label, i) => ({ label, value: i }));
+    const seriesData = (nLabels, nSeries = 2) => ({
+        labels: labels(nLabels),
+        series: Array.from({ length: nSeries }, (_, s) => ({ name: `S${s}`, values: labels(nLabels).map((_, i) => i + s) })),
+    });
+    const combo = (n) => ({
+        labels: labels(n),
+        bars: { name: "Visits", values: labels(n).map((_, i) => i) },
+        line: { name: "Average", values: labels(n).map((_, i) => i / 2) },
+    });
+    const BAD_VALUES = [-1, Number.NaN, Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY, "3", null];
+    const BAD_LABELS = ["", "   ", "x".repeat(61), 5, null];
+    class Datum {
+        constructor(label, value) {
+            this.label = label;
+            this.value = value;
+        }
+    }
+    class DatumArray extends Array {
+    }
+    test("seven chart entries with the same data-only props, a click event and no children", () => {
+        for (const [name, tag] of Object.entries(CHART_TAGS)) {
+            const c = COMPONENTS[name];
+            expect(c.tagName, name).toBe(tag);
+            expect(Object.keys(c.props).sort(), name).toEqual(["data", "interactive", "theme"]);
+            expect(c.events, name).toEqual({ onClick: { event: "click" } });
+            expect(c.children, name).toEqual([]);
+            expect(c.text, name).toBe(false);
+            expect(c.slots, name).toEqual([]);
+            const json = componentsCatalogJson().find((j) => j.name === name);
+            expect(json.props["data"]).toEqual({ type: "json", required: true });
+            expect(json.props["theme"]).toEqual({ type: "enum", required: false, values: ["green", "grayscale", "vibrant"] });
+            expect(json.events).toEqual({ onClick: "click" });
+        }
+        expect(CHART_THEMES).toEqual(["green", "grayscale", "vibrant"]);
+        expect(MAX_CHART_SERIES).toBe(6);
+    });
+    test("sanitizeProps requires data, checks theme and drops styling props", () => {
+        expect(sanitizeProps("ui-bar-chart", { theme: "green" }).missing).toEqual(["data"]);
+        const result = sanitizeProps("ui-bar-chart", { data: datums(3), theme: "neon", interactive: true, color: "#f00", style: {} });
+        expect(result.props).toEqual({ data: datums(3), interactive: true });
+        expect(result.dropped.sort()).toEqual(["color", "style", "theme"]);
+        expect(result.missing).toEqual([]);
+        const bad = sanitizeProps("ui-line-chart", { data: seriesData(1) });
+        expect(bad.dropped).toEqual(["data"]);
+        expect(bad.missing).toEqual(["data"]);
+    });
+    describe("chart value bounds", () => {
+        test("accepts values up to MAX_CHART_VALUE and rejects larger ones", () => {
+            const bar = CHART_DATA_LIMITS.BarChart;
+            expect(isChartData([{ label: "a", value: MAX_CHART_VALUE }], bar)).toBe(true);
+            for (const value of [MAX_CHART_VALUE + 2, 1e308, Number.MAX_VALUE]) {
+                expect(isChartData([{ label: "a", value }], bar)).toBe(false);
+            }
+        });
+        test("keeps every accepted total finite", () => {
+            const pie = Array.from({ length: 50 }, (_, i) => ({ label: `s${i}`, value: MAX_CHART_VALUE }));
+            expect(isPieChartData(pie)).toBe(true);
+            expect(Number.isFinite(pie.reduce((sum, d) => sum + d.value, 0))).toBe(true);
+            const limits = CHART_DATA_LIMITS.StackedBarChart;
+            const series = Array.from({ length: 6 }, (_, i) => ({ name: `s${i}`, values: [MAX_CHART_VALUE] }));
+            expect(isSeriesChartData({ labels: ["a"], series }, limits)).toBe(true);
+            const huge = [{ name: "x", values: [1e308] }, { name: "y", values: [1e308] }];
+            expect(isSeriesChartData({ labels: ["a"], series: huge }, limits)).toBe(false);
+        });
+    });
+    describe("isPieChartData", () => {
+        const datums = (n, first) => Array.from({ length: n }, (_, i) => ({ label: i === 0 && first !== undefined ? first : `s${i}`, value: i + 1 }));
+        test("allows an Other label when the pie will not combine slices", () => {
+            expect(isPieChartData(datums(6, CHART_OTHER_LABEL))).toBe(true);
+        });
+        test("rejects a caller Other label when extra items will be combined into Other", () => {
+            for (const label of [CHART_OTHER_LABEL, "other", " OTHER "])
+                expect(isPieChartData(datums(7, label))).toBe(false);
+            expect(isPieChartData(datums(7, "Other documents"))).toBe(true);
+        });
+        test("keeps the generic pie limits", () => {
+            expect(isPieChartData(datums(50))).toBe(true);
+            expect(isPieChartData(datums(51))).toBe(false);
+            expect(isPieChartData([])).toBe(false);
+        });
+        test("is the guard the PieChart catalog entry uses", () => {
+            expect(sanitizeProps("ui-pie-chart", { data: datums(7, "Other") }).missing).toContain("data");
+            expect(sanitizeProps("ui-pie-chart", { data: datums(7) }).missing).not.toContain("data");
+        });
+    });
+    describe("isChartData", () => {
+        const bar = CHART_DATA_LIMITS.BarChart;
+        test("accepts a valid sample, including zero values and 60-character labels", () => {
+            expect(isChartData([{ label: "Mon", value: 0 }, { label: "x".repeat(60), value: 12.5 }], bar)).toBe(true);
+        });
+        test.each(BAD_VALUES)("rejects value %s", (value) => {
+            expect(isChartData([{ label: "a", value }], bar)).toBe(false);
+        });
+        test.each(BAD_LABELS)("rejects label %j", (label) => {
+            expect(isChartData([{ label, value: 1 }], bar)).toBe(false);
+        });
+        test("rejects duplicate labels", () => {
+            expect(isChartData([{ label: "a", value: 1 }, { label: "a", value: 2 }], bar)).toBe(false);
+        });
+        test("enforces each component's item counts", () => {
+            expect(isChartData([], bar)).toBe(false);
+            expect(isChartData(datums(31), bar)).toBe(true);
+            expect(isChartData(datums(32), bar)).toBe(false);
+            expect(isChartData(datums(25), CHART_DATA_LIMITS.HorizontalBarChart)).toBe(true);
+            expect(isChartData(datums(26), CHART_DATA_LIMITS.HorizontalBarChart)).toBe(false);
+            expect(isChartData(datums(50), CHART_DATA_LIMITS.PieChart)).toBe(true);
+            expect(isChartData(datums(51), CHART_DATA_LIMITS.PieChart)).toBe(false);
+            expect(sanitizeProps("ui-bar-chart", { data: datums(32) }).dropped).toEqual(["data"]);
+            expect(sanitizeProps("ui-pie-chart", { data: datums(32) }).dropped).toEqual([]);
+        });
+        test("rejects non-arrays, class instances, sparse arrays and extra keys", () => {
+            for (const v of [undefined, null, "a", 1, { label: "a", value: 1 }, new Map()])
+                expect(isChartData(v, bar)).toBe(false);
+            expect(isChartData([new Datum("a", 1)], bar)).toBe(false);
+            expect(isChartData(DatumArray.from([{ label: "a", value: 1 }]), bar)).toBe(false);
+            // eslint-disable-next-line no-sparse-arrays
+            expect(isChartData([{ label: "a", value: 1 }, , { label: "b", value: 2 }], bar)).toBe(false);
+            expect(isChartData([{ label: "a", value: 1, color: "red" }], bar)).toBe(false);
+            expect(isChartData([Object.assign(Object.create(null), { label: "a", value: 1 })], bar)).toBe(true);
+        });
+    });
+    describe("isSeriesChartData", () => {
+        const stacked = CHART_DATA_LIMITS.StackedBarChart;
+        const line = CHART_DATA_LIMITS.LineChart;
+        test("accepts a valid sample", () => {
+            expect(isSeriesChartData(seriesData(5, 3), stacked)).toBe(true);
+            expect(isSeriesChartData(seriesData(5, MAX_CHART_SERIES), line)).toBe(true);
+        });
+        test("rejects more than six series, and no series", () => {
+            expect(isSeriesChartData(seriesData(5, MAX_CHART_SERIES + 1), stacked)).toBe(false);
+            expect(isSeriesChartData(seriesData(5, MAX_CHART_SERIES + 1), line)).toBe(false);
+            expect(isSeriesChartData(seriesData(5, 0), stacked)).toBe(false);
+        });
+        test("rejects a series whose values length differs from the labels", () => {
+            const d = seriesData(4);
+            d.series[1].values.pop();
+            expect(isSeriesChartData(d, stacked)).toBe(false);
+            d.series[1].values.push(1, 2);
+            expect(isSeriesChartData(d, stacked)).toBe(false);
+        });
+        test.each(BAD_VALUES)("rejects value %s", (value) => {
+            const d = seriesData(3);
+            d.series[0].values[1] = value;
+            expect(isSeriesChartData(d, stacked)).toBe(false);
+        });
+        test.each(BAD_LABELS)("rejects label or series name %j", (bad) => {
+            const withLabel = seriesData(3);
+            withLabel.labels[0] = bad;
+            expect(isSeriesChartData(withLabel, stacked)).toBe(false);
+            const withName = seriesData(3);
+            withName.series[0].name = bad;
+            expect(isSeriesChartData(withName, stacked)).toBe(false);
+        });
+        test("rejects duplicate labels and duplicate series names", () => {
+            const dupLabel = seriesData(3);
+            dupLabel.labels[2] = dupLabel.labels[0];
+            expect(isSeriesChartData(dupLabel, stacked)).toBe(false);
+            const dupName = seriesData(3);
+            dupName.series[1].name = dupName.series[0].name;
+            expect(isSeriesChartData(dupName, stacked)).toBe(false);
+        });
+        test("enforces each component's label counts", () => {
+            expect(isSeriesChartData(seriesData(1), stacked)).toBe(true);
+            expect(isSeriesChartData(seriesData(31), stacked)).toBe(true);
+            expect(isSeriesChartData(seriesData(32), stacked)).toBe(false);
+            expect(isSeriesChartData(seriesData(1), line)).toBe(false);
+            expect(isSeriesChartData(seriesData(60), line)).toBe(true);
+            expect(isSeriesChartData(seriesData(61), line)).toBe(false);
+            expect(isSeriesChartData(seriesData(61), CHART_DATA_LIMITS.AreaChart)).toBe(false);
+            expect(isSeriesChartData(seriesData(1), CHART_DATA_LIMITS.AreaChart)).toBe(false);
+        });
+        test("rejects non-objects, class instances and extra keys", () => {
+            for (const v of [undefined, null, [], "x", datums(3)])
+                expect(isSeriesChartData(v, stacked)).toBe(false);
+            const d = seriesData(2);
+            expect(isSeriesChartData({ labels: d.labels, series: DatumArray.from(d.series) }, stacked)).toBe(false);
+            expect(isSeriesChartData({ ...d, labels: DatumArray.from(d.labels) }, stacked)).toBe(false);
+            expect(isSeriesChartData(Object.assign(new (class Data {
+            })(), d), stacked)).toBe(false);
+            expect(isSeriesChartData({ ...d, title: "x" }, stacked)).toBe(false);
+            expect(isSeriesChartData({ ...d, series: [{ ...d.series[0], color: "red" }] }, stacked)).toBe(false);
+        });
+    });
+    describe("isComboChartData", () => {
+        const limits = CHART_DATA_LIMITS.ComboChart;
+        test("accepts a valid sample", () => {
+            expect(isComboChartData(combo(1), limits)).toBe(true);
+            expect(isComboChartData(combo(31), limits)).toBe(true);
+        });
+        test("rejects over-cap and empty labels", () => {
+            expect(isComboChartData(combo(32), limits)).toBe(false);
+            expect(isComboChartData(combo(0), limits)).toBe(false);
+        });
+        test("rejects bars or line values whose length differs from the labels", () => {
+            const bars = combo(3);
+            bars.bars.values.pop();
+            expect(isComboChartData(bars, limits)).toBe(false);
+            const line = combo(3);
+            line.line.values.push(1);
+            expect(isComboChartData(line, limits)).toBe(false);
+        });
+        test.each(BAD_VALUES)("rejects value %s", (value) => {
+            for (const key of ["bars", "line"]) {
+                const d = combo(3);
+                d[key].values[0] = value;
+                expect(isComboChartData(d, limits)).toBe(false);
+            }
+        });
+        test.each(BAD_LABELS)("rejects label or series name %j", (bad) => {
+            const withLabel = combo(3);
+            withLabel.labels[1] = bad;
+            expect(isComboChartData(withLabel, limits)).toBe(false);
+            const withName = combo(3);
+            withName.line.name = bad;
+            expect(isComboChartData(withName, limits)).toBe(false);
+        });
+        test("rejects duplicate labels and a line named like the bars", () => {
+            const dupLabel = combo(3);
+            dupLabel.labels[1] = dupLabel.labels[0];
+            expect(isComboChartData(dupLabel, limits)).toBe(false);
+            const dupName = combo(3);
+            dupName.line.name = dupName.bars.name;
+            expect(isComboChartData(dupName, limits)).toBe(false);
+        });
+        test("rejects non-objects, class instances, series arrays and extra keys", () => {
+            for (const v of [undefined, null, [], "x", seriesData(3)])
+                expect(isComboChartData(v, limits)).toBe(false);
+            const d = combo(2);
+            expect(isComboChartData({ ...d, bars: [d.bars] }, limits)).toBe(false);
+            expect(isComboChartData({ ...d, labels: DatumArray.from(d.labels) }, limits)).toBe(false);
+            expect(isComboChartData(Object.assign(new (class Data {
+            })(), d), limits)).toBe(false);
+            expect(isComboChartData({ ...d, extra: 1 }, limits)).toBe(false);
+        });
+    });
+    test("ComponentProps types chart data and the click detail (compile-time)", () => {
+        const bar = {
+            data: [{ label: "Mon", value: 3 }],
+            theme: "vibrant",
+            interactive: true,
+            onClick: (e) => e.index + e.value + e.label.length,
+        };
+        const comboProps = {
+            data: combo(2),
+            onClick: (e) => e.series ?? e.label,
+        };
+        const stacked = { data: seriesData(2) };
+        // @ts-expect-error data is required
+        const noData = { theme: "green" };
+        // @ts-expect-error a bar chart takes ChartDatum[], not series data
+        const wrongShape = { data: seriesData(2) };
+        // @ts-expect-error themes are a closed set
+        const neon = { data: datums(2), theme: "neon" };
+        // @ts-expect-error there are no colour props
+        const colored = { data: seriesData(2), colors: ["#f00"] };
+        // @ts-expect-error onClick receives a ChartClickEvent, not a string
+        const wrongDetail = { data: combo(2), onClick: (s) => s.length };
+        expect([bar, comboProps, stacked, noData, wrongShape, neon, colored, wrongDetail]).toHaveLength(8);
+    });
+});
 describe("protocol and helpers", () => {
     test("isBootstrapToHost accepts known envelopes only", () => {
         expect(isBootstrapToHost({ kind: "ready" })).toBe(true);
@@ -620,7 +904,7 @@ describe("protocol and helpers", () => {
 describe("bundle hygiene", () => {
     // The host renderer imports these; a value import of zod (directly or via manifest.ts or
     // devpreview.ts) would pull zod into the host app bundle. Type-only imports are erased.
-    test.each(["surfaces.ts", "route.ts", "context.ts", "protocol.ts", "components.ts", "url.ts", "devsession.ts", "review.ts"])("%s has no value import of zod, manifest.ts or devpreview.ts", (file) => {
+    test.each(["surfaces.ts", "route.ts", "routes.ts", "context.ts", "protocol.ts", "components.ts", "url.ts", "devsession.ts", "review.ts"])("%s has no value import of zod, manifest.ts or devpreview.ts", (file) => {
         const source = readFileSync(resolve(process.cwd(), "src", "apps", file), "utf8");
         const valueImports = source.match(/^import (?!type )[^;]*from "[^"]+";/gm) ?? [];
         for (const line of valueImports)