@servicetitan/json-render-react 0.2.0 → 0.3.0

package/dist/marketing/catalog/catalog.d.ts

@@ -1 +1 @@
-export declare const marketingCatalog: import('../..').TeamCatalogDef;
+export declare const marketingCatalog: import('../..').ScopedCatalogDef;

package/dist/marketing/catalog/index.d.ts

@@ -3,4 +3,4 @@ import { marketingCatalog } from './catalog';
 export { marketingRenderers } from './components';
 export { marketingCatalog };
 export declare const marketingCatalogEntries: CatalogEntry[];
-export { teams } from './teams';
+export { scopedCatalogs } from './scoped-catalogs';

package/dist/marketing/catalog/scoped-catalogs.d.ts

@@ -0,0 +1,4 @@
+export declare const scopedCatalogs: readonly [{
+    readonly name: "marketing";
+    readonly catalog: import('../..').ScopedCatalogDef;
+}];

package/dist/registry-utils.d.ts

@@ -1,5 +1,5 @@
 import { AllComponentRenderers } from './renderers/types';
-import { ComponentCatalogDef } from './team-catalog';
+import { ComponentCatalogDef } from './scoped-catalog';
 import { CatalogEntry, RendererContext } from './types';
 export declare function filterCatalogEntries(entries: CatalogEntry[], renderer: RendererContext): CatalogEntry[];
 export declare function toComponentCatalogMap(entries: CatalogEntry[]): Record<string, ComponentCatalogDef>;

package/dist/registry.d.ts

@@ -4,5 +4,6 @@ export declare function getRegistry(renderer?: RendererContext): import('@json-r
 export declare const registry: import('@json-render/react').ComponentRegistry;
 export declare const handlers: (getSetState: () => import('@json-render/react').SetState | undefined, getState: () => import('@json-render/core').StateModel) => Record<string, (params: Record<string, unknown>) => Promise<void>>;
 export declare const executeAction: (actionName: string, params: Record<string, unknown> | undefined, setState: import('@json-render/react').SetState, state?: import('@json-render/core').StateModel) => Promise<void>;
+export declare function getContextRegistry(): import('@json-render/react').DefineRegistryResult;
 /** Core catalog used for schema generation and prompt artifacts. */
 export { coreCatalog as catalog };

package/dist/renderers/context-spec-renderer.d.ts

@@ -0,0 +1,6 @@
+import { ContextRenderErrorInfo } from '../context/components/context-render-error-boundary';
+import { SpecRendererProps } from './spec-renderer';
+export type ContextSpecRendererProps = Omit<SpecRendererProps, "registry" | "handlers"> & Partial<Pick<SpecRendererProps, "registry" | "handlers">> & {
+    onRenderError?: (info: ContextRenderErrorInfo) => void;
+};
+export declare const ContextSpecRenderer: ({ spec, registry, handlers, actions, onRenderError, loading, }: ContextSpecRendererProps) => import("react/jsx-runtime").JSX.Element;

package/dist/renderers/sectioned-context-renderer.css.d.ts

@@ -0,0 +1 @@
+export declare const sectionLoadingTail: string;

package/dist/renderers/sectioned-context-renderer.d.ts

@@ -0,0 +1,36 @@
+import { Spec } from '@json-render/core';
+import { ComponentRegistry, DefineRegistryResult } from '@json-render/react';
+import { ContextRenderErrorInfo } from '../context/components/context-render-error-boundary';
+import { SpecRendererProps } from './spec-renderer';
+export type ContextSectionStatus = "loading" | "ready" | "error";
+/** A single top-level context section rendered by its own SpecRenderer + store. */
+export interface ContextSection {
+    id: string;
+    title?: string;
+    spec: Spec | null;
+    status: ContextSectionStatus;
+    error?: string;
+}
+export interface SectionedContextRendererProps {
+    /** Combined ContextPanel spec — split client-side into per-section slots. */
+    spec?: Spec | null;
+    /** Explicit ordered section slots (parallel per-section streams). Wins over `spec`. */
+    sections?: ContextSection[];
+    /** Global streaming flag — the last in-progress section shows a loading state. */
+    loading?: boolean;
+    registry?: ComponentRegistry;
+    handlers?: DefineRegistryResult["handlers"];
+    actions?: SpecRendererProps["actions"];
+    onRenderError?: (info: ContextRenderErrorInfo) => void;
+}
+/** Build a standalone `{ root, elements, state }` spec for one section. */
+export declare function extractSectionSpec(spec: Spec, sectionId: string): {
+    spec: Spec;
+    hasMissingRefs: boolean;
+};
+/**
+ * Renders a context panel as independent per-section renderers. Each section
+ * owns its own SpecRenderer + state store, so streaming in (or parallel-loading)
+ * later sections never resets an already-expanded section.
+ */
+export declare const SectionedContextRenderer: ({ spec, sections, loading, registry, handlers, actions, onRenderError, }: SectionedContextRendererProps) => import("react/jsx-runtime").JSX.Element;

package/dist/renderers/spec-renderer.d.ts

@@ -20,6 +20,11 @@ export interface SpecRendererProps {
      * `atlas.navigate`, `atlas.toolCall`) without changes to this package.
      */
     actions?: SpecActionsFactory;
+    /**
+     * True while the spec is still streaming in. Renders partial trees and
+     * suppresses "missing child" warnings for elements that have not arrived yet.
+     */
+    loading?: boolean;
 }
-export declare const SpecRenderer: ({ spec, registry, handlers, actions }: SpecRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpecRenderer: ({ spec, registry, handlers, actions, loading }: SpecRendererProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/renderers/types.d.ts

@@ -1,3 +1,4 @@
+import { contextContentRenderers, contextShellRenderers } from '../context/catalog';
 import { baseRenderers } from '../core/catalog';
 import { marketingRenderers } from '../marketing/catalog/components';
-export type AllComponentRenderers = typeof baseRenderers & typeof marketingRenderers;
+export type AllComponentRenderers = typeof baseRenderers & typeof marketingRenderers & typeof contextShellRenderers & typeof contextContentRenderers;

package/dist/renderers/wrap-context-registry.d.ts

@@ -0,0 +1,3 @@
+import { ComponentRegistry } from '@json-render/react';
+import { ContextRenderErrorInfo } from '../context/components/context-render-error-boundary';
+export declare function wrapContextRegistryWithErrorFallback(registry: ComponentRegistry, onRenderError?: (info: ContextRenderErrorInfo) => void): ComponentRegistry;

package/dist/scoped-catalog.d.ts

@@ -0,0 +1,64 @@
+import { Catalog } from '@json-render/core';
+import { z } from 'zod';
+import { baseComponents } from './core/catalog/schemas';
+export interface ComponentCatalogDef {
+    props: z.ZodType;
+    slots: string[];
+    description: string;
+    /**
+     * Events this component emits, surfaced to the LLM as `[events: ...]` in the
+     * generated prompt so it knows which event names are valid in an element's
+     * `on` map (e.g. `{ "press": { "action": "..." } }`).
+     */
+    events?: string[];
+}
+export interface ActionCatalogDef {
+    params: z.ZodType;
+    description: string;
+}
+/** Names of the components available in the core catalog. */
+export type CoreComponentName = keyof typeof baseComponents;
+/** Replace or append to a component's catalog description (prompt + JSON schema). */
+export interface DescriptionOverride {
+    /** Replace the component's description entirely. */
+    description?: string;
+    /** Append to the existing description (joined with a space). */
+    append?: string;
+}
+export interface ComposeCatalogComponentsOptions {
+    /** Core components to include: an array of names, or "all" (default). */
+    core?: CoreComponentName[] | "all";
+    /** Per-component description overrides/appends — applies to core and own components. */
+    overrides?: Partial<Record<string, DescriptionOverride>>;
+    /** This catalog's own (non-core) components. */
+    components?: Record<string, ComponentCatalogDef>;
+}
+/**
+ * Build the component map for a catalog: pick a subset of core components (or
+ * all), merge in the catalog's own components, and apply per-component
+ * description overrides. Descriptions feed both `defineCatalog(...).prompt()`
+ * and `.jsonSchema()`, so this controls what an agent sees for the catalog.
+ *
+ * Overrides are applied immutably — the shared `baseComponents` definitions
+ * (also used by the core catalog/registry) are never mutated.
+ */
+export declare function composeCatalogComponents(opts?: ComposeCatalogComponentsOptions): Record<string, ComponentCatalogDef>;
+export interface ScopedCatalogDef {
+    prefix: string;
+    components?: Record<string, ComponentCatalogDef>;
+    actions?: Record<string, ActionCatalogDef>;
+    /** Core components to include: an array of names, or "all" (default). */
+    core?: CoreComponentName[] | "all";
+    /** Per-component description overrides/appends — applies to core and own components. */
+    overrides?: Partial<Record<string, DescriptionOverride>>;
+    /** Appended to base rules in generated prompt */
+    rules?: string;
+}
+export interface MergedCatalog {
+    prefix: string;
+    catalog: Catalog;
+    prompt(baseRules: string): string;
+    jsonSchema(): object;
+}
+export declare function createScopedCatalog(def: ScopedCatalogDef): ScopedCatalogDef;
+export declare function mergeCatalogs(scopedDef: ScopedCatalogDef): MergedCatalog;

package/dist/styles.css

@@ -1,2 +1,2 @@
-._128xbc80{display:inline-block;position:relative}.zf6dad0{width:100%}._116vl6m0{--_116vl6m1:1rem;--_116vl6m2:640px;--_116vl6m3:768px;--_116vl6m4:1024px;--_116vl6m5:1280px;--_116vl6m6:1536px;--_116vl6m7:#fff;--_116vl6m8:#fcfcfc;--_116vl6m9:#f9f9f9;--_116vl6ma:#f6f6f6;--_116vl6mb:#f1f1f1;--_116vl6mc:#eee;--_116vl6md:#ededed;--_116vl6me:#e8e8e8;--_116vl6mf:#e6e6e6;--_116vl6mg:#e5e5e5;--_116vl6mh:#dfdfdf;--_116vl6mi:#c4c4c4;--_116vl6mj:#a8a8a8;--_116vl6mk:#8b8b8b;--_116vl6ml:#707070;--_116vl6mm:#545454;--_116vl6mn:#404040;--_116vl6mo:#292929;--_116vl6mp:#1a1a1a;--_116vl6mq:#040404;--_116vl6mr:#fafcff;--_116vl6ms:#e6f1ff;--_116vl6mt:#cce3ff;--_116vl6mu:#9ecaff;--_116vl6mv:#70b1ff;--_116vl6mw:#3d95ff;--_116vl6mx:#1a82ff;--_116vl6my:#0265dc;--_116vl6mz:#1d4ca3;--_116vl6m10:#003472;--_116vl6m11:#002047;--_116vl6m12:#000b19;--_116vl6m13:#fffbfa;--_116vl6m14:#ffe9e5;--_116vl6m15:#ffd4cc;--_116vl6m16:#ffac9e;--_116vl6m17:#ff8670;--_116vl6m18:#ff5b3d;--_116vl6m19:#ff3914;--_116vl6m1a:#d62100;--_116vl6m1b:#a31900;--_116vl6m1c:#731100;--_116vl6m1d:#470b00;--_116vl6m1e:#0a0200;--_116vl6m1f:#f5fefb;--_116vl6m1g:#d3fded;--_116vl6m1h:#b8f5dd;--_116vl6m1i:#70ebbc;--_116vl6m1j:#3be3a2;--_116vl6m1k:#0bd085;--_116vl6m1l:#0aa86c;--_116vl6m1m:#077e50;--_116vl6m1n:#05613e;--_116vl6m1o:#04482e;--_116vl6m1p:#022c1c;--_116vl6m1q:#010f0a;--_116vl6m1r:#f7f9fa;--_116vl6m1s:#e9eef2;--_116vl6m1t:#dce4ea;--_116vl6m1u:#b9c9d5;--_116vl6m1v:#99b1c2;--_116vl6m1w:#7899b0;--_116vl6m1x:#55768e;--_116vl6m1y:#445e71;--_116vl6m1z:#344856;--_116vl6m20:#24333d;--_116vl6m21:#192329;--_116vl6m22:#090d10;--_116vl6m23:#fff8f1;--_116vl6m24:#ffecd6;--_116vl6m25:#ffddb7;--_116vl6m26:#ffc07a;--_116vl6m27:#ffa037;--_116vl6m28:#e37700;--_116vl6m29:#c16500;--_116vl6m2a:#964f00;--_116vl6m2b:#693700;--_116vl6m2c:#4d2800;--_116vl6m2d:#2e1900;--_116vl6m2e:#140b00;--_116vl6m2f:#f2fcfe;--_116vl6m2g:#daf7fc;--_116vl6m2h:#c2f2fb;--_116vl6m2i:#7fe5f6;--_116vl6m2j:#45d8f2;--_116vl6m2k:#10c2e2;--_116vl6m2l:#0da2bd;--_116vl6m2m:#0a7a8e;--_116vl6m2n:#075563;--_116vl6m2o:#05424d;--_116vl6m2p:#032025;--_116vl6m2q:#011013;--_116vl6m2r:#fcfbfe;--_116vl6m2s:#eeecf9;--_116vl6m2t:#e7e4f6;--_116vl6m2u:#c9c2eb;--_116vl6m2v:#b1a7e2;--_116vl6m2w:#9688d7;--_116vl6m2x:#76c;--_116vl6m2y:#5c47c2;--_116vl6m2z:#3f2f8e;--_116vl6m30:#2e2267;--_116vl6m31:#191338;--_116vl6m32:#100c25;--_116vl6m33:#fefbfd;--_116vl6m34:#fae6f3;--_116vl6m35:#f8ddef;--_116vl6m36:#efb3db;--_116vl6m37:#e892cc;--_116vl6m38:#eb61be;--_116vl6m39:#d741a6;--_116vl6m3a:#be288d;--_116vl6m3b:#831b60;--_116vl6m3c:#591342;--_116vl6m3d:#26081c;--_116vl6m3e:#15040f;--_116vl6m3f:#fffbfa;--_116vl6m3g:#fff7f5;--_116vl6m3h:#fff4f0;--_116vl6m3i:#ffe4db;--_116vl6m3j:#ffd1c2;--_116vl6m3k:#ffaf94;--_116vl6m3l:#ffa78a;--_116vl6m3m:#d88569;--_116vl6m3n:#d27151;--_116vl6m3o:#823a21;--_116vl6m3p:#411d11;--_116vl6m3q:#200e08;--_116vl6m3r:#fdfdfc;--_116vl6m3s:#eaf0db;--_116vl6m3t:#e3eccf;--_116vl6m3u:#c3d595;--_116vl6m3v:#a8c26a;--_116vl6m3w:#8aad39;--_116vl6m3x:#6b9013;--_116vl6m3y:#56750b;--_116vl6m3z:#3a5007;--_116vl6m40:#2a3a03;--_116vl6m41:#111801;--_116vl6m42:#0a0f01;--_116vl6m43:#fffef8;--_116vl6m44:#fffcf0;--_116vl6m45:#fff9e2;--_116vl6m46:#fff0b1;--_116vl6m47:#ffe278;--_116vl6m48:#ffc902;--_116vl6m49:#ffbe00;--_116vl6m4a:#de9500;--_116vl6m4b:#c98600;--_116vl6m4c:#704b00;--_116vl6m4d:#382500;--_116vl6m4e:#191100;--_116vl6m4f:0s;--_116vl6m4g:.1s;--_116vl6m4h:.2s;--_116vl6m4i:.3s;--_116vl6m4j:.4s;--_116vl6m4k:Satoshi, system-ui, sans-serif;--_116vl6m4l:Inter, sans-serif;--_116vl6m4m:100;--_116vl6m4n:200;--_116vl6m4o:300;--_116vl6m4p:400;--_116vl6m4q:500;--_116vl6m4r:600;--_116vl6m4s:700;--_116vl6m4t:800;--_116vl6m4u:900;--_116vl6m4v:1;--_116vl6m4w:1.25;--_116vl6m4x:1.5;--_116vl6m4y:1.75;--_116vl6m4z:.625rem;--_116vl6m50:.75rem;--_116vl6m51:.875rem;--_116vl6m52:1rem;--_116vl6m53:1.125rem;--_116vl6m54:1.25rem;--_116vl6m55:1.5rem;--_116vl6m56:2rem;--_116vl6m57:0;--_116vl6m58:.25rem;--_116vl6m59:.5rem;--_116vl6m5a:.75rem;--_116vl6m5b:1rem;--_116vl6m5c:1.25rem;--_116vl6m5d:1.5rem;--_116vl6m5e:1.75rem;--_116vl6m5f:2rem;--_116vl6m5g:.1;--_116vl6m5h:.2;--_116vl6m5i:.3;--_116vl6m5j:.4;--_116vl6m5k:.5;--_116vl6m5l:.6;--_116vl6m5m:.7;--_116vl6m5n:.8;--_116vl6m5o:.9;--_116vl6m5p:.95;--_116vl6m5q:1;--_116vl6m5r:0;--_116vl6m5s:.0625rem;--_116vl6m5t:.125rem;--_116vl6m5u:.1875rem;--_116vl6m5v:.25rem;--_116vl6m5w:.5rem;--_116vl6m5x:.75rem;--_116vl6m5y:1rem;--_116vl6m5z:1.25rem;--_116vl6m60:1.5rem;--_116vl6m61:1.75rem;--_116vl6m62:2rem;--_116vl6m63:2.25rem;--_116vl6m64:2.5rem;--_116vl6m65:2.75rem;--_116vl6m66:3rem;--_116vl6m67:3.25rem;--_116vl6m68:3.5rem}._166ain02w{--_166ain00:var(--_116vl6m57);--_166ain01:var(--_116vl6m5a);--_166ain02:var(--_116vl6m5b);--_166ain03:var(--_116vl6m5d);--_166ain04:9999px;--_166ain05:50%;--_166ain06:var(--lightningcss-light,color-mix(in srgb, var(--_116vl6md), transparent 40%))var(--lightningcss-dark,color-mix(in srgb, var(--_116vl6md), transparent 40%));--_166ain07:var(--lightningcss-light,var(--_116vl6mo))var(--lightningcss-dark,var(--_116vl6mo));--_166ain08:var(--lightningcss-light,var(--_116vl6mn))var(--lightningcss-dark,var(--_116vl6mn));--_166ain09:var(--lightningcss-light,var(--_116vl6mm))var(--lightningcss-dark,var(--_116vl6mm));--_166ain0a:var(--_166ain06);--_166ain0b:var(--lightningcss-light,var(--_116vl6mc))var(--lightningcss-dark,var(--_116vl6mc));--_166ain0c:var(--lightningcss-light,var(--_116vl6me))var(--lightningcss-dark,var(--_116vl6me));--_166ain0d:var(--lightningcss-light,var(--_116vl6mg))var(--lightningcss-dark,var(--_116vl6mg));--_166ain0e:var(--_166ain06);--_166ain0f:var(--lightningcss-light,var(--_116vl6m7))var(--lightningcss-dark,var(--_116vl6m7));--_166ain0g:var(--lightningcss-light,var(--_116vl6m9))var(--lightningcss-dark,var(--_116vl6m9));--_166ain0h:var(--lightningcss-light,var(--_116vl6mb))var(--lightningcss-dark,var(--_116vl6mb));--_166ain0i:var(--_166ain06);--_166ain0j:#0000;--_166ain0k:var(--lightningcss-light,color-mix(in srgb, var(--_116vl6mk), transparent 92%))var(--lightningcss-dark,color-mix(in srgb, var(--_116vl6mk), transparent 92%));--_166ain0l:var(--lightningcss-light,color-mix(in srgb, var(--_116vl6mk), transparent 84%))var(--lightningcss-dark,color-mix(in srgb, var(--_116vl6mk), transparent 84%));--_166ain0m:var(--_166ain06);--_166ain0n:var(--lightningcss-light,var(--_116vl6m1a))var(--lightningcss-dark,var(--_116vl6m1a));--_166ain0o:var(--lightningcss-light,var(--_116vl6m1b))var(--lightningcss-dark,var(--_116vl6m1b));--_166ain0p:var(--lightningcss-light,var(--_116vl6m1c))var(--lightningcss-dark,var(--_116vl6m1c));--_166ain0q:var(--_166ain06);--_166ain0r:var(--lightningcss-light,var(--_116vl6ms))var(--lightningcss-dark,var(--_116vl6ms));--_166ain0s:var(--lightningcss-light,var(--_116vl6mt))var(--lightningcss-dark,var(--_116vl6mt));--_166ain0t:var(--lightningcss-light,var(--_116vl6mu))var(--lightningcss-dark,var(--_116vl6mu));--_166ain0u:var(--lightningcss-light,var(--_116vl6m1g))var(--lightningcss-dark,var(--_116vl6m1g));--_166ain0v:var(--lightningcss-light,var(--_116vl6ma))var(--lightningcss-dark,var(--_116vl6ma));--_166ain0w:var(--lightningcss-light,var(--_116vl6mh))var(--lightningcss-dark,var(--_116vl6mh));--_166ain0x:var(--lightningcss-light,var(--_116vl6my))var(--lightningcss-dark,var(--_116vl6my));--_166ain0y:var(--lightningcss-light,var(--_116vl6mn))var(--lightningcss-dark,var(--_116vl6mn));--_166ain0z:var(--_116vl6m5u);--_166ain010:var(--_116vl6m5t);--_166ain011:var(--_166ain0x);--_166ain012:var(--lightningcss-light,var(--_116vl6ml))var(--lightningcss-dark,var(--_116vl6ml));--_166ain013:var(--lightningcss-light,var(--_116vl6mo))var(--lightningcss-dark,var(--_116vl6mo));--_166ain014:var(--lightningcss-light,var(--_116vl6my))var(--lightningcss-dark,var(--_116vl6my));--_166ain015:var(--lightningcss-light,var(--_116vl6m1a))var(--lightningcss-dark,var(--_116vl6m1a));--_166ain016:var(--lightningcss-light,var(--_116vl6m7))var(--lightningcss-dark,var(--_116vl6m7));--_166ain017:var(--lightningcss-light,var(--_116vl6m7))var(--lightningcss-dark,var(--_116vl6m7));--_166ain018:var(--lightningcss-light,var(--_116vl6mo))var(--lightningcss-dark,var(--_116vl6mo));--_166ain019:var(--lightningcss-light,var(--_116vl6mo))var(--lightningcss-dark,var(--_116vl6mo));--_166ain01a:var(--lightningcss-light,var(--_116vl6my))var(--lightningcss-dark,var(--_116vl6my));--_166ain01b:var(--lightningcss-light,var(--_116vl6mz))var(--lightningcss-dark,var(--_116vl6mz));--_166ain01c:var(--lightningcss-light,var(--_116vl6m10))var(--lightningcss-dark,var(--_116vl6m10));--_166ain01d:var(--lightningcss-light,var(--_116vl6mo))var(--lightningcss-dark,var(--_116vl6mo));--_166ain01e:var(--lightningcss-light,var(--_116vl6m7))var(--lightningcss-dark,var(--_116vl6m7));--_166ain01f:var(--lightningcss-light,var(--_116vl6mo))var(--lightningcss-dark,var(--_116vl6mo));--_166ain01g:var(--_116vl6m4f);--_166ain01h:var(--_116vl6m4g);--_166ain01i:var(--_116vl6m4h);--_166ain01j:var(--_116vl6m4i);--_166ain01k:var(--_116vl6m4j);--_166ain01l:var(--_116vl6m5p);--_166ain01m:var(--_116vl6m5o);--_166ain01n:var(--_116vl6m5n);--_166ain01o:var(--_116vl6m5l);--_166ain01p:var(--_116vl6m5k);--_166ain01q:var(--_116vl6m5p);--_166ain01r:cubic-bezier(0, 0, .2, 1);--_166ain01s:cubic-bezier(.4, 0, 1, 1);--_166ain01t:cubic-bezier(.4, 0, .2, 1);--_166ain01u:cubic-bezier(0, 0, 1, 1);--_166ain01v:cubic-bezier(.34, 1.56, .64, 1);--_166ain01w:.6;--_166ain01x:var(--lightningcss-light,color-mix(in srgb, var(--_116vl6mo), transparent 40%))var(--lightningcss-dark,color-mix(in srgb, var(--_116vl6mo), transparent 40%));--_166ain01y:var(--_116vl6m5r) var(--_116vl6m5s) var(--_116vl6m5w) var(--_116vl6m5r) #0000;--_166ain01z:var(--_116vl6m5r) var(--_116vl6m5s) var(--_116vl6m5w) var(--_116vl6m5r) color-mix(in srgb, var(--_116vl6mo), transparent 92%);--_166ain020:var(--_116vl6m5r) var(--_116vl6m5r) var(--_116vl6m5y) var(--_116vl6m5r) color-mix(in srgb, var(--_116vl6mo), transparent 96%);--_166ain021:var(--_116vl6m5r) var(--_116vl6m5r) var(--_116vl6m5y) var(--_116vl6m5r) color-mix(in srgb, var(--_116vl6mo), transparent 92%);--_166ain022:var(--_116vl6m5r) var(--_116vl6m5s) var(--_116vl6m5w) var(--_116vl6m5r) color-mix(in srgb, var(--_116vl6mo), transparent 88%);--_166ain023:var(--_116vl6m5r) var(--_116vl6m5s) var(--_116vl6m5w) var(--_116vl6m5r) color-mix(in srgb, var(--_116vl6mo), transparent 80%);--_166ain024:var(--_116vl6m5r) var(--_116vl6m5s) var(--_116vl6m5w) var(--_116vl6m5r) color-mix(in srgb, var(--_116vl6mo), transparent 76%);--_166ain025:var(--_116vl6m5r) var(--_116vl6m5s) var(--_116vl6m5w) var(--_116vl6m5r) color-mix(in srgb, var(--_116vl6mo), transparent 70%);--_166ain026:var(--_116vl6m5v);--_166ain027:var(--_116vl6m5w);--_166ain028:var(--_116vl6m5x);--_166ain029:var(--_116vl6m5y);--_166ain02a:var(--_116vl6m60);--_166ain02b:var(--_116vl6m62);--_166ain02c:var(--_116vl6m64);--_166ain02d:var(--_116vl6m66);--_166ain02e:var(--_116vl6m68);--_166ain02f:var(--_116vl6m4k);--_166ain02g:var(--_116vl6m4l);--_166ain02h:var(--_116vl6m4z);--_166ain02i:var(--_116vl6m50);--_166ain02j:var(--_116vl6m51);--_166ain02k:var(--_116vl6m52);--_166ain02l:var(--_116vl6m53);--_166ain02m:var(--_116vl6m54);--_166ain02n:var(--_116vl6m55);--_166ain02o:var(--_116vl6m56);--_166ain02p:var(--_116vl6m4p);--_166ain02q:var(--_116vl6m4q);--_166ain02r:var(--_116vl6m4r);--_166ain02s:var(--_116vl6m4s);--_166ain02t:var(--_116vl6m4v);--_166ain02u:var(--_116vl6m4w);--_166ain02v:var(--_116vl6m4x)}.vyfct876{--vyfct80:var(--_166ain0f);--vyfct81:var(--_166ain0w);--vyfct82:var(--_166ain03);--vyfct83:var(--_166ain022);--vyfct84:var(--_166ain029);--vyfct85:var(--_166ain028);--vyfct86:var(--_166ain027);--vyfct87:var(--_166ain012);--vyfct88:var(--_166ain027);--vyfct89:var(--_166ain0b);--vyfct8a:var(--_166ain0c);--vyfct8b:var(--_166ain0d);--vyfct8c:var(--_166ain018);--vyfct8d:var(--_166ain029);--vyfct8e:var(--_166ain02);--vyfct8f:var(--_166ain0y);--vyfct8g:var(--_166ain0y);--vyfct8h:var(--_166ain016);--vyfct8i:var(--_166ain013);--vyfct8j:var(--_166ain027);--vyfct8k:var(--_166ain015);--vyfct8l:var(--_166ain026);--vyfct8m:var(--_166ain0f);--vyfct8n:var(--_166ain0k);--vyfct8o:var(--_166ain0l);--vyfct8p:var(--_166ain013);--vyfct8q:var(--_166ain029);--vyfct8r:var(--_166ain026);--vyfct8s:var(--_166ain0f);--vyfct8t:var(--_166ain019);--vyfct8u:var(--_166ain03);--vyfct8v:var(--_166ain024);--vyfct8w:var(--_166ain02a);--vyfct8x:var(--_166ain02a);--vyfct8y:var(--_166ain027);--vyfct8z:var(--_166ain026);--vyfct810:var(--_166ain02b);--vyfct811:var(--_166ain012);--vyfct812:var(--_166ain028);--vyfct813:var(--_166ain027);--vyfct814:var(--_116vl6m63);--vyfct815:var(--_116vl6m5v);--vyfct816:var(--_166ain04);--vyfct817:var(--_116vl6mk);--vyfct818:var(--_166ain011);--vyfct819:var(--_166ain0z);--vyfct81a:var(--_166ain010);--vyfct81b:var(--_166ain01i);--vyfct81c:var(--_166ain01t);--vyfct81d:var(--_166ain07);--vyfct81e:var(--_166ain08);--vyfct81f:var(--_166ain09);--vyfct81g:var(--_166ain06);--vyfct81h:var(--_166ain017);--vyfct81i:var(--_166ain01f);--vyfct81j:var(--_116vl6m5r);--vyfct81k:var(--_166ain022);--vyfct81l:var(--_166ain022);--vyfct81m:var(--_166ain0f);--vyfct81n:var(--_166ain0g);--vyfct81o:var(--_166ain0h);--vyfct81p:var(--_166ain06);--vyfct81q:var(--_166ain019);--vyfct81r:var(--_166ain01f);--vyfct81s:var(--_166ain0v);--vyfct81t:var(--_116vl6m5s);--vyfct81u:var(--_166ain022);--vyfct81v:var(--_166ain022);--vyfct81w:var(--_166ain0j);--vyfct81x:var(--_166ain0k);--vyfct81y:var(--_166ain0l);--vyfct81z:var(--_166ain06);--vyfct820:var(--_166ain01d);--vyfct821:var(--_166ain01f);--vyfct822:var(--_116vl6m5r);--vyfct823:var(--_166ain01y);--vyfct824:var(--_166ain022);--vyfct825:var(--_166ain0n);--vyfct826:var(--_166ain0o);--vyfct827:var(--_166ain0p);--vyfct828:var(--_166ain06);--vyfct829:var(--_166ain01e);--vyfct82a:var(--_166ain01f);--vyfct82b:var(--_116vl6m5r);--vyfct82c:var(--_166ain022);--vyfct82d:var(--_166ain022);--vyfct82e:var(--_166ain02g);--vyfct82f:var(--_166ain02k);--vyfct82g:var(--_166ain02p);--vyfct82h:var(--_166ain02v);--vyfct82i:var(--_166ain027);--vyfct82j:var(--_166ain029);--vyfct82k:var(--_166ain029);--vyfct82l:var(--_166ain028);--vyfct82m:var(--_166ain029);--vyfct82n:var(--_166ain029);--vyfct82o:var(--_166ain028);--vyfct82p:var(--_166ain028);--vyfct82q:var(--_166ain027);--vyfct82r:var(--_166ain026);--vyfct82s:var(--_166ain028);--vyfct82t:var(--_166ain027);--vyfct82u:var(--_166ain026);--vyfct82v:var(--_166ain028);--vyfct82w:var(--_166ain027);--vyfct82x:var(--_166ain027);--vyfct82y:var(--_166ain02);--vyfct82z:var(--_166ain02);--vyfct830:var(--_166ain01);--vyfct831:var(--_166ain011);--vyfct832:var(--_166ain0z);--vyfct833:var(--_166ain010);--vyfct834:var(--_166ain0f);--vyfct835:var(--_166ain0g);--vyfct836:var(--_166ain02);--vyfct837:var(--_166ain020);--vyfct838:var(--_166ain021);--vyfct839:var(--_166ain028);--vyfct83a:var(--_166ain029);--vyfct83b:var(--_166ain02a);--vyfct83c:var(--_166ain011);--vyfct83d:var(--_166ain0z);--vyfct83e:var(--_166ain010);--vyfct83f:var(--_166ain0b);--vyfct83g:var(--_166ain0r);--vyfct83h:var(--_166ain013);--vyfct83i:var(--_166ain014);--vyfct83j:var(--_166ain02g);--vyfct83k:var(--_166ain02j);--vyfct83l:var(--_166ain02p);--vyfct83m:var(--_166ain02v);--vyfct83n:var(--_166ain026);--vyfct83o:var(--_166ain027);--vyfct83p:var(--_166ain01);--vyfct83q:var(--_166ain011);--vyfct83r:var(--_166ain0z);--vyfct83s:var(--_166ain010);--vyfct83t:var(--_166ain02a);--vyfct83u:var(--_166ain0f);--vyfct83v:var(--_166ain019);--vyfct83w:var(--_166ain0v);--vyfct83x:var(--_116vl6m5s);--vyfct83y:var(--_166ain03);--vyfct83z:var(--_166ain024);--vyfct840:var(--_166ain02a);--vyfct841:var(--_166ain02a);--vyfct842:var(--_166ain027);--vyfct843:var(--_166ain028);--vyfct844:var(--_166ain011);--vyfct845:var(--_166ain0z);--vyfct846:var(--_166ain010);--vyfct847:var(--_166ain01i);--vyfct848:var(--_166ain01t);--vyfct849:var(--_116vl6m5x);--vyfct84a:var(--_116vl6m5y);--vyfct84b:var(--_116vl6m60);--vyfct84c:var(--_116vl6m62);--vyfct84d:var(--_166ain013);--vyfct84e:var(--_166ain014);--vyfct84f:var(--_166ain01);--vyfct84g:var(--_166ain026);--vyfct84h:var(--_166ain0f);--vyfct84i:var(--_166ain02);--vyfct84j:var(--_166ain024);--vyfct84k:var(--_166ain026);--vyfct84l:var(--_166ain027);--vyfct84m:var(--_166ain0j);--vyfct84n:var(--_166ain0k);--vyfct84o:var(--_166ain0l);--vyfct84p:var(--_166ain01d);--vyfct84q:var(--_166ain0r);--vyfct84r:var(--_166ain0s);--vyfct84s:var(--_166ain0t);--vyfct84t:var(--_166ain01a);--vyfct84u:var(--_166ain01b);--vyfct84v:var(--_166ain01c);--vyfct84w:var(--_166ain027);--vyfct84x:var(--_166ain01);--vyfct84y:var(--_166ain029);--vyfct84z:var(--_166ain028);--vyfct850:var(--_166ain01w);--vyfct851:var(--_166ain011);--vyfct852:var(--_166ain0z);--vyfct853:var(--_166ain027);--vyfct854:var(--_166ain026);--vyfct855:var(--_166ain012);--vyfct856:var(--_166ain0f);--vyfct857:var(--_166ain0v);--vyfct858:var(--_166ain03);--vyfct859:var(--_166ain022);--vyfct85a:var(--_166ain027);--vyfct85b:var(--_166ain029);--vyfct85c:var(--_166ain026);--vyfct85d:var(--_166ain0b);--vyfct85e:var(--_166ain0w);--vyfct85f:var(--_166ain01);--vyfct85g:var(--_166ain027);--vyfct85h:var(--_166ain012);--vyfct85i:var(--_166ain012);--vyfct85j:var(--_166ain027);--vyfct85k:var(--_166ain026);--vyfct85l:var(--_166ain015);--vyfct85m:var(--_166ain02f);--vyfct85n:var(--_166ain02k);--vyfct85o:var(--_166ain02q);--vyfct85p:var(--_166ain02u);--vyfct85q:var(--_166ain02f);--vyfct85r:var(--_166ain02m);--vyfct85s:var(--_166ain02q);--vyfct85t:var(--_166ain02u);--vyfct85u:var(--_166ain02f);--vyfct85v:var(--_166ain02n);--vyfct85w:var(--_166ain02q);--vyfct85x:var(--_166ain02u);--vyfct85y:var(--_166ain02f);--vyfct85z:var(--_166ain02o);--vyfct860:var(--_166ain02q);--vyfct861:var(--_166ain02u);--vyfct862:var(--_166ain02g);--vyfct863:var(--_166ain02i);--vyfct864:var(--_166ain02p);--vyfct865:var(--_166ain02v);--vyfct866:var(--_166ain02g);--vyfct867:var(--_166ain02j);--vyfct868:var(--_166ain02p);--vyfct869:var(--_166ain02v);--vyfct86a:var(--_166ain02g);--vyfct86b:var(--_166ain02k);--vyfct86c:var(--_166ain02p);--vyfct86d:var(--_166ain02v);--vyfct86e:var(--_166ain02g);--vyfct86f:var(--_166ain02l);--vyfct86g:var(--_166ain02p);--vyfct86h:var(--_166ain02v);--vyfct86i:var(--_166ain02g);--vyfct86j:var(--_166ain02h);--vyfct86k:var(--_166ain02s);--vyfct86l:var(--_166ain02u);--vyfct86m:var(--_166ain017);--vyfct86n:var(--_166ain07);--vyfct86o:var(--_166ain01);--vyfct86p:var(--_166ain027);--vyfct86q:var(--_166ain026);--vyfct86r:var(--_166ain02g);--vyfct86s:var(--_166ain02j);--vyfct86t:var(--_166ain02p);--vyfct86u:var(--_166ain02v);--vyfct86v:var(--_166ain027);--vyfct86w:var(--_166ain02a);--vyfct86x:var(--_166ain026);--vyfct86y:var(--_166ain015);--vyfct86z:var(--_166ain027);--vyfct870:var(--_166ain0b);--vyfct871:var(--_166ain018);--vyfct872:var(--_166ain029);--vyfct873:var(--_166ain02a);--vyfct874:var(--_166ain03);--vyfct875:var(--_166ain00)}._1v76lkh0{border-width:var(--_116vl6m5s);border-style:solid;border-color:var(--_166ain0w);border-radius:var(--_166ain01);display:grid;overflow:hidden}._1v76lkh1{padding-block:var(--_116vl6m5w);padding-inline:var(--_116vl6m5x)}._1v76lkh2{border-bottom-width:var(--_116vl6m5s);border-bottom-style:solid;border-bottom-color:var(--_166ain0w)}._1le8ba61{pointer-events:none;opacity:var(--_166ain01w)}.cy2dbi0{font-weight:var(--_116vl6m4r);font-size:13px}.cy2dbi1{color:var(--_116vl6m1m)}.cy2dbi2{color:var(--_116vl6m1a)}.cy2dbi3{color:var(--_166ain012)}
+._7hazmf0{width:100%}._7hazmf1{gap:var(--gpbfm95y);flex-direction:column;display:flex;overflow:visible}._7hazmf2{flex-direction:column;width:100%;display:flex}._7hazmf3{transition:grid-template-rows var(--m8lxqj1i) var(--m8lxqj1t), margin-top var(--m8lxqj1i) var(--m8lxqj1t), opacity var(--m8lxqj1i) var(--m8lxqj1t);display:grid;overflow:visible}._7hazmf4{margin-top:var(--gpbfm95y);opacity:1;grid-template-rows:1fr}._7hazmf5{opacity:0;grid-template-rows:0fr;margin-top:0}._7hazmf6{min-height:0;transition:padding var(--m8lxqj1i) var(--m8lxqj1t), margin var(--m8lxqj1i) var(--m8lxqj1t);overflow:hidden}._7hazmf7{padding:var(--gpbfm95y);margin:calc(-1 * var(--gpbfm95y))}._7hazmf8{margin:0;padding:0}._7hazmf9{justify-content:space-between;align-items:center;gap:var(--gpbfm95w);cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;margin:0;padding:0;display:flex}._7hazmfa{align-items:center;gap:var(--gpbfm95w);flex:1;min-width:0;display:flex}._7hazmfb{flex-shrink:0;align-items:center;min-width:0;display:inline-flex}._7hazmfc{transition:transform var(--m8lxqj1i) var(--m8lxqj1t);transform-origin:50%;flex-shrink:0}._7hazmfd{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){._7hazmf3,._7hazmf6,._7hazmfc{transition:none}}._1b4fiav0{width:100%;overflow-x:auto}._1b4fiav1{font-variant-numeric:tabular-nums;font-weight:500}._1afcqze0{gap:var(--gpbfm95w);flex-direction:column;width:100%;display:flex}._1afcqze1{width:100%}._1afcqze2{align-items:center;gap:var(--gpbfm95x);min-width:0;display:flex}._1afcqze3{width:var(--gpbfm962);height:var(--gpbfm962);background-color:var(--m8lxqjb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}._1afcqze4{gap:var(--gpbfm95x);flex-direction:column;width:100%;display:flex}._1afcqze5{justify-content:center;align-items:center;width:100%;display:flex}._1afcqze6{object-fit:contain;border-radius:var(--m8lxqj1);max-width:100%;max-height:65vh}._1afcqze7{width:100%;min-height:var(--gpbfm968);justify-content:center;align-items:center;display:flex}._1afcqze8{text-align:left;width:100%}.blgld0{flex-direction:column;width:100%;display:flex}.blgld1{color:var(--m8lxqj12)}.blgld2{padding:var(--gpbfm95x)}.blgld3{column-gap:var(--gpbfm95x);row-gap:var(--gpbfm95v);grid-template-columns:minmax(0,1fr) max-content;align-items:start;width:100%;display:grid}.blgld4{gap:var(--gpbfm95v);flex-direction:column;min-width:0;display:flex}.blgld5{align-items:center;gap:var(--gpbfm95w);min-width:0;display:flex}.blgld6{width:var(--gpbfm95s);background-color:var(--m8lxqjw);flex-shrink:0;align-self:stretch}.blgld7{align-items:flex-end;gap:var(--gpbfm95v);flex-direction:column;flex-shrink:0;display:flex}._16tl57e0{gap:var(--gpbfm95y);width:100%;display:grid}._16tl57e1{grid-template-columns:repeat(3,minmax(0,1fr))}._16tl57e2{grid-template-columns:repeat(4,minmax(0,1fr))}._16tl57e3{color:var(--m8lxqj12)}._16tl57e4{gap:var(--gpbfm95v);flex-direction:column;min-width:0;display:flex}._2pn4ri0{isolation:isolate;width:100%;position:relative;overflow:visible}._4l9lye0{flex-direction:column;width:100%;display:flex}._4l9lye1{margin-bottom:var(--gpbfm95x)}._4l9lye2{padding-block:var(--gpbfm95w);gap:var(--gpbfm95v);flex-direction:column;display:flex}._4l9lye2:first-child{padding-top:0}._4l9lye3{justify-content:space-between;align-items:baseline;gap:var(--gpbfm95w);display:flex}._4l9lye4{color:var(--m8lxqj12)}._1ysu3qn0{gap:var(--gpbfm95w);flex-direction:column;display:flex}._1ysu3qn1{align-items:center;gap:var(--gpbfm95w);display:flex}._19nljxi0{gap:var(--gpbfm95x);flex-direction:column;max-width:800px;margin:0 auto;display:flex}._5kl5rv0{flex-direction:column;width:100%;display:flex}._5kl5rv1{background-color:var(--gpbfm9a);border-radius:var(--m8lxqj2);padding:var(--gpbfm95x);flex-direction:column;display:flex}._5kl5rv1:not(:first-child){margin-top:var(--gpbfm95x)}._5kl5rv2{margin-bottom:var(--gpbfm95w)}._5kl5rv3{color:var(--m8lxqj12)}._5kl5rv4{align-content:start;justify-items:start;width:100%;display:grid}._5kl5rv5{width:100%;margin-top:var(--gpbfm95x);margin-bottom:var(--gpbfm95x);height:var(--gpbfm95s);background-color:var(--m8lxqjw);grid-column:1/-1}._5kl5rv6{align-items:flex-start;gap:var(--gpbfm95v);flex-direction:column;justify-self:start;min-width:0;display:flex}.zf6dad0{width:100%}._1v76lkh0{border-width:var(--gpbfm95s);border-style:solid;border-color:var(--m8lxqjw);border-radius:var(--m8lxqj1);display:grid;overflow:hidden}._1v76lkh1{padding-block:var(--gpbfm95w);padding-inline:var(--gpbfm95x)}._1v76lkh2{border-bottom-width:var(--gpbfm95s);border-bottom-style:solid;border-bottom-color:var(--m8lxqjw)}._1le8ba61{pointer-events:none;opacity:var(--m8lxqj1w)}.cy2dbi0{font-weight:var(--gpbfm94r);font-size:13px}.cy2dbi1{color:var(--gpbfm91m)}.cy2dbi2{color:var(--gpbfm91a)}.cy2dbi3{color:var(--m8lxqj12)}.nilaa0{padding-top:var(--gpbfm95w)}
 /*$vite$:1*/

package/dist/test/setup-dom.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types.d.ts

@@ -1,7 +1,10 @@
 import { z } from 'zod';
-import { ComponentCatalogDef } from './team-catalog';
-export type RendererContext = "chat" | "panel" | "app";
-export declare const ALL_RENDERERS: RendererContext[];
+import { ComponentCatalogDef } from './scoped-catalog';
+/**
+ * Surfaces a catalog component can render on. `"all"` is a wildcard that matches
+ * every surface; `"panel"` and `"app"` are reserved for future use.
+ */
+export type RendererContext = "all" | "chat" | "panel" | "app" | "context";
 export interface CatalogEntry {
     name: string;
     catalog: ComponentCatalogDef;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/json-render-react",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Generative UI catalog, registry, and renderers for json-render",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,6 +32,7 @@
     "@amcharts/amcharts5": "^5.0.0",
     "@servicetitan/anvil2": ">=1.0.0",
     "@servicetitan/anvil2-ext-charts": "0.1.7",
+    "@servicetitan/carto-react-kit": ">=0.3.0",
     "react": ">=18 <20",
     "react-dom": ">=18 <20"
   },
@@ -39,7 +40,7 @@
     "@amcharts/amcharts5": "^5.0.0",
     "@biomejs/biome": "^2.4.15",
     "@chromatic-com/storybook": "^5.2.1",
-    "@servicetitan/anvil2": "^3.0.6",
+    "@servicetitan/anvil2": "^3.3.0",
     "@servicetitan/anvil2-ext-charts": "0.1.7",
     "@storybook/addon-a11y": "^10.4.1",
     "@storybook/addon-docs": "^10.4.1",
@@ -72,6 +73,7 @@
     "@carto-internal/biome-config": "0.0.0",
     "@carto-internal/tools": "0.0.0",
     "@carto-internal/tsconfig": "0.0.0",
+    "@servicetitan/carto-react-kit": "0.3.3",
     "@servicetitan/carto-tokens": "0.2.0"
   },
   "scripts": {

package/dist/core/catalog/badge.catalog.d.ts

@@ -1,12 +0,0 @@
-import { z } from 'zod';
-export declare const badgeCatalog: {
-    props: z.ZodObject<{
-        content: z.ZodOptional<z.ZodString>;
-        offset: z.ZodOptional<z.ZodObject<{
-            x: z.ZodOptional<z.ZodString>;
-            y: z.ZodOptional<z.ZodString>;
-        }, z.core.$strip>>;
-    }, z.core.$strip>;
-    slots: string[];
-    description: string;
-};

package/dist/core/catalog/badge.css.d.ts

@@ -1 +0,0 @@
-export declare const badgeAnchor: string;

package/dist/core/catalog/badge.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { z } from 'zod';
-import { badgeCatalog } from './badge.catalog';
-export { badgeCatalog };
-export declare const BadgeRenderer: ({ props, children, }: {
-    props: z.infer<typeof badgeCatalog.props>;
-    children?: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/marketing/catalog/teams.d.ts

@@ -1,4 +0,0 @@
-export declare const teams: readonly [{
-    readonly name: "marketing";
-    readonly catalog: import('../..').TeamCatalogDef;
-}];

package/dist/team-catalog.d.ts

@@ -1,26 +0,0 @@
-import { Catalog } from '@json-render/core';
-import { z } from 'zod';
-export interface ComponentCatalogDef {
-    props: z.ZodType;
-    slots: string[];
-    description: string;
-}
-export interface ActionCatalogDef {
-    params: z.ZodType;
-    description: string;
-}
-export interface TeamCatalogDef {
-    prefix: string;
-    components?: Record<string, ComponentCatalogDef>;
-    actions?: Record<string, ActionCatalogDef>;
-    /** Appended to base rules in generated prompt */
-    rules?: string;
-}
-export interface MergedCatalog {
-    prefix: string;
-    catalog: Catalog;
-    prompt(baseRules: string): string;
-    jsonSchema(): object;
-}
-export declare function createTeamCatalog(def: TeamCatalogDef): TeamCatalogDef;
-export declare function mergeCatalogs(teamDef: TeamCatalogDef): MergedCatalog;