@spectratools/graphic-designer-cli 0.3.1

package/dist/spec.schema-BxXBTOn-.d.ts

@@ -0,0 +1,4809 @@
+import { z } from 'zod';
+import { SKRSContext2D } from '@napi-rs/canvas';
+
+declare const DEFAULT_GENERATOR_VERSION = "0.2.0";
+type Rect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+type RenderedElement = {
+    id: string;
+    kind: 'header' | 'card' | 'footer' | 'text' | 'badge' | 'flow-node' | 'connection' | 'terminal' | 'code-block' | 'shape' | 'image' | 'draw' | 'rainbow-rule' | 'gradient-overlay' | 'vignette';
+    bounds: Rect;
+    foregroundColor?: string;
+    backgroundColor?: string;
+    allowOverlap?: boolean;
+    truncated?: boolean;
+};
+type LayoutSnapshot = {
+    safeFrame: DesignSafeFrame;
+    elements: RenderedElement[];
+};
+type RenderMetadata = {
+    schemaVersion: 2;
+    generatorVersion: string;
+    renderedAt: string;
+    specHash: string;
+    artifactHash: string;
+    artifactBaseName: string;
+    canvas: {
+        width: number;
+        height: number;
+        scale: number;
+    };
+    layout: LayoutSnapshot;
+};
+type RenderResult = {
+    png: Buffer;
+    metadata: RenderMetadata;
+};
+type WrittenArtifacts = {
+    imagePath: string;
+    metadataPath: string;
+    metadata: RenderMetadata;
+};
+declare function computeSpecHash(spec: DesignSpec): string;
+declare function renderDesign(input: DesignSpec, options?: {
+    generatorVersion?: string;
+    renderedAt?: string;
+}): Promise<RenderResult>;
+declare function writeRenderArtifacts(result: RenderResult, out: string): Promise<WrittenArtifacts>;
+declare function inferSidecarPath(imagePath: string): string;
+
+type GradientStop$1 = {
+    offset: number;
+    color: string;
+};
+type LinearGradientSpec = {
+    type: 'linear';
+    angle?: number;
+    stops: GradientStop$1[];
+};
+type RadialGradientSpec = {
+    type: 'radial';
+    stops: GradientStop$1[];
+};
+type GradientSpec = LinearGradientSpec | RadialGradientSpec;
+declare const DEFAULT_RAINBOW_COLORS: readonly ["#FF6B6B", "#FFA94D", "#FFD43B", "#69DB7C", "#4DABF7", "#9775FA", "#DA77F2"];
+declare function drawGradientRect(ctx: SKRSContext2D, rect: Rect, gradient: GradientSpec, borderRadius?: number): void;
+declare function drawRainbowRule(ctx: SKRSContext2D, x: number, y: number, width: number, thickness?: number, colors?: string[], borderRadius?: number): void;
+declare function drawVignette(ctx: SKRSContext2D, width: number, height: number, intensity?: number, color?: string): void;
+
+declare const themeSchema: z.ZodObject<{
+    background: z.ZodString;
+    surface: z.ZodString;
+    surfaceMuted: z.ZodString;
+    surfaceElevated: z.ZodString;
+    text: z.ZodString;
+    textMuted: z.ZodString;
+    textInverse: z.ZodString;
+    primary: z.ZodString;
+    secondary: z.ZodString;
+    accent: z.ZodString;
+    success: z.ZodString;
+    warning: z.ZodString;
+    error: z.ZodString;
+    info: z.ZodString;
+    border: z.ZodString;
+    borderMuted: z.ZodString;
+    code: z.ZodObject<{
+        background: z.ZodString;
+        text: z.ZodString;
+        comment: z.ZodString;
+        keyword: z.ZodString;
+        string: z.ZodString;
+        number: z.ZodString;
+        function: z.ZodString;
+        variable: z.ZodString;
+        operator: z.ZodString;
+        punctuation: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    }, {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    }>;
+    fonts: z.ZodObject<{
+        heading: z.ZodString;
+        body: z.ZodString;
+        mono: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        body: string;
+        heading: string;
+        mono: string;
+    }, {
+        body: string;
+        heading: string;
+        mono: string;
+    }>;
+}, "strict", z.ZodTypeAny, {
+    code: {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    };
+    accent: string;
+    success: string;
+    warning: string;
+    error: string;
+    text: string;
+    background: string;
+    surface: string;
+    surfaceMuted: string;
+    surfaceElevated: string;
+    textMuted: string;
+    textInverse: string;
+    primary: string;
+    secondary: string;
+    info: string;
+    border: string;
+    borderMuted: string;
+    fonts: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+}, {
+    code: {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    };
+    accent: string;
+    success: string;
+    warning: string;
+    error: string;
+    text: string;
+    background: string;
+    surface: string;
+    surfaceMuted: string;
+    surfaceElevated: string;
+    textMuted: string;
+    textInverse: string;
+    primary: string;
+    secondary: string;
+    info: string;
+    border: string;
+    borderMuted: string;
+    fonts: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+}>;
+declare const builtInThemeSchema: z.ZodEnum<["dark", "light", "dracula", "github-dark", "one-dark", "nord"]>;
+type Theme$1 = z.infer<typeof themeSchema>;
+type BuiltInTheme$1 = z.infer<typeof builtInThemeSchema>;
+type ThemeInput$1 = BuiltInTheme$1 | Theme$1;
+declare const builtInThemeBackgrounds: Partial<Record<BuiltInTheme$1, GradientSpec>>;
+declare const builtInThemes: Record<BuiltInTheme$1, Theme$1>;
+declare const defaultTheme: Theme$1;
+
+declare function resolveTheme(theme: ThemeInput$1): Theme$1;
+
+declare const gradientStopSchema: z.ZodObject<{
+    offset: z.ZodNumber;
+    color: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    color: string;
+    offset: number;
+}, {
+    color: string;
+    offset: number;
+}>;
+declare const linearGradientSchema: z.ZodObject<{
+    type: z.ZodLiteral<"linear">;
+    angle: z.ZodDefault<z.ZodNumber>;
+    stops: z.ZodArray<z.ZodObject<{
+        offset: z.ZodNumber;
+        color: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        offset: number;
+    }, {
+        color: string;
+        offset: number;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    type: "linear";
+    angle: number;
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+}, {
+    type: "linear";
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+    angle?: number | undefined;
+}>;
+declare const radialGradientSchema: z.ZodObject<{
+    type: z.ZodLiteral<"radial">;
+    stops: z.ZodArray<z.ZodObject<{
+        offset: z.ZodNumber;
+        color: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        offset: number;
+    }, {
+        color: string;
+        offset: number;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    type: "radial";
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+}, {
+    type: "radial";
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+}>;
+declare const gradientSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"linear">;
+    angle: z.ZodDefault<z.ZodNumber>;
+    stops: z.ZodArray<z.ZodObject<{
+        offset: z.ZodNumber;
+        color: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        offset: number;
+    }, {
+        color: string;
+        offset: number;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    type: "linear";
+    angle: number;
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+}, {
+    type: "linear";
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+    angle?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"radial">;
+    stops: z.ZodArray<z.ZodObject<{
+        offset: z.ZodNumber;
+        color: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        color: string;
+        offset: number;
+    }, {
+        color: string;
+        offset: number;
+    }>, "many">;
+}, "strict", z.ZodTypeAny, {
+    type: "radial";
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+}, {
+    type: "radial";
+    stops: {
+        color: string;
+        offset: number;
+    }[];
+}>]>;
+declare const drawFontFamilySchema: z.ZodEnum<["heading", "body", "mono"]>;
+declare const drawRectSchema: z.ZodObject<{
+    type: z.ZodLiteral<"rect">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+    radius: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "rect";
+    width: number;
+    height: number;
+    opacity: number;
+    strokeWidth: number;
+    x: number;
+    y: number;
+    radius: number;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "rect";
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    fill?: string | undefined;
+    opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+    radius?: number | undefined;
+}>;
+declare const drawCircleSchema: z.ZodObject<{
+    type: z.ZodLiteral<"circle">;
+    cx: z.ZodNumber;
+    cy: z.ZodNumber;
+    radius: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "circle";
+    opacity: number;
+    strokeWidth: number;
+    radius: number;
+    cx: number;
+    cy: number;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "circle";
+    radius: number;
+    cx: number;
+    cy: number;
+    fill?: string | undefined;
+    opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+}>;
+declare const drawTextSchema: z.ZodObject<{
+    type: z.ZodLiteral<"text">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    text: z.ZodString;
+    fontSize: z.ZodDefault<z.ZodNumber>;
+    fontWeight: z.ZodDefault<z.ZodNumber>;
+    fontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+    color: z.ZodDefault<z.ZodString>;
+    align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+    baseline: z.ZodDefault<z.ZodEnum<["top", "middle", "alphabetic", "bottom"]>>;
+    letterSpacing: z.ZodDefault<z.ZodNumber>;
+    maxWidth: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "text";
+    color: string;
+    opacity: number;
+    fontSize: number;
+    text: string;
+    align: "left" | "center" | "right";
+    x: number;
+    y: number;
+    fontWeight: number;
+    fontFamily: "body" | "heading" | "mono";
+    baseline: "middle" | "alphabetic" | "bottom" | "top";
+    letterSpacing: number;
+    maxWidth?: number | undefined;
+}, {
+    type: "text";
+    text: string;
+    x: number;
+    y: number;
+    color?: string | undefined;
+    opacity?: number | undefined;
+    fontSize?: number | undefined;
+    align?: "left" | "center" | "right" | undefined;
+    fontWeight?: number | undefined;
+    fontFamily?: "body" | "heading" | "mono" | undefined;
+    baseline?: "middle" | "alphabetic" | "bottom" | "top" | undefined;
+    letterSpacing?: number | undefined;
+    maxWidth?: number | undefined;
+}>;
+declare const drawLineSchema: z.ZodObject<{
+    type: z.ZodLiteral<"line">;
+    x1: z.ZodNumber;
+    y1: z.ZodNumber;
+    x2: z.ZodNumber;
+    y2: z.ZodNumber;
+    color: z.ZodDefault<z.ZodString>;
+    width: z.ZodDefault<z.ZodNumber>;
+    dash: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+    arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
+    arrowSize: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "line";
+    color: string;
+    width: number;
+    opacity: number;
+    arrow: "end" | "start" | "both" | "none";
+    arrowSize: number;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    dash?: number[] | undefined;
+}, {
+    type: "line";
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    color?: string | undefined;
+    width?: number | undefined;
+    opacity?: number | undefined;
+    arrow?: "end" | "start" | "both" | "none" | undefined;
+    arrowSize?: number | undefined;
+    dash?: number[] | undefined;
+}>;
+declare const drawPointSchema: z.ZodObject<{
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+}, "strict", z.ZodTypeAny, {
+    x: number;
+    y: number;
+}, {
+    x: number;
+    y: number;
+}>;
+declare const drawBezierSchema: z.ZodObject<{
+    type: z.ZodLiteral<"bezier">;
+    points: z.ZodArray<z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>, "many">;
+    color: z.ZodDefault<z.ZodString>;
+    width: z.ZodDefault<z.ZodNumber>;
+    dash: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+    arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
+    arrowSize: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "bezier";
+    color: string;
+    width: number;
+    opacity: number;
+    arrow: "end" | "start" | "both" | "none";
+    arrowSize: number;
+    points: {
+        x: number;
+        y: number;
+    }[];
+    dash?: number[] | undefined;
+}, {
+    type: "bezier";
+    points: {
+        x: number;
+        y: number;
+    }[];
+    color?: string | undefined;
+    width?: number | undefined;
+    opacity?: number | undefined;
+    arrow?: "end" | "start" | "both" | "none" | undefined;
+    arrowSize?: number | undefined;
+    dash?: number[] | undefined;
+}>;
+declare const drawPathSchema: z.ZodObject<{
+    type: z.ZodLiteral<"path">;
+    d: z.ZodString;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "path";
+    opacity: number;
+    strokeWidth: number;
+    d: string;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "path";
+    d: string;
+    fill?: string | undefined;
+    opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+}>;
+declare const drawBadgeSchema: z.ZodObject<{
+    type: z.ZodLiteral<"badge">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    text: z.ZodString;
+    fontSize: z.ZodDefault<z.ZodNumber>;
+    fontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+    color: z.ZodDefault<z.ZodString>;
+    background: z.ZodDefault<z.ZodString>;
+    paddingX: z.ZodDefault<z.ZodNumber>;
+    paddingY: z.ZodDefault<z.ZodNumber>;
+    borderRadius: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "badge";
+    color: string;
+    opacity: number;
+    fontSize: number;
+    text: string;
+    borderRadius: number;
+    x: number;
+    y: number;
+    background: string;
+    fontFamily: "body" | "heading" | "mono";
+    paddingX: number;
+    paddingY: number;
+}, {
+    type: "badge";
+    text: string;
+    x: number;
+    y: number;
+    color?: string | undefined;
+    opacity?: number | undefined;
+    fontSize?: number | undefined;
+    borderRadius?: number | undefined;
+    background?: string | undefined;
+    fontFamily?: "body" | "heading" | "mono" | undefined;
+    paddingX?: number | undefined;
+    paddingY?: number | undefined;
+}>;
+declare const drawGradientRectSchema: z.ZodObject<{
+    type: z.ZodLiteral<"gradient-rect">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    gradient: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"linear">;
+        angle: z.ZodDefault<z.ZodNumber>;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"radial">;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }>]>;
+    radius: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "gradient-rect";
+    width: number;
+    height: number;
+    opacity: number;
+    x: number;
+    y: number;
+    radius: number;
+    gradient: {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    };
+}, {
+    type: "gradient-rect";
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    gradient: {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    };
+    opacity?: number | undefined;
+    radius?: number | undefined;
+}>;
+declare const drawCommandSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"rect">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+    radius: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "rect";
+    width: number;
+    height: number;
+    opacity: number;
+    strokeWidth: number;
+    x: number;
+    y: number;
+    radius: number;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "rect";
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    fill?: string | undefined;
+    opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+    radius?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"circle">;
+    cx: z.ZodNumber;
+    cy: z.ZodNumber;
+    radius: z.ZodNumber;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "circle";
+    opacity: number;
+    strokeWidth: number;
+    radius: number;
+    cx: number;
+    cy: number;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "circle";
+    radius: number;
+    cx: number;
+    cy: number;
+    fill?: string | undefined;
+    opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"text">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    text: z.ZodString;
+    fontSize: z.ZodDefault<z.ZodNumber>;
+    fontWeight: z.ZodDefault<z.ZodNumber>;
+    fontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+    color: z.ZodDefault<z.ZodString>;
+    align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+    baseline: z.ZodDefault<z.ZodEnum<["top", "middle", "alphabetic", "bottom"]>>;
+    letterSpacing: z.ZodDefault<z.ZodNumber>;
+    maxWidth: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "text";
+    color: string;
+    opacity: number;
+    fontSize: number;
+    text: string;
+    align: "left" | "center" | "right";
+    x: number;
+    y: number;
+    fontWeight: number;
+    fontFamily: "body" | "heading" | "mono";
+    baseline: "middle" | "alphabetic" | "bottom" | "top";
+    letterSpacing: number;
+    maxWidth?: number | undefined;
+}, {
+    type: "text";
+    text: string;
+    x: number;
+    y: number;
+    color?: string | undefined;
+    opacity?: number | undefined;
+    fontSize?: number | undefined;
+    align?: "left" | "center" | "right" | undefined;
+    fontWeight?: number | undefined;
+    fontFamily?: "body" | "heading" | "mono" | undefined;
+    baseline?: "middle" | "alphabetic" | "bottom" | "top" | undefined;
+    letterSpacing?: number | undefined;
+    maxWidth?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"line">;
+    x1: z.ZodNumber;
+    y1: z.ZodNumber;
+    x2: z.ZodNumber;
+    y2: z.ZodNumber;
+    color: z.ZodDefault<z.ZodString>;
+    width: z.ZodDefault<z.ZodNumber>;
+    dash: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+    arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
+    arrowSize: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "line";
+    color: string;
+    width: number;
+    opacity: number;
+    arrow: "end" | "start" | "both" | "none";
+    arrowSize: number;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    dash?: number[] | undefined;
+}, {
+    type: "line";
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    color?: string | undefined;
+    width?: number | undefined;
+    opacity?: number | undefined;
+    arrow?: "end" | "start" | "both" | "none" | undefined;
+    arrowSize?: number | undefined;
+    dash?: number[] | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"bezier">;
+    points: z.ZodArray<z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>, "many">;
+    color: z.ZodDefault<z.ZodString>;
+    width: z.ZodDefault<z.ZodNumber>;
+    dash: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+    arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
+    arrowSize: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "bezier";
+    color: string;
+    width: number;
+    opacity: number;
+    arrow: "end" | "start" | "both" | "none";
+    arrowSize: number;
+    points: {
+        x: number;
+        y: number;
+    }[];
+    dash?: number[] | undefined;
+}, {
+    type: "bezier";
+    points: {
+        x: number;
+        y: number;
+    }[];
+    color?: string | undefined;
+    width?: number | undefined;
+    opacity?: number | undefined;
+    arrow?: "end" | "start" | "both" | "none" | undefined;
+    arrowSize?: number | undefined;
+    dash?: number[] | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"path">;
+    d: z.ZodString;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "path";
+    opacity: number;
+    strokeWidth: number;
+    d: string;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "path";
+    d: string;
+    fill?: string | undefined;
+    opacity?: number | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"badge">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    text: z.ZodString;
+    fontSize: z.ZodDefault<z.ZodNumber>;
+    fontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+    color: z.ZodDefault<z.ZodString>;
+    background: z.ZodDefault<z.ZodString>;
+    paddingX: z.ZodDefault<z.ZodNumber>;
+    paddingY: z.ZodDefault<z.ZodNumber>;
+    borderRadius: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "badge";
+    color: string;
+    opacity: number;
+    fontSize: number;
+    text: string;
+    borderRadius: number;
+    x: number;
+    y: number;
+    background: string;
+    fontFamily: "body" | "heading" | "mono";
+    paddingX: number;
+    paddingY: number;
+}, {
+    type: "badge";
+    text: string;
+    x: number;
+    y: number;
+    color?: string | undefined;
+    opacity?: number | undefined;
+    fontSize?: number | undefined;
+    borderRadius?: number | undefined;
+    background?: string | undefined;
+    fontFamily?: "body" | "heading" | "mono" | undefined;
+    paddingX?: number | undefined;
+    paddingY?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"gradient-rect">;
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+    gradient: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"linear">;
+        angle: z.ZodDefault<z.ZodNumber>;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"radial">;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }>]>;
+    radius: z.ZodDefault<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "gradient-rect";
+    width: number;
+    height: number;
+    opacity: number;
+    x: number;
+    y: number;
+    radius: number;
+    gradient: {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    };
+}, {
+    type: "gradient-rect";
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    gradient: {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    };
+    opacity?: number | undefined;
+    radius?: number | undefined;
+}>]>;
+declare const defaultCanvas: {
+    readonly width: 1200;
+    readonly height: 675;
+    readonly padding: 48;
+};
+declare const defaultConstraints: {
+    readonly minContrastRatio: 4.5;
+    readonly minFooterSpacing: 16;
+    readonly checkOverlaps: true;
+    readonly maxTextTruncation: 0.1;
+};
+declare const defaultAutoLayout: {
+    readonly mode: "auto";
+    readonly algorithm: "layered";
+    readonly direction: "TB";
+    readonly nodeSpacing: 80;
+    readonly rankSpacing: 120;
+    readonly edgeRouting: "polyline";
+};
+declare const defaultGridLayout: {
+    readonly mode: "grid";
+    readonly columns: 3;
+    readonly gap: 24;
+    readonly equalHeight: false;
+};
+declare const defaultStackLayout: {
+    readonly mode: "stack";
+    readonly direction: "vertical";
+    readonly gap: 24;
+    readonly alignment: "stretch";
+};
+declare const defaultLayout: {
+    readonly mode: "grid";
+    readonly columns: 3;
+    readonly gap: 24;
+    readonly equalHeight: false;
+};
+declare function inferLayout(elements: Element[], explicitLayout?: LayoutConfig): LayoutConfig;
+declare const cardElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"card">;
+    id: z.ZodString;
+    title: z.ZodString;
+    body: z.ZodString;
+    badge: z.ZodOptional<z.ZodString>;
+    metric: z.ZodOptional<z.ZodString>;
+    tone: z.ZodDefault<z.ZodEnum<["neutral", "accent", "success", "warning", "error"]>>;
+    icon: z.ZodOptional<z.ZodString>;
+}, "strict", z.ZodTypeAny, {
+    type: "card";
+    id: string;
+    title: string;
+    body: string;
+    tone: "neutral" | "accent" | "success" | "warning" | "error";
+    badge?: string | undefined;
+    metric?: string | undefined;
+    icon?: string | undefined;
+}, {
+    type: "card";
+    id: string;
+    title: string;
+    body: string;
+    badge?: string | undefined;
+    metric?: string | undefined;
+    tone?: "neutral" | "accent" | "success" | "warning" | "error" | undefined;
+    icon?: string | undefined;
+}>;
+declare const flowNodeElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"flow-node">;
+    id: z.ZodString;
+    shape: z.ZodEnum<["box", "rounded-box", "diamond", "circle", "pill", "cylinder", "parallelogram"]>;
+    label: z.ZodString;
+    sublabel: z.ZodOptional<z.ZodString>;
+    sublabelColor: z.ZodOptional<z.ZodString>;
+    labelColor: z.ZodOptional<z.ZodString>;
+    labelFontSize: z.ZodOptional<z.ZodNumber>;
+    color: z.ZodOptional<z.ZodString>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    cornerRadius: z.ZodOptional<z.ZodNumber>;
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "flow-node";
+    id: string;
+    shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+    label: string;
+    opacity: number;
+    sublabel?: string | undefined;
+    sublabelColor?: string | undefined;
+    labelColor?: string | undefined;
+    labelFontSize?: number | undefined;
+    color?: string | undefined;
+    borderColor?: string | undefined;
+    borderWidth?: number | undefined;
+    cornerRadius?: number | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+}, {
+    type: "flow-node";
+    id: string;
+    shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+    label: string;
+    sublabel?: string | undefined;
+    sublabelColor?: string | undefined;
+    labelColor?: string | undefined;
+    labelFontSize?: number | undefined;
+    color?: string | undefined;
+    borderColor?: string | undefined;
+    borderWidth?: number | undefined;
+    cornerRadius?: number | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+    opacity?: number | undefined;
+}>;
+declare const connectionElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"connection">;
+    from: z.ZodString;
+    to: z.ZodString;
+    style: z.ZodDefault<z.ZodEnum<["solid", "dashed", "dotted"]>>;
+    arrow: z.ZodDefault<z.ZodEnum<["end", "start", "both", "none"]>>;
+    label: z.ZodOptional<z.ZodString>;
+    labelPosition: z.ZodDefault<z.ZodEnum<["start", "middle", "end"]>>;
+    color: z.ZodOptional<z.ZodString>;
+    width: z.ZodOptional<z.ZodNumber>;
+    arrowSize: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "connection";
+    opacity: number;
+    from: string;
+    to: string;
+    style: "solid" | "dashed" | "dotted";
+    arrow: "end" | "start" | "both" | "none";
+    labelPosition: "end" | "start" | "middle";
+    label?: string | undefined;
+    color?: string | undefined;
+    width?: number | undefined;
+    arrowSize?: number | undefined;
+}, {
+    type: "connection";
+    from: string;
+    to: string;
+    label?: string | undefined;
+    color?: string | undefined;
+    width?: number | undefined;
+    opacity?: number | undefined;
+    style?: "solid" | "dashed" | "dotted" | undefined;
+    arrow?: "end" | "start" | "both" | "none" | undefined;
+    labelPosition?: "end" | "start" | "middle" | undefined;
+    arrowSize?: number | undefined;
+}>;
+declare const codeBlockStyleSchema: z.ZodObject<{
+    paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    paddingHorizontal: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    windowControls: z.ZodOptional<z.ZodDefault<z.ZodEnum<["macos", "bw", "none"]>>>;
+    dropShadow: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+    dropShadowOffsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    dropShadowBlurRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    surroundColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+    fontSize: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    lineHeightPercent: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    scale: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+}, "strip", z.ZodTypeAny, {
+    paddingVertical?: number | undefined;
+    paddingHorizontal?: number | undefined;
+    windowControls?: "none" | "macos" | "bw" | undefined;
+    dropShadow?: boolean | undefined;
+    dropShadowOffsetY?: number | undefined;
+    dropShadowBlurRadius?: number | undefined;
+    surroundColor?: string | undefined;
+    fontSize?: number | undefined;
+    lineHeightPercent?: number | undefined;
+    scale?: number | undefined;
+}, {
+    paddingVertical?: number | undefined;
+    paddingHorizontal?: number | undefined;
+    windowControls?: "none" | "macos" | "bw" | undefined;
+    dropShadow?: boolean | undefined;
+    dropShadowOffsetY?: number | undefined;
+    dropShadowBlurRadius?: number | undefined;
+    surroundColor?: string | undefined;
+    fontSize?: number | undefined;
+    lineHeightPercent?: number | undefined;
+    scale?: number | undefined;
+}>;
+declare const codeBlockElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"code-block">;
+    id: z.ZodString;
+    code: z.ZodString;
+    language: z.ZodString;
+    theme: z.ZodOptional<z.ZodString>;
+    showLineNumbers: z.ZodDefault<z.ZodBoolean>;
+    highlightLines: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+    startLine: z.ZodDefault<z.ZodNumber>;
+    title: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodObject<{
+        paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        paddingHorizontal: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        windowControls: z.ZodOptional<z.ZodDefault<z.ZodEnum<["macos", "bw", "none"]>>>;
+        dropShadow: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        dropShadowOffsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        dropShadowBlurRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        surroundColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+        fontSize: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        lineHeightPercent: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        scale: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    }, "strip", z.ZodTypeAny, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }>>;
+}, "strict", z.ZodTypeAny, {
+    type: "code-block";
+    code: string;
+    id: string;
+    language: string;
+    showLineNumbers: boolean;
+    startLine: number;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    theme?: string | undefined;
+    highlightLines?: number[] | undefined;
+}, {
+    type: "code-block";
+    code: string;
+    id: string;
+    language: string;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    theme?: string | undefined;
+    showLineNumbers?: boolean | undefined;
+    highlightLines?: number[] | undefined;
+    startLine?: number | undefined;
+}>;
+declare const terminalElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"terminal">;
+    id: z.ZodString;
+    content: z.ZodString;
+    prompt: z.ZodOptional<z.ZodString>;
+    title: z.ZodOptional<z.ZodString>;
+    showPrompt: z.ZodDefault<z.ZodBoolean>;
+    style: z.ZodOptional<z.ZodObject<{
+        paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        paddingHorizontal: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        windowControls: z.ZodOptional<z.ZodDefault<z.ZodEnum<["macos", "bw", "none"]>>>;
+        dropShadow: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        dropShadowOffsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        dropShadowBlurRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        surroundColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+        fontSize: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        lineHeightPercent: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        scale: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    }, "strip", z.ZodTypeAny, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }>>;
+}, "strict", z.ZodTypeAny, {
+    type: "terminal";
+    id: string;
+    content: string;
+    showPrompt: boolean;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    prompt?: string | undefined;
+}, {
+    type: "terminal";
+    id: string;
+    content: string;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    prompt?: string | undefined;
+    showPrompt?: boolean | undefined;
+}>;
+declare const textElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"text">;
+    id: z.ZodString;
+    content: z.ZodString;
+    style: z.ZodEnum<["heading", "subheading", "body", "caption", "code"]>;
+    align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+    color: z.ZodOptional<z.ZodString>;
+}, "strict", z.ZodTypeAny, {
+    type: "text";
+    id: string;
+    style: "code" | "body" | "heading" | "subheading" | "caption";
+    content: string;
+    align: "left" | "center" | "right";
+    color?: string | undefined;
+}, {
+    type: "text";
+    id: string;
+    style: "code" | "body" | "heading" | "subheading" | "caption";
+    content: string;
+    color?: string | undefined;
+    align?: "left" | "center" | "right" | undefined;
+}>;
+declare const shapeElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"shape">;
+    id: z.ZodString;
+    shape: z.ZodEnum<["rectangle", "rounded-rectangle", "circle", "ellipse", "line", "arrow"]>;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "shape";
+    id: string;
+    shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+    strokeWidth: number;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "shape";
+    id: string;
+    shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+    fill?: string | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+}>;
+declare const imageElementSchema: z.ZodObject<{
+    type: z.ZodLiteral<"image">;
+    id: z.ZodString;
+    src: z.ZodString;
+    alt: z.ZodOptional<z.ZodString>;
+    fit: z.ZodDefault<z.ZodEnum<["contain", "cover", "fill", "none"]>>;
+    borderRadius: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "image";
+    id: string;
+    src: string;
+    fit: "fill" | "none" | "contain" | "cover";
+    borderRadius: number;
+    alt?: string | undefined;
+}, {
+    type: "image";
+    id: string;
+    src: string;
+    alt?: string | undefined;
+    fit?: "fill" | "none" | "contain" | "cover" | undefined;
+    borderRadius?: number | undefined;
+}>;
+declare const elementSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"card">;
+    id: z.ZodString;
+    title: z.ZodString;
+    body: z.ZodString;
+    badge: z.ZodOptional<z.ZodString>;
+    metric: z.ZodOptional<z.ZodString>;
+    tone: z.ZodDefault<z.ZodEnum<["neutral", "accent", "success", "warning", "error"]>>;
+    icon: z.ZodOptional<z.ZodString>;
+}, "strict", z.ZodTypeAny, {
+    type: "card";
+    id: string;
+    title: string;
+    body: string;
+    tone: "neutral" | "accent" | "success" | "warning" | "error";
+    badge?: string | undefined;
+    metric?: string | undefined;
+    icon?: string | undefined;
+}, {
+    type: "card";
+    id: string;
+    title: string;
+    body: string;
+    badge?: string | undefined;
+    metric?: string | undefined;
+    tone?: "neutral" | "accent" | "success" | "warning" | "error" | undefined;
+    icon?: string | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"flow-node">;
+    id: z.ZodString;
+    shape: z.ZodEnum<["box", "rounded-box", "diamond", "circle", "pill", "cylinder", "parallelogram"]>;
+    label: z.ZodString;
+    sublabel: z.ZodOptional<z.ZodString>;
+    sublabelColor: z.ZodOptional<z.ZodString>;
+    labelColor: z.ZodOptional<z.ZodString>;
+    labelFontSize: z.ZodOptional<z.ZodNumber>;
+    color: z.ZodOptional<z.ZodString>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    cornerRadius: z.ZodOptional<z.ZodNumber>;
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "flow-node";
+    id: string;
+    shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+    label: string;
+    opacity: number;
+    sublabel?: string | undefined;
+    sublabelColor?: string | undefined;
+    labelColor?: string | undefined;
+    labelFontSize?: number | undefined;
+    color?: string | undefined;
+    borderColor?: string | undefined;
+    borderWidth?: number | undefined;
+    cornerRadius?: number | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+}, {
+    type: "flow-node";
+    id: string;
+    shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+    label: string;
+    sublabel?: string | undefined;
+    sublabelColor?: string | undefined;
+    labelColor?: string | undefined;
+    labelFontSize?: number | undefined;
+    color?: string | undefined;
+    borderColor?: string | undefined;
+    borderWidth?: number | undefined;
+    cornerRadius?: number | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+    opacity?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"connection">;
+    from: z.ZodString;
+    to: z.ZodString;
+    style: z.ZodDefault<z.ZodEnum<["solid", "dashed", "dotted"]>>;
+    arrow: z.ZodDefault<z.ZodEnum<["end", "start", "both", "none"]>>;
+    label: z.ZodOptional<z.ZodString>;
+    labelPosition: z.ZodDefault<z.ZodEnum<["start", "middle", "end"]>>;
+    color: z.ZodOptional<z.ZodString>;
+    width: z.ZodOptional<z.ZodNumber>;
+    arrowSize: z.ZodOptional<z.ZodNumber>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "connection";
+    opacity: number;
+    from: string;
+    to: string;
+    style: "solid" | "dashed" | "dotted";
+    arrow: "end" | "start" | "both" | "none";
+    labelPosition: "end" | "start" | "middle";
+    label?: string | undefined;
+    color?: string | undefined;
+    width?: number | undefined;
+    arrowSize?: number | undefined;
+}, {
+    type: "connection";
+    from: string;
+    to: string;
+    label?: string | undefined;
+    color?: string | undefined;
+    width?: number | undefined;
+    opacity?: number | undefined;
+    style?: "solid" | "dashed" | "dotted" | undefined;
+    arrow?: "end" | "start" | "both" | "none" | undefined;
+    labelPosition?: "end" | "start" | "middle" | undefined;
+    arrowSize?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"code-block">;
+    id: z.ZodString;
+    code: z.ZodString;
+    language: z.ZodString;
+    theme: z.ZodOptional<z.ZodString>;
+    showLineNumbers: z.ZodDefault<z.ZodBoolean>;
+    highlightLines: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+    startLine: z.ZodDefault<z.ZodNumber>;
+    title: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodObject<{
+        paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        paddingHorizontal: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        windowControls: z.ZodOptional<z.ZodDefault<z.ZodEnum<["macos", "bw", "none"]>>>;
+        dropShadow: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        dropShadowOffsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        dropShadowBlurRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        surroundColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+        fontSize: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        lineHeightPercent: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        scale: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    }, "strip", z.ZodTypeAny, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }>>;
+}, "strict", z.ZodTypeAny, {
+    type: "code-block";
+    code: string;
+    id: string;
+    language: string;
+    showLineNumbers: boolean;
+    startLine: number;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    theme?: string | undefined;
+    highlightLines?: number[] | undefined;
+}, {
+    type: "code-block";
+    code: string;
+    id: string;
+    language: string;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    theme?: string | undefined;
+    showLineNumbers?: boolean | undefined;
+    highlightLines?: number[] | undefined;
+    startLine?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"terminal">;
+    id: z.ZodString;
+    content: z.ZodString;
+    prompt: z.ZodOptional<z.ZodString>;
+    title: z.ZodOptional<z.ZodString>;
+    showPrompt: z.ZodDefault<z.ZodBoolean>;
+    style: z.ZodOptional<z.ZodObject<{
+        paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        paddingHorizontal: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        windowControls: z.ZodOptional<z.ZodDefault<z.ZodEnum<["macos", "bw", "none"]>>>;
+        dropShadow: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+        dropShadowOffsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        dropShadowBlurRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        surroundColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+        fontSize: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        lineHeightPercent: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        scale: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+    }, "strip", z.ZodTypeAny, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }, {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    }>>;
+}, "strict", z.ZodTypeAny, {
+    type: "terminal";
+    id: string;
+    content: string;
+    showPrompt: boolean;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    prompt?: string | undefined;
+}, {
+    type: "terminal";
+    id: string;
+    content: string;
+    title?: string | undefined;
+    style?: {
+        paddingVertical?: number | undefined;
+        paddingHorizontal?: number | undefined;
+        windowControls?: "none" | "macos" | "bw" | undefined;
+        dropShadow?: boolean | undefined;
+        dropShadowOffsetY?: number | undefined;
+        dropShadowBlurRadius?: number | undefined;
+        surroundColor?: string | undefined;
+        fontSize?: number | undefined;
+        lineHeightPercent?: number | undefined;
+        scale?: number | undefined;
+    } | undefined;
+    prompt?: string | undefined;
+    showPrompt?: boolean | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"text">;
+    id: z.ZodString;
+    content: z.ZodString;
+    style: z.ZodEnum<["heading", "subheading", "body", "caption", "code"]>;
+    align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+    color: z.ZodOptional<z.ZodString>;
+}, "strict", z.ZodTypeAny, {
+    type: "text";
+    id: string;
+    style: "code" | "body" | "heading" | "subheading" | "caption";
+    content: string;
+    align: "left" | "center" | "right";
+    color?: string | undefined;
+}, {
+    type: "text";
+    id: string;
+    style: "code" | "body" | "heading" | "subheading" | "caption";
+    content: string;
+    color?: string | undefined;
+    align?: "left" | "center" | "right" | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"shape">;
+    id: z.ZodString;
+    shape: z.ZodEnum<["rectangle", "rounded-rectangle", "circle", "ellipse", "line", "arrow"]>;
+    fill: z.ZodOptional<z.ZodString>;
+    stroke: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "shape";
+    id: string;
+    shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+    strokeWidth: number;
+    fill?: string | undefined;
+    stroke?: string | undefined;
+}, {
+    type: "shape";
+    id: string;
+    shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+    fill?: string | undefined;
+    stroke?: string | undefined;
+    strokeWidth?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"image">;
+    id: z.ZodString;
+    src: z.ZodString;
+    alt: z.ZodOptional<z.ZodString>;
+    fit: z.ZodDefault<z.ZodEnum<["contain", "cover", "fill", "none"]>>;
+    borderRadius: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "image";
+    id: string;
+    src: string;
+    fit: "fill" | "none" | "contain" | "cover";
+    borderRadius: number;
+    alt?: string | undefined;
+}, {
+    type: "image";
+    id: string;
+    src: string;
+    alt?: string | undefined;
+    fit?: "fill" | "none" | "contain" | "cover" | undefined;
+    borderRadius?: number | undefined;
+}>]>;
+declare const autoLayoutConfigSchema: z.ZodObject<{
+    mode: z.ZodLiteral<"auto">;
+    algorithm: z.ZodDefault<z.ZodEnum<["layered", "stress", "force", "radial", "box"]>>;
+    direction: z.ZodDefault<z.ZodEnum<["TB", "BT", "LR", "RL"]>>;
+    nodeSpacing: z.ZodDefault<z.ZodNumber>;
+    rankSpacing: z.ZodDefault<z.ZodNumber>;
+    edgeRouting: z.ZodDefault<z.ZodEnum<["orthogonal", "polyline", "spline"]>>;
+    aspectRatio: z.ZodOptional<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    mode: "auto";
+    direction: "TB" | "BT" | "LR" | "RL";
+    algorithm: "box" | "layered" | "stress" | "force" | "radial";
+    nodeSpacing: number;
+    rankSpacing: number;
+    edgeRouting: "orthogonal" | "polyline" | "spline";
+    aspectRatio?: number | undefined;
+}, {
+    mode: "auto";
+    direction?: "TB" | "BT" | "LR" | "RL" | undefined;
+    algorithm?: "box" | "layered" | "stress" | "force" | "radial" | undefined;
+    nodeSpacing?: number | undefined;
+    rankSpacing?: number | undefined;
+    edgeRouting?: "orthogonal" | "polyline" | "spline" | undefined;
+    aspectRatio?: number | undefined;
+}>;
+declare const gridLayoutConfigSchema: z.ZodObject<{
+    mode: z.ZodLiteral<"grid">;
+    columns: z.ZodDefault<z.ZodNumber>;
+    gap: z.ZodDefault<z.ZodNumber>;
+    cardMinHeight: z.ZodOptional<z.ZodNumber>;
+    cardMaxHeight: z.ZodOptional<z.ZodNumber>;
+    equalHeight: z.ZodDefault<z.ZodBoolean>;
+}, "strict", z.ZodTypeAny, {
+    mode: "grid";
+    gap: number;
+    columns: number;
+    equalHeight: boolean;
+    cardMinHeight?: number | undefined;
+    cardMaxHeight?: number | undefined;
+}, {
+    mode: "grid";
+    gap?: number | undefined;
+    columns?: number | undefined;
+    cardMinHeight?: number | undefined;
+    cardMaxHeight?: number | undefined;
+    equalHeight?: boolean | undefined;
+}>;
+declare const stackLayoutConfigSchema: z.ZodObject<{
+    mode: z.ZodLiteral<"stack">;
+    direction: z.ZodDefault<z.ZodEnum<["vertical", "horizontal"]>>;
+    gap: z.ZodDefault<z.ZodNumber>;
+    alignment: z.ZodDefault<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+}, "strict", z.ZodTypeAny, {
+    mode: "stack";
+    direction: "vertical" | "horizontal";
+    gap: number;
+    alignment: "end" | "start" | "center" | "stretch";
+}, {
+    mode: "stack";
+    direction?: "vertical" | "horizontal" | undefined;
+    gap?: number | undefined;
+    alignment?: "end" | "start" | "center" | "stretch" | undefined;
+}>;
+declare const manualLayoutConfigSchema: z.ZodObject<{
+    mode: z.ZodLiteral<"manual">;
+    positions: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        width: z.ZodOptional<z.ZodNumber>;
+        height: z.ZodOptional<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }>>>;
+}, "strict", z.ZodTypeAny, {
+    mode: "manual";
+    positions: Record<string, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }>;
+}, {
+    mode: "manual";
+    positions?: Record<string, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }> | undefined;
+}>;
+declare const layoutConfigSchema: z.ZodDiscriminatedUnion<"mode", [z.ZodObject<{
+    mode: z.ZodLiteral<"auto">;
+    algorithm: z.ZodDefault<z.ZodEnum<["layered", "stress", "force", "radial", "box"]>>;
+    direction: z.ZodDefault<z.ZodEnum<["TB", "BT", "LR", "RL"]>>;
+    nodeSpacing: z.ZodDefault<z.ZodNumber>;
+    rankSpacing: z.ZodDefault<z.ZodNumber>;
+    edgeRouting: z.ZodDefault<z.ZodEnum<["orthogonal", "polyline", "spline"]>>;
+    aspectRatio: z.ZodOptional<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    mode: "auto";
+    direction: "TB" | "BT" | "LR" | "RL";
+    algorithm: "box" | "layered" | "stress" | "force" | "radial";
+    nodeSpacing: number;
+    rankSpacing: number;
+    edgeRouting: "orthogonal" | "polyline" | "spline";
+    aspectRatio?: number | undefined;
+}, {
+    mode: "auto";
+    direction?: "TB" | "BT" | "LR" | "RL" | undefined;
+    algorithm?: "box" | "layered" | "stress" | "force" | "radial" | undefined;
+    nodeSpacing?: number | undefined;
+    rankSpacing?: number | undefined;
+    edgeRouting?: "orthogonal" | "polyline" | "spline" | undefined;
+    aspectRatio?: number | undefined;
+}>, z.ZodObject<{
+    mode: z.ZodLiteral<"grid">;
+    columns: z.ZodDefault<z.ZodNumber>;
+    gap: z.ZodDefault<z.ZodNumber>;
+    cardMinHeight: z.ZodOptional<z.ZodNumber>;
+    cardMaxHeight: z.ZodOptional<z.ZodNumber>;
+    equalHeight: z.ZodDefault<z.ZodBoolean>;
+}, "strict", z.ZodTypeAny, {
+    mode: "grid";
+    gap: number;
+    columns: number;
+    equalHeight: boolean;
+    cardMinHeight?: number | undefined;
+    cardMaxHeight?: number | undefined;
+}, {
+    mode: "grid";
+    gap?: number | undefined;
+    columns?: number | undefined;
+    cardMinHeight?: number | undefined;
+    cardMaxHeight?: number | undefined;
+    equalHeight?: boolean | undefined;
+}>, z.ZodObject<{
+    mode: z.ZodLiteral<"stack">;
+    direction: z.ZodDefault<z.ZodEnum<["vertical", "horizontal"]>>;
+    gap: z.ZodDefault<z.ZodNumber>;
+    alignment: z.ZodDefault<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+}, "strict", z.ZodTypeAny, {
+    mode: "stack";
+    direction: "vertical" | "horizontal";
+    gap: number;
+    alignment: "end" | "start" | "center" | "stretch";
+}, {
+    mode: "stack";
+    direction?: "vertical" | "horizontal" | undefined;
+    gap?: number | undefined;
+    alignment?: "end" | "start" | "center" | "stretch" | undefined;
+}>, z.ZodObject<{
+    mode: z.ZodLiteral<"manual">;
+    positions: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        width: z.ZodOptional<z.ZodNumber>;
+        height: z.ZodOptional<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }>>>;
+}, "strict", z.ZodTypeAny, {
+    mode: "manual";
+    positions: Record<string, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }>;
+}, {
+    mode: "manual";
+    positions?: Record<string, {
+        x: number;
+        y: number;
+        width?: number | undefined;
+        height?: number | undefined;
+    }> | undefined;
+}>]>;
+declare const constraintsSchema: z.ZodObject<{
+    minContrastRatio: z.ZodDefault<z.ZodNumber>;
+    minFooterSpacing: z.ZodDefault<z.ZodNumber>;
+    checkOverlaps: z.ZodDefault<z.ZodBoolean>;
+    maxTextTruncation: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    minContrastRatio: number;
+    minFooterSpacing: number;
+    checkOverlaps: boolean;
+    maxTextTruncation: number;
+}, {
+    minContrastRatio?: number | undefined;
+    minFooterSpacing?: number | undefined;
+    checkOverlaps?: boolean | undefined;
+    maxTextTruncation?: number | undefined;
+}>;
+declare const decoratorSchema: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"rainbow-rule">;
+    y: z.ZodDefault<z.ZodEnum<["after-header", "before-footer", "custom"]>>;
+    customY: z.ZodOptional<z.ZodNumber>;
+    thickness: z.ZodDefault<z.ZodNumber>;
+    colors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+    margin: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "rainbow-rule";
+    y: "custom" | "after-header" | "before-footer";
+    thickness: number;
+    margin: number;
+    customY?: number | undefined;
+    colors?: string[] | undefined;
+}, {
+    type: "rainbow-rule";
+    y?: "custom" | "after-header" | "before-footer" | undefined;
+    customY?: number | undefined;
+    thickness?: number | undefined;
+    colors?: string[] | undefined;
+    margin?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"vignette">;
+    intensity: z.ZodDefault<z.ZodNumber>;
+    color: z.ZodDefault<z.ZodString>;
+}, "strict", z.ZodTypeAny, {
+    type: "vignette";
+    color: string;
+    intensity: number;
+}, {
+    type: "vignette";
+    color?: string | undefined;
+    intensity?: number | undefined;
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"gradient-overlay">;
+    gradient: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"linear">;
+        angle: z.ZodDefault<z.ZodNumber>;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"radial">;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }>]>;
+    opacity: z.ZodDefault<z.ZodNumber>;
+}, "strict", z.ZodTypeAny, {
+    type: "gradient-overlay";
+    opacity: number;
+    gradient: {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    };
+}, {
+    type: "gradient-overlay";
+    gradient: {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    };
+    opacity?: number | undefined;
+}>]>;
+declare const themeInputSchema: z.ZodUnion<[z.ZodEnum<["dark", "light", "dracula", "github-dark", "one-dark", "nord"]>, z.ZodObject<{
+    background: z.ZodString;
+    surface: z.ZodString;
+    surfaceMuted: z.ZodString;
+    surfaceElevated: z.ZodString;
+    text: z.ZodString;
+    textMuted: z.ZodString;
+    textInverse: z.ZodString;
+    primary: z.ZodString;
+    secondary: z.ZodString;
+    accent: z.ZodString;
+    success: z.ZodString;
+    warning: z.ZodString;
+    error: z.ZodString;
+    info: z.ZodString;
+    border: z.ZodString;
+    borderMuted: z.ZodString;
+    code: z.ZodObject<{
+        background: z.ZodString;
+        text: z.ZodString;
+        comment: z.ZodString;
+        keyword: z.ZodString;
+        string: z.ZodString;
+        number: z.ZodString;
+        function: z.ZodString;
+        variable: z.ZodString;
+        operator: z.ZodString;
+        punctuation: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    }, {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    }>;
+    fonts: z.ZodObject<{
+        heading: z.ZodString;
+        body: z.ZodString;
+        mono: z.ZodString;
+    }, "strict", z.ZodTypeAny, {
+        body: string;
+        heading: string;
+        mono: string;
+    }, {
+        body: string;
+        heading: string;
+        mono: string;
+    }>;
+}, "strict", z.ZodTypeAny, {
+    code: {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    };
+    accent: string;
+    success: string;
+    warning: string;
+    error: string;
+    text: string;
+    background: string;
+    surface: string;
+    surfaceMuted: string;
+    surfaceElevated: string;
+    textMuted: string;
+    textInverse: string;
+    primary: string;
+    secondary: string;
+    info: string;
+    border: string;
+    borderMuted: string;
+    fonts: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+}, {
+    code: {
+        string: string;
+        number: string;
+        function: string;
+        text: string;
+        background: string;
+        comment: string;
+        keyword: string;
+        variable: string;
+        operator: string;
+        punctuation: string;
+    };
+    accent: string;
+    success: string;
+    warning: string;
+    error: string;
+    text: string;
+    background: string;
+    surface: string;
+    surfaceMuted: string;
+    surfaceElevated: string;
+    textMuted: string;
+    textInverse: string;
+    primary: string;
+    secondary: string;
+    info: string;
+    border: string;
+    borderMuted: string;
+    fonts: {
+        body: string;
+        heading: string;
+        mono: string;
+    };
+}>]>;
+declare const designSpecSchema: z.ZodEffects<z.ZodObject<{
+    version: z.ZodDefault<z.ZodLiteral<2>>;
+    canvas: z.ZodDefault<z.ZodObject<{
+        width: z.ZodDefault<z.ZodNumber>;
+        height: z.ZodDefault<z.ZodNumber>;
+        padding: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        width: number;
+        height: number;
+        padding: number;
+    }, {
+        width?: number | undefined;
+        height?: number | undefined;
+        padding?: number | undefined;
+    }>>;
+    theme: z.ZodDefault<z.ZodUnion<[z.ZodEnum<["dark", "light", "dracula", "github-dark", "one-dark", "nord"]>, z.ZodObject<{
+        background: z.ZodString;
+        surface: z.ZodString;
+        surfaceMuted: z.ZodString;
+        surfaceElevated: z.ZodString;
+        text: z.ZodString;
+        textMuted: z.ZodString;
+        textInverse: z.ZodString;
+        primary: z.ZodString;
+        secondary: z.ZodString;
+        accent: z.ZodString;
+        success: z.ZodString;
+        warning: z.ZodString;
+        error: z.ZodString;
+        info: z.ZodString;
+        border: z.ZodString;
+        borderMuted: z.ZodString;
+        code: z.ZodObject<{
+            background: z.ZodString;
+            text: z.ZodString;
+            comment: z.ZodString;
+            keyword: z.ZodString;
+            string: z.ZodString;
+            number: z.ZodString;
+            function: z.ZodString;
+            variable: z.ZodString;
+            operator: z.ZodString;
+            punctuation: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        }, {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        }>;
+        fonts: z.ZodObject<{
+            heading: z.ZodString;
+            body: z.ZodString;
+            mono: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            body: string;
+            heading: string;
+            mono: string;
+        }, {
+            body: string;
+            heading: string;
+            mono: string;
+        }>;
+    }, "strict", z.ZodTypeAny, {
+        code: {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        };
+        accent: string;
+        success: string;
+        warning: string;
+        error: string;
+        text: string;
+        background: string;
+        surface: string;
+        surfaceMuted: string;
+        surfaceElevated: string;
+        textMuted: string;
+        textInverse: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        border: string;
+        borderMuted: string;
+        fonts: {
+            body: string;
+            heading: string;
+            mono: string;
+        };
+    }, {
+        code: {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        };
+        accent: string;
+        success: string;
+        warning: string;
+        error: string;
+        text: string;
+        background: string;
+        surface: string;
+        surfaceMuted: string;
+        surfaceElevated: string;
+        textMuted: string;
+        textInverse: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        border: string;
+        borderMuted: string;
+        fonts: {
+            body: string;
+            heading: string;
+            mono: string;
+        };
+    }>]>>;
+    background: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"linear">;
+        angle: z.ZodDefault<z.ZodNumber>;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"radial">;
+        stops: z.ZodArray<z.ZodObject<{
+            offset: z.ZodNumber;
+            color: z.ZodString;
+        }, "strict", z.ZodTypeAny, {
+            color: string;
+            offset: number;
+        }, {
+            color: string;
+            offset: number;
+        }>, "many">;
+    }, "strict", z.ZodTypeAny, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }, {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    }>]>]>>;
+    header: z.ZodOptional<z.ZodObject<{
+        eyebrow: z.ZodOptional<z.ZodString>;
+        title: z.ZodString;
+        subtitle: z.ZodOptional<z.ZodString>;
+        align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+        titleLetterSpacing: z.ZodDefault<z.ZodNumber>;
+        titleFontSize: z.ZodOptional<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        title: string;
+        align: "left" | "center" | "right";
+        titleLetterSpacing: number;
+        eyebrow?: string | undefined;
+        subtitle?: string | undefined;
+        titleFontSize?: number | undefined;
+    }, {
+        title: string;
+        align?: "left" | "center" | "right" | undefined;
+        eyebrow?: string | undefined;
+        subtitle?: string | undefined;
+        titleLetterSpacing?: number | undefined;
+        titleFontSize?: number | undefined;
+    }>>;
+    elements: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"card">;
+        id: z.ZodString;
+        title: z.ZodString;
+        body: z.ZodString;
+        badge: z.ZodOptional<z.ZodString>;
+        metric: z.ZodOptional<z.ZodString>;
+        tone: z.ZodDefault<z.ZodEnum<["neutral", "accent", "success", "warning", "error"]>>;
+        icon: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        type: "card";
+        id: string;
+        title: string;
+        body: string;
+        tone: "neutral" | "accent" | "success" | "warning" | "error";
+        badge?: string | undefined;
+        metric?: string | undefined;
+        icon?: string | undefined;
+    }, {
+        type: "card";
+        id: string;
+        title: string;
+        body: string;
+        badge?: string | undefined;
+        metric?: string | undefined;
+        tone?: "neutral" | "accent" | "success" | "warning" | "error" | undefined;
+        icon?: string | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"flow-node">;
+        id: z.ZodString;
+        shape: z.ZodEnum<["box", "rounded-box", "diamond", "circle", "pill", "cylinder", "parallelogram"]>;
+        label: z.ZodString;
+        sublabel: z.ZodOptional<z.ZodString>;
+        sublabelColor: z.ZodOptional<z.ZodString>;
+        labelColor: z.ZodOptional<z.ZodString>;
+        labelFontSize: z.ZodOptional<z.ZodNumber>;
+        color: z.ZodOptional<z.ZodString>;
+        borderColor: z.ZodOptional<z.ZodString>;
+        borderWidth: z.ZodOptional<z.ZodNumber>;
+        cornerRadius: z.ZodOptional<z.ZodNumber>;
+        width: z.ZodOptional<z.ZodNumber>;
+        height: z.ZodOptional<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "flow-node";
+        id: string;
+        shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+        label: string;
+        opacity: number;
+        sublabel?: string | undefined;
+        sublabelColor?: string | undefined;
+        labelColor?: string | undefined;
+        labelFontSize?: number | undefined;
+        color?: string | undefined;
+        borderColor?: string | undefined;
+        borderWidth?: number | undefined;
+        cornerRadius?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+    }, {
+        type: "flow-node";
+        id: string;
+        shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+        label: string;
+        sublabel?: string | undefined;
+        sublabelColor?: string | undefined;
+        labelColor?: string | undefined;
+        labelFontSize?: number | undefined;
+        color?: string | undefined;
+        borderColor?: string | undefined;
+        borderWidth?: number | undefined;
+        cornerRadius?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        opacity?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"connection">;
+        from: z.ZodString;
+        to: z.ZodString;
+        style: z.ZodDefault<z.ZodEnum<["solid", "dashed", "dotted"]>>;
+        arrow: z.ZodDefault<z.ZodEnum<["end", "start", "both", "none"]>>;
+        label: z.ZodOptional<z.ZodString>;
+        labelPosition: z.ZodDefault<z.ZodEnum<["start", "middle", "end"]>>;
+        color: z.ZodOptional<z.ZodString>;
+        width: z.ZodOptional<z.ZodNumber>;
+        arrowSize: z.ZodOptional<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "connection";
+        opacity: number;
+        from: string;
+        to: string;
+        style: "solid" | "dashed" | "dotted";
+        arrow: "end" | "start" | "both" | "none";
+        labelPosition: "end" | "start" | "middle";
+        label?: string | undefined;
+        color?: string | undefined;
+        width?: number | undefined;
+        arrowSize?: number | undefined;
+    }, {
+        type: "connection";
+        from: string;
+        to: string;
+        label?: string | undefined;
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        style?: "solid" | "dashed" | "dotted" | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        labelPosition?: "end" | "start" | "middle" | undefined;
+        arrowSize?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"code-block">;
+        id: z.ZodString;
+        code: z.ZodString;
+        language: z.ZodString;
+        theme: z.ZodOptional<z.ZodString>;
+        showLineNumbers: z.ZodDefault<z.ZodBoolean>;
+        highlightLines: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+        startLine: z.ZodDefault<z.ZodNumber>;
+        title: z.ZodOptional<z.ZodString>;
+        style: z.ZodOptional<z.ZodObject<{
+            paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            paddingHorizontal: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            windowControls: z.ZodOptional<z.ZodDefault<z.ZodEnum<["macos", "bw", "none"]>>>;
+            dropShadow: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+            dropShadowOffsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            dropShadowBlurRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            surroundColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            fontSize: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            lineHeightPercent: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            scale: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        }, "strip", z.ZodTypeAny, {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        }, {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        }>>;
+    }, "strict", z.ZodTypeAny, {
+        type: "code-block";
+        code: string;
+        id: string;
+        language: string;
+        showLineNumbers: boolean;
+        startLine: number;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        theme?: string | undefined;
+        highlightLines?: number[] | undefined;
+    }, {
+        type: "code-block";
+        code: string;
+        id: string;
+        language: string;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        theme?: string | undefined;
+        showLineNumbers?: boolean | undefined;
+        highlightLines?: number[] | undefined;
+        startLine?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"terminal">;
+        id: z.ZodString;
+        content: z.ZodString;
+        prompt: z.ZodOptional<z.ZodString>;
+        title: z.ZodOptional<z.ZodString>;
+        showPrompt: z.ZodDefault<z.ZodBoolean>;
+        style: z.ZodOptional<z.ZodObject<{
+            paddingVertical: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            paddingHorizontal: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            windowControls: z.ZodOptional<z.ZodDefault<z.ZodEnum<["macos", "bw", "none"]>>>;
+            dropShadow: z.ZodOptional<z.ZodDefault<z.ZodBoolean>>;
+            dropShadowOffsetY: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            dropShadowBlurRadius: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            surroundColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            fontSize: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            lineHeightPercent: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+            scale: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        }, "strip", z.ZodTypeAny, {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        }, {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        }>>;
+    }, "strict", z.ZodTypeAny, {
+        type: "terminal";
+        id: string;
+        content: string;
+        showPrompt: boolean;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        prompt?: string | undefined;
+    }, {
+        type: "terminal";
+        id: string;
+        content: string;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        prompt?: string | undefined;
+        showPrompt?: boolean | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"text">;
+        id: z.ZodString;
+        content: z.ZodString;
+        style: z.ZodEnum<["heading", "subheading", "body", "caption", "code"]>;
+        align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+        color: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        type: "text";
+        id: string;
+        style: "code" | "body" | "heading" | "subheading" | "caption";
+        content: string;
+        align: "left" | "center" | "right";
+        color?: string | undefined;
+    }, {
+        type: "text";
+        id: string;
+        style: "code" | "body" | "heading" | "subheading" | "caption";
+        content: string;
+        color?: string | undefined;
+        align?: "left" | "center" | "right" | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"shape">;
+        id: z.ZodString;
+        shape: z.ZodEnum<["rectangle", "rounded-rectangle", "circle", "ellipse", "line", "arrow"]>;
+        fill: z.ZodOptional<z.ZodString>;
+        stroke: z.ZodOptional<z.ZodString>;
+        strokeWidth: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "shape";
+        id: string;
+        shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+        strokeWidth: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    }, {
+        type: "shape";
+        id: string;
+        shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"image">;
+        id: z.ZodString;
+        src: z.ZodString;
+        alt: z.ZodOptional<z.ZodString>;
+        fit: z.ZodDefault<z.ZodEnum<["contain", "cover", "fill", "none"]>>;
+        borderRadius: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "image";
+        id: string;
+        src: string;
+        fit: "fill" | "none" | "contain" | "cover";
+        borderRadius: number;
+        alt?: string | undefined;
+    }, {
+        type: "image";
+        id: string;
+        src: string;
+        alt?: string | undefined;
+        fit?: "fill" | "none" | "contain" | "cover" | undefined;
+        borderRadius?: number | undefined;
+    }>]>, "many">>;
+    footer: z.ZodOptional<z.ZodObject<{
+        text: z.ZodString;
+        tagline: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        text: string;
+        tagline?: string | undefined;
+    }, {
+        text: string;
+        tagline?: string | undefined;
+    }>>;
+    decorators: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"rainbow-rule">;
+        y: z.ZodDefault<z.ZodEnum<["after-header", "before-footer", "custom"]>>;
+        customY: z.ZodOptional<z.ZodNumber>;
+        thickness: z.ZodDefault<z.ZodNumber>;
+        colors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        margin: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "rainbow-rule";
+        y: "custom" | "after-header" | "before-footer";
+        thickness: number;
+        margin: number;
+        customY?: number | undefined;
+        colors?: string[] | undefined;
+    }, {
+        type: "rainbow-rule";
+        y?: "custom" | "after-header" | "before-footer" | undefined;
+        customY?: number | undefined;
+        thickness?: number | undefined;
+        colors?: string[] | undefined;
+        margin?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"vignette">;
+        intensity: z.ZodDefault<z.ZodNumber>;
+        color: z.ZodDefault<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        type: "vignette";
+        color: string;
+        intensity: number;
+    }, {
+        type: "vignette";
+        color?: string | undefined;
+        intensity?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"gradient-overlay">;
+        gradient: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            type: z.ZodLiteral<"linear">;
+            angle: z.ZodDefault<z.ZodNumber>;
+            stops: z.ZodArray<z.ZodObject<{
+                offset: z.ZodNumber;
+                color: z.ZodString;
+            }, "strict", z.ZodTypeAny, {
+                color: string;
+                offset: number;
+            }, {
+                color: string;
+                offset: number;
+            }>, "many">;
+        }, "strict", z.ZodTypeAny, {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        }, {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"radial">;
+            stops: z.ZodArray<z.ZodObject<{
+                offset: z.ZodNumber;
+                color: z.ZodString;
+            }, "strict", z.ZodTypeAny, {
+                color: string;
+                offset: number;
+            }, {
+                color: string;
+                offset: number;
+            }>, "many">;
+        }, "strict", z.ZodTypeAny, {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        }, {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        }>]>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "gradient-overlay";
+        opacity: number;
+        gradient: {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+    }, {
+        type: "gradient-overlay";
+        gradient: {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+        opacity?: number | undefined;
+    }>]>, "many">>;
+    draw: z.ZodDefault<z.ZodArray<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+        type: z.ZodLiteral<"rect">;
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+        fill: z.ZodOptional<z.ZodString>;
+        stroke: z.ZodOptional<z.ZodString>;
+        strokeWidth: z.ZodDefault<z.ZodNumber>;
+        radius: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "rect";
+        width: number;
+        height: number;
+        opacity: number;
+        strokeWidth: number;
+        x: number;
+        y: number;
+        radius: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    }, {
+        type: "rect";
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+        radius?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"circle">;
+        cx: z.ZodNumber;
+        cy: z.ZodNumber;
+        radius: z.ZodNumber;
+        fill: z.ZodOptional<z.ZodString>;
+        stroke: z.ZodOptional<z.ZodString>;
+        strokeWidth: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "circle";
+        opacity: number;
+        strokeWidth: number;
+        radius: number;
+        cx: number;
+        cy: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    }, {
+        type: "circle";
+        radius: number;
+        cx: number;
+        cy: number;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"text">;
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        text: z.ZodString;
+        fontSize: z.ZodDefault<z.ZodNumber>;
+        fontWeight: z.ZodDefault<z.ZodNumber>;
+        fontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+        color: z.ZodDefault<z.ZodString>;
+        align: z.ZodDefault<z.ZodEnum<["left", "center", "right"]>>;
+        baseline: z.ZodDefault<z.ZodEnum<["top", "middle", "alphabetic", "bottom"]>>;
+        letterSpacing: z.ZodDefault<z.ZodNumber>;
+        maxWidth: z.ZodOptional<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "text";
+        color: string;
+        opacity: number;
+        fontSize: number;
+        text: string;
+        align: "left" | "center" | "right";
+        x: number;
+        y: number;
+        fontWeight: number;
+        fontFamily: "body" | "heading" | "mono";
+        baseline: "middle" | "alphabetic" | "bottom" | "top";
+        letterSpacing: number;
+        maxWidth?: number | undefined;
+    }, {
+        type: "text";
+        text: string;
+        x: number;
+        y: number;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        fontSize?: number | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+        baseline?: "middle" | "alphabetic" | "bottom" | "top" | undefined;
+        letterSpacing?: number | undefined;
+        maxWidth?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"line">;
+        x1: z.ZodNumber;
+        y1: z.ZodNumber;
+        x2: z.ZodNumber;
+        y2: z.ZodNumber;
+        color: z.ZodDefault<z.ZodString>;
+        width: z.ZodDefault<z.ZodNumber>;
+        dash: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+        arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
+        arrowSize: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "line";
+        color: string;
+        width: number;
+        opacity: number;
+        arrow: "end" | "start" | "both" | "none";
+        arrowSize: number;
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        dash?: number[] | undefined;
+    }, {
+        type: "line";
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        arrowSize?: number | undefined;
+        dash?: number[] | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"bezier">;
+        points: z.ZodArray<z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strict", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>, "many">;
+        color: z.ZodDefault<z.ZodString>;
+        width: z.ZodDefault<z.ZodNumber>;
+        dash: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+        arrow: z.ZodDefault<z.ZodEnum<["none", "end", "start", "both"]>>;
+        arrowSize: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "bezier";
+        color: string;
+        width: number;
+        opacity: number;
+        arrow: "end" | "start" | "both" | "none";
+        arrowSize: number;
+        points: {
+            x: number;
+            y: number;
+        }[];
+        dash?: number[] | undefined;
+    }, {
+        type: "bezier";
+        points: {
+            x: number;
+            y: number;
+        }[];
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        arrowSize?: number | undefined;
+        dash?: number[] | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"path">;
+        d: z.ZodString;
+        fill: z.ZodOptional<z.ZodString>;
+        stroke: z.ZodOptional<z.ZodString>;
+        strokeWidth: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "path";
+        opacity: number;
+        strokeWidth: number;
+        d: string;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    }, {
+        type: "path";
+        d: string;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"badge">;
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        text: z.ZodString;
+        fontSize: z.ZodDefault<z.ZodNumber>;
+        fontFamily: z.ZodDefault<z.ZodEnum<["heading", "body", "mono"]>>;
+        color: z.ZodDefault<z.ZodString>;
+        background: z.ZodDefault<z.ZodString>;
+        paddingX: z.ZodDefault<z.ZodNumber>;
+        paddingY: z.ZodDefault<z.ZodNumber>;
+        borderRadius: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "badge";
+        color: string;
+        opacity: number;
+        fontSize: number;
+        text: string;
+        borderRadius: number;
+        x: number;
+        y: number;
+        background: string;
+        fontFamily: "body" | "heading" | "mono";
+        paddingX: number;
+        paddingY: number;
+    }, {
+        type: "badge";
+        text: string;
+        x: number;
+        y: number;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        fontSize?: number | undefined;
+        borderRadius?: number | undefined;
+        background?: string | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+        paddingX?: number | undefined;
+        paddingY?: number | undefined;
+    }>, z.ZodObject<{
+        type: z.ZodLiteral<"gradient-rect">;
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+        gradient: z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+            type: z.ZodLiteral<"linear">;
+            angle: z.ZodDefault<z.ZodNumber>;
+            stops: z.ZodArray<z.ZodObject<{
+                offset: z.ZodNumber;
+                color: z.ZodString;
+            }, "strict", z.ZodTypeAny, {
+                color: string;
+                offset: number;
+            }, {
+                color: string;
+                offset: number;
+            }>, "many">;
+        }, "strict", z.ZodTypeAny, {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        }, {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        }>, z.ZodObject<{
+            type: z.ZodLiteral<"radial">;
+            stops: z.ZodArray<z.ZodObject<{
+                offset: z.ZodNumber;
+                color: z.ZodString;
+            }, "strict", z.ZodTypeAny, {
+                color: string;
+                offset: number;
+            }, {
+                color: string;
+                offset: number;
+            }>, "many">;
+        }, "strict", z.ZodTypeAny, {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        }, {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        }>]>;
+        radius: z.ZodDefault<z.ZodNumber>;
+        opacity: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        type: "gradient-rect";
+        width: number;
+        height: number;
+        opacity: number;
+        x: number;
+        y: number;
+        radius: number;
+        gradient: {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+    }, {
+        type: "gradient-rect";
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        gradient: {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+        opacity?: number | undefined;
+        radius?: number | undefined;
+    }>]>, "many">>;
+    layout: z.ZodOptional<z.ZodDiscriminatedUnion<"mode", [z.ZodObject<{
+        mode: z.ZodLiteral<"auto">;
+        algorithm: z.ZodDefault<z.ZodEnum<["layered", "stress", "force", "radial", "box"]>>;
+        direction: z.ZodDefault<z.ZodEnum<["TB", "BT", "LR", "RL"]>>;
+        nodeSpacing: z.ZodDefault<z.ZodNumber>;
+        rankSpacing: z.ZodDefault<z.ZodNumber>;
+        edgeRouting: z.ZodDefault<z.ZodEnum<["orthogonal", "polyline", "spline"]>>;
+        aspectRatio: z.ZodOptional<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        mode: "auto";
+        direction: "TB" | "BT" | "LR" | "RL";
+        algorithm: "box" | "layered" | "stress" | "force" | "radial";
+        nodeSpacing: number;
+        rankSpacing: number;
+        edgeRouting: "orthogonal" | "polyline" | "spline";
+        aspectRatio?: number | undefined;
+    }, {
+        mode: "auto";
+        direction?: "TB" | "BT" | "LR" | "RL" | undefined;
+        algorithm?: "box" | "layered" | "stress" | "force" | "radial" | undefined;
+        nodeSpacing?: number | undefined;
+        rankSpacing?: number | undefined;
+        edgeRouting?: "orthogonal" | "polyline" | "spline" | undefined;
+        aspectRatio?: number | undefined;
+    }>, z.ZodObject<{
+        mode: z.ZodLiteral<"grid">;
+        columns: z.ZodDefault<z.ZodNumber>;
+        gap: z.ZodDefault<z.ZodNumber>;
+        cardMinHeight: z.ZodOptional<z.ZodNumber>;
+        cardMaxHeight: z.ZodOptional<z.ZodNumber>;
+        equalHeight: z.ZodDefault<z.ZodBoolean>;
+    }, "strict", z.ZodTypeAny, {
+        mode: "grid";
+        gap: number;
+        columns: number;
+        equalHeight: boolean;
+        cardMinHeight?: number | undefined;
+        cardMaxHeight?: number | undefined;
+    }, {
+        mode: "grid";
+        gap?: number | undefined;
+        columns?: number | undefined;
+        cardMinHeight?: number | undefined;
+        cardMaxHeight?: number | undefined;
+        equalHeight?: boolean | undefined;
+    }>, z.ZodObject<{
+        mode: z.ZodLiteral<"stack">;
+        direction: z.ZodDefault<z.ZodEnum<["vertical", "horizontal"]>>;
+        gap: z.ZodDefault<z.ZodNumber>;
+        alignment: z.ZodDefault<z.ZodEnum<["start", "center", "end", "stretch"]>>;
+    }, "strict", z.ZodTypeAny, {
+        mode: "stack";
+        direction: "vertical" | "horizontal";
+        gap: number;
+        alignment: "end" | "start" | "center" | "stretch";
+    }, {
+        mode: "stack";
+        direction?: "vertical" | "horizontal" | undefined;
+        gap?: number | undefined;
+        alignment?: "end" | "start" | "center" | "stretch" | undefined;
+    }>, z.ZodObject<{
+        mode: z.ZodLiteral<"manual">;
+        positions: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodOptional<z.ZodNumber>;
+            height: z.ZodOptional<z.ZodNumber>;
+        }, "strict", z.ZodTypeAny, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }>>>;
+    }, "strict", z.ZodTypeAny, {
+        mode: "manual";
+        positions: Record<string, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }>;
+    }, {
+        mode: "manual";
+        positions?: Record<string, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }> | undefined;
+    }>]>>;
+    constraints: z.ZodDefault<z.ZodObject<{
+        minContrastRatio: z.ZodDefault<z.ZodNumber>;
+        minFooterSpacing: z.ZodDefault<z.ZodNumber>;
+        checkOverlaps: z.ZodDefault<z.ZodBoolean>;
+        maxTextTruncation: z.ZodDefault<z.ZodNumber>;
+    }, "strict", z.ZodTypeAny, {
+        minContrastRatio: number;
+        minFooterSpacing: number;
+        checkOverlaps: boolean;
+        maxTextTruncation: number;
+    }, {
+        minContrastRatio?: number | undefined;
+        minFooterSpacing?: number | undefined;
+        checkOverlaps?: boolean | undefined;
+        maxTextTruncation?: number | undefined;
+    }>>;
+}, "strict", z.ZodTypeAny, {
+    theme: {
+        code: {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        };
+        accent: string;
+        success: string;
+        warning: string;
+        error: string;
+        text: string;
+        background: string;
+        surface: string;
+        surfaceMuted: string;
+        surfaceElevated: string;
+        textMuted: string;
+        textInverse: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        border: string;
+        borderMuted: string;
+        fonts: {
+            body: string;
+            heading: string;
+            mono: string;
+        };
+    } | "dracula" | "github-dark" | "nord" | "dark" | "light" | "one-dark";
+    draw: ({
+        type: "rect";
+        width: number;
+        height: number;
+        opacity: number;
+        strokeWidth: number;
+        x: number;
+        y: number;
+        radius: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "circle";
+        opacity: number;
+        strokeWidth: number;
+        radius: number;
+        cx: number;
+        cy: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "text";
+        color: string;
+        opacity: number;
+        fontSize: number;
+        text: string;
+        align: "left" | "center" | "right";
+        x: number;
+        y: number;
+        fontWeight: number;
+        fontFamily: "body" | "heading" | "mono";
+        baseline: "middle" | "alphabetic" | "bottom" | "top";
+        letterSpacing: number;
+        maxWidth?: number | undefined;
+    } | {
+        type: "line";
+        color: string;
+        width: number;
+        opacity: number;
+        arrow: "end" | "start" | "both" | "none";
+        arrowSize: number;
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        dash?: number[] | undefined;
+    } | {
+        type: "bezier";
+        color: string;
+        width: number;
+        opacity: number;
+        arrow: "end" | "start" | "both" | "none";
+        arrowSize: number;
+        points: {
+            x: number;
+            y: number;
+        }[];
+        dash?: number[] | undefined;
+    } | {
+        type: "path";
+        opacity: number;
+        strokeWidth: number;
+        d: string;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "badge";
+        color: string;
+        opacity: number;
+        fontSize: number;
+        text: string;
+        borderRadius: number;
+        x: number;
+        y: number;
+        background: string;
+        fontFamily: "body" | "heading" | "mono";
+        paddingX: number;
+        paddingY: number;
+    } | {
+        type: "gradient-rect";
+        width: number;
+        height: number;
+        opacity: number;
+        x: number;
+        y: number;
+        radius: number;
+        gradient: {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+    })[];
+    version: 2;
+    canvas: {
+        width: number;
+        height: number;
+        padding: number;
+    };
+    elements: ({
+        type: "card";
+        id: string;
+        title: string;
+        body: string;
+        tone: "neutral" | "accent" | "success" | "warning" | "error";
+        badge?: string | undefined;
+        metric?: string | undefined;
+        icon?: string | undefined;
+    } | {
+        type: "flow-node";
+        id: string;
+        shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+        label: string;
+        opacity: number;
+        sublabel?: string | undefined;
+        sublabelColor?: string | undefined;
+        labelColor?: string | undefined;
+        labelFontSize?: number | undefined;
+        color?: string | undefined;
+        borderColor?: string | undefined;
+        borderWidth?: number | undefined;
+        cornerRadius?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+    } | {
+        type: "connection";
+        opacity: number;
+        from: string;
+        to: string;
+        style: "solid" | "dashed" | "dotted";
+        arrow: "end" | "start" | "both" | "none";
+        labelPosition: "end" | "start" | "middle";
+        label?: string | undefined;
+        color?: string | undefined;
+        width?: number | undefined;
+        arrowSize?: number | undefined;
+    } | {
+        type: "code-block";
+        code: string;
+        id: string;
+        language: string;
+        showLineNumbers: boolean;
+        startLine: number;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        theme?: string | undefined;
+        highlightLines?: number[] | undefined;
+    } | {
+        type: "terminal";
+        id: string;
+        content: string;
+        showPrompt: boolean;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        prompt?: string | undefined;
+    } | {
+        type: "text";
+        id: string;
+        style: "code" | "body" | "heading" | "subheading" | "caption";
+        content: string;
+        align: "left" | "center" | "right";
+        color?: string | undefined;
+    } | {
+        type: "shape";
+        id: string;
+        shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+        strokeWidth: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "image";
+        id: string;
+        src: string;
+        fit: "fill" | "none" | "contain" | "cover";
+        borderRadius: number;
+        alt?: string | undefined;
+    })[];
+    decorators: ({
+        type: "rainbow-rule";
+        y: "custom" | "after-header" | "before-footer";
+        thickness: number;
+        margin: number;
+        customY?: number | undefined;
+        colors?: string[] | undefined;
+    } | {
+        type: "vignette";
+        color: string;
+        intensity: number;
+    } | {
+        type: "gradient-overlay";
+        opacity: number;
+        gradient: {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+    })[];
+    constraints: {
+        minContrastRatio: number;
+        minFooterSpacing: number;
+        checkOverlaps: boolean;
+        maxTextTruncation: number;
+    };
+    background?: string | {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | undefined;
+    header?: {
+        title: string;
+        align: "left" | "center" | "right";
+        titleLetterSpacing: number;
+        eyebrow?: string | undefined;
+        subtitle?: string | undefined;
+        titleFontSize?: number | undefined;
+    } | undefined;
+    footer?: {
+        text: string;
+        tagline?: string | undefined;
+    } | undefined;
+    layout?: {
+        mode: "stack";
+        direction: "vertical" | "horizontal";
+        gap: number;
+        alignment: "end" | "start" | "center" | "stretch";
+    } | {
+        mode: "auto";
+        direction: "TB" | "BT" | "LR" | "RL";
+        algorithm: "box" | "layered" | "stress" | "force" | "radial";
+        nodeSpacing: number;
+        rankSpacing: number;
+        edgeRouting: "orthogonal" | "polyline" | "spline";
+        aspectRatio?: number | undefined;
+    } | {
+        mode: "grid";
+        gap: number;
+        columns: number;
+        equalHeight: boolean;
+        cardMinHeight?: number | undefined;
+        cardMaxHeight?: number | undefined;
+    } | {
+        mode: "manual";
+        positions: Record<string, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }>;
+    } | undefined;
+}, {
+    theme?: {
+        code: {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        };
+        accent: string;
+        success: string;
+        warning: string;
+        error: string;
+        text: string;
+        background: string;
+        surface: string;
+        surfaceMuted: string;
+        surfaceElevated: string;
+        textMuted: string;
+        textInverse: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        border: string;
+        borderMuted: string;
+        fonts: {
+            body: string;
+            heading: string;
+            mono: string;
+        };
+    } | "dracula" | "github-dark" | "nord" | "dark" | "light" | "one-dark" | undefined;
+    background?: string | {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | undefined;
+    header?: {
+        title: string;
+        align?: "left" | "center" | "right" | undefined;
+        eyebrow?: string | undefined;
+        subtitle?: string | undefined;
+        titleLetterSpacing?: number | undefined;
+        titleFontSize?: number | undefined;
+    } | undefined;
+    footer?: {
+        text: string;
+        tagline?: string | undefined;
+    } | undefined;
+    draw?: ({
+        type: "rect";
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+        radius?: number | undefined;
+    } | {
+        type: "circle";
+        radius: number;
+        cx: number;
+        cy: number;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    } | {
+        type: "text";
+        text: string;
+        x: number;
+        y: number;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        fontSize?: number | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+        baseline?: "middle" | "alphabetic" | "bottom" | "top" | undefined;
+        letterSpacing?: number | undefined;
+        maxWidth?: number | undefined;
+    } | {
+        type: "line";
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        arrowSize?: number | undefined;
+        dash?: number[] | undefined;
+    } | {
+        type: "bezier";
+        points: {
+            x: number;
+            y: number;
+        }[];
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        arrowSize?: number | undefined;
+        dash?: number[] | undefined;
+    } | {
+        type: "path";
+        d: string;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    } | {
+        type: "badge";
+        text: string;
+        x: number;
+        y: number;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        fontSize?: number | undefined;
+        borderRadius?: number | undefined;
+        background?: string | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+        paddingX?: number | undefined;
+        paddingY?: number | undefined;
+    } | {
+        type: "gradient-rect";
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        gradient: {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+        opacity?: number | undefined;
+        radius?: number | undefined;
+    })[] | undefined;
+    version?: 2 | undefined;
+    canvas?: {
+        width?: number | undefined;
+        height?: number | undefined;
+        padding?: number | undefined;
+    } | undefined;
+    elements?: ({
+        type: "card";
+        id: string;
+        title: string;
+        body: string;
+        badge?: string | undefined;
+        metric?: string | undefined;
+        tone?: "neutral" | "accent" | "success" | "warning" | "error" | undefined;
+        icon?: string | undefined;
+    } | {
+        type: "flow-node";
+        id: string;
+        shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+        label: string;
+        sublabel?: string | undefined;
+        sublabelColor?: string | undefined;
+        labelColor?: string | undefined;
+        labelFontSize?: number | undefined;
+        color?: string | undefined;
+        borderColor?: string | undefined;
+        borderWidth?: number | undefined;
+        cornerRadius?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        opacity?: number | undefined;
+    } | {
+        type: "connection";
+        from: string;
+        to: string;
+        label?: string | undefined;
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        style?: "solid" | "dashed" | "dotted" | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        labelPosition?: "end" | "start" | "middle" | undefined;
+        arrowSize?: number | undefined;
+    } | {
+        type: "code-block";
+        code: string;
+        id: string;
+        language: string;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        theme?: string | undefined;
+        showLineNumbers?: boolean | undefined;
+        highlightLines?: number[] | undefined;
+        startLine?: number | undefined;
+    } | {
+        type: "terminal";
+        id: string;
+        content: string;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        prompt?: string | undefined;
+        showPrompt?: boolean | undefined;
+    } | {
+        type: "text";
+        id: string;
+        style: "code" | "body" | "heading" | "subheading" | "caption";
+        content: string;
+        color?: string | undefined;
+        align?: "left" | "center" | "right" | undefined;
+    } | {
+        type: "shape";
+        id: string;
+        shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    } | {
+        type: "image";
+        id: string;
+        src: string;
+        alt?: string | undefined;
+        fit?: "fill" | "none" | "contain" | "cover" | undefined;
+        borderRadius?: number | undefined;
+    })[] | undefined;
+    decorators?: ({
+        type: "rainbow-rule";
+        y?: "custom" | "after-header" | "before-footer" | undefined;
+        customY?: number | undefined;
+        thickness?: number | undefined;
+        colors?: string[] | undefined;
+        margin?: number | undefined;
+    } | {
+        type: "vignette";
+        color?: string | undefined;
+        intensity?: number | undefined;
+    } | {
+        type: "gradient-overlay";
+        gradient: {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+        opacity?: number | undefined;
+    })[] | undefined;
+    layout?: {
+        mode: "stack";
+        direction?: "vertical" | "horizontal" | undefined;
+        gap?: number | undefined;
+        alignment?: "end" | "start" | "center" | "stretch" | undefined;
+    } | {
+        mode: "auto";
+        direction?: "TB" | "BT" | "LR" | "RL" | undefined;
+        algorithm?: "box" | "layered" | "stress" | "force" | "radial" | undefined;
+        nodeSpacing?: number | undefined;
+        rankSpacing?: number | undefined;
+        edgeRouting?: "orthogonal" | "polyline" | "spline" | undefined;
+        aspectRatio?: number | undefined;
+    } | {
+        mode: "grid";
+        gap?: number | undefined;
+        columns?: number | undefined;
+        cardMinHeight?: number | undefined;
+        cardMaxHeight?: number | undefined;
+        equalHeight?: boolean | undefined;
+    } | {
+        mode: "manual";
+        positions?: Record<string, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }> | undefined;
+    } | undefined;
+    constraints?: {
+        minContrastRatio?: number | undefined;
+        minFooterSpacing?: number | undefined;
+        checkOverlaps?: boolean | undefined;
+        maxTextTruncation?: number | undefined;
+    } | undefined;
+}>, {
+    layout: {
+        mode: "stack";
+        direction: "vertical" | "horizontal";
+        gap: number;
+        alignment: "end" | "start" | "center" | "stretch";
+    } | {
+        mode: "auto";
+        direction: "TB" | "BT" | "LR" | "RL";
+        algorithm: "box" | "layered" | "stress" | "force" | "radial";
+        nodeSpacing: number;
+        rankSpacing: number;
+        edgeRouting: "orthogonal" | "polyline" | "spline";
+        aspectRatio?: number | undefined;
+    } | {
+        mode: "grid";
+        gap: number;
+        columns: number;
+        equalHeight: boolean;
+        cardMinHeight?: number | undefined;
+        cardMaxHeight?: number | undefined;
+    } | {
+        mode: "manual";
+        positions: Record<string, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }>;
+    };
+    theme: {
+        code: {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        };
+        accent: string;
+        success: string;
+        warning: string;
+        error: string;
+        text: string;
+        background: string;
+        surface: string;
+        surfaceMuted: string;
+        surfaceElevated: string;
+        textMuted: string;
+        textInverse: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        border: string;
+        borderMuted: string;
+        fonts: {
+            body: string;
+            heading: string;
+            mono: string;
+        };
+    } | "dracula" | "github-dark" | "nord" | "dark" | "light" | "one-dark";
+    draw: ({
+        type: "rect";
+        width: number;
+        height: number;
+        opacity: number;
+        strokeWidth: number;
+        x: number;
+        y: number;
+        radius: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "circle";
+        opacity: number;
+        strokeWidth: number;
+        radius: number;
+        cx: number;
+        cy: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "text";
+        color: string;
+        opacity: number;
+        fontSize: number;
+        text: string;
+        align: "left" | "center" | "right";
+        x: number;
+        y: number;
+        fontWeight: number;
+        fontFamily: "body" | "heading" | "mono";
+        baseline: "middle" | "alphabetic" | "bottom" | "top";
+        letterSpacing: number;
+        maxWidth?: number | undefined;
+    } | {
+        type: "line";
+        color: string;
+        width: number;
+        opacity: number;
+        arrow: "end" | "start" | "both" | "none";
+        arrowSize: number;
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        dash?: number[] | undefined;
+    } | {
+        type: "bezier";
+        color: string;
+        width: number;
+        opacity: number;
+        arrow: "end" | "start" | "both" | "none";
+        arrowSize: number;
+        points: {
+            x: number;
+            y: number;
+        }[];
+        dash?: number[] | undefined;
+    } | {
+        type: "path";
+        opacity: number;
+        strokeWidth: number;
+        d: string;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "badge";
+        color: string;
+        opacity: number;
+        fontSize: number;
+        text: string;
+        borderRadius: number;
+        x: number;
+        y: number;
+        background: string;
+        fontFamily: "body" | "heading" | "mono";
+        paddingX: number;
+        paddingY: number;
+    } | {
+        type: "gradient-rect";
+        width: number;
+        height: number;
+        opacity: number;
+        x: number;
+        y: number;
+        radius: number;
+        gradient: {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+    })[];
+    version: 2;
+    canvas: {
+        width: number;
+        height: number;
+        padding: number;
+    };
+    elements: ({
+        type: "card";
+        id: string;
+        title: string;
+        body: string;
+        tone: "neutral" | "accent" | "success" | "warning" | "error";
+        badge?: string | undefined;
+        metric?: string | undefined;
+        icon?: string | undefined;
+    } | {
+        type: "flow-node";
+        id: string;
+        shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+        label: string;
+        opacity: number;
+        sublabel?: string | undefined;
+        sublabelColor?: string | undefined;
+        labelColor?: string | undefined;
+        labelFontSize?: number | undefined;
+        color?: string | undefined;
+        borderColor?: string | undefined;
+        borderWidth?: number | undefined;
+        cornerRadius?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+    } | {
+        type: "connection";
+        opacity: number;
+        from: string;
+        to: string;
+        style: "solid" | "dashed" | "dotted";
+        arrow: "end" | "start" | "both" | "none";
+        labelPosition: "end" | "start" | "middle";
+        label?: string | undefined;
+        color?: string | undefined;
+        width?: number | undefined;
+        arrowSize?: number | undefined;
+    } | {
+        type: "code-block";
+        code: string;
+        id: string;
+        language: string;
+        showLineNumbers: boolean;
+        startLine: number;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        theme?: string | undefined;
+        highlightLines?: number[] | undefined;
+    } | {
+        type: "terminal";
+        id: string;
+        content: string;
+        showPrompt: boolean;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        prompt?: string | undefined;
+    } | {
+        type: "text";
+        id: string;
+        style: "code" | "body" | "heading" | "subheading" | "caption";
+        content: string;
+        align: "left" | "center" | "right";
+        color?: string | undefined;
+    } | {
+        type: "shape";
+        id: string;
+        shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+        strokeWidth: number;
+        fill?: string | undefined;
+        stroke?: string | undefined;
+    } | {
+        type: "image";
+        id: string;
+        src: string;
+        fit: "fill" | "none" | "contain" | "cover";
+        borderRadius: number;
+        alt?: string | undefined;
+    })[];
+    decorators: ({
+        type: "rainbow-rule";
+        y: "custom" | "after-header" | "before-footer";
+        thickness: number;
+        margin: number;
+        customY?: number | undefined;
+        colors?: string[] | undefined;
+    } | {
+        type: "vignette";
+        color: string;
+        intensity: number;
+    } | {
+        type: "gradient-overlay";
+        opacity: number;
+        gradient: {
+            type: "linear";
+            angle: number;
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+    })[];
+    constraints: {
+        minContrastRatio: number;
+        minFooterSpacing: number;
+        checkOverlaps: boolean;
+        maxTextTruncation: number;
+    };
+    background?: string | {
+        type: "linear";
+        angle: number;
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | undefined;
+    header?: {
+        title: string;
+        align: "left" | "center" | "right";
+        titleLetterSpacing: number;
+        eyebrow?: string | undefined;
+        subtitle?: string | undefined;
+        titleFontSize?: number | undefined;
+    } | undefined;
+    footer?: {
+        text: string;
+        tagline?: string | undefined;
+    } | undefined;
+}, {
+    theme?: {
+        code: {
+            string: string;
+            number: string;
+            function: string;
+            text: string;
+            background: string;
+            comment: string;
+            keyword: string;
+            variable: string;
+            operator: string;
+            punctuation: string;
+        };
+        accent: string;
+        success: string;
+        warning: string;
+        error: string;
+        text: string;
+        background: string;
+        surface: string;
+        surfaceMuted: string;
+        surfaceElevated: string;
+        textMuted: string;
+        textInverse: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        border: string;
+        borderMuted: string;
+        fonts: {
+            body: string;
+            heading: string;
+            mono: string;
+        };
+    } | "dracula" | "github-dark" | "nord" | "dark" | "light" | "one-dark" | undefined;
+    background?: string | {
+        type: "linear";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+        angle?: number | undefined;
+    } | {
+        type: "radial";
+        stops: {
+            color: string;
+            offset: number;
+        }[];
+    } | undefined;
+    header?: {
+        title: string;
+        align?: "left" | "center" | "right" | undefined;
+        eyebrow?: string | undefined;
+        subtitle?: string | undefined;
+        titleLetterSpacing?: number | undefined;
+        titleFontSize?: number | undefined;
+    } | undefined;
+    footer?: {
+        text: string;
+        tagline?: string | undefined;
+    } | undefined;
+    draw?: ({
+        type: "rect";
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+        radius?: number | undefined;
+    } | {
+        type: "circle";
+        radius: number;
+        cx: number;
+        cy: number;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    } | {
+        type: "text";
+        text: string;
+        x: number;
+        y: number;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        fontSize?: number | undefined;
+        align?: "left" | "center" | "right" | undefined;
+        fontWeight?: number | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+        baseline?: "middle" | "alphabetic" | "bottom" | "top" | undefined;
+        letterSpacing?: number | undefined;
+        maxWidth?: number | undefined;
+    } | {
+        type: "line";
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        arrowSize?: number | undefined;
+        dash?: number[] | undefined;
+    } | {
+        type: "bezier";
+        points: {
+            x: number;
+            y: number;
+        }[];
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        arrowSize?: number | undefined;
+        dash?: number[] | undefined;
+    } | {
+        type: "path";
+        d: string;
+        fill?: string | undefined;
+        opacity?: number | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    } | {
+        type: "badge";
+        text: string;
+        x: number;
+        y: number;
+        color?: string | undefined;
+        opacity?: number | undefined;
+        fontSize?: number | undefined;
+        borderRadius?: number | undefined;
+        background?: string | undefined;
+        fontFamily?: "body" | "heading" | "mono" | undefined;
+        paddingX?: number | undefined;
+        paddingY?: number | undefined;
+    } | {
+        type: "gradient-rect";
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        gradient: {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+        opacity?: number | undefined;
+        radius?: number | undefined;
+    })[] | undefined;
+    version?: 2 | undefined;
+    canvas?: {
+        width?: number | undefined;
+        height?: number | undefined;
+        padding?: number | undefined;
+    } | undefined;
+    elements?: ({
+        type: "card";
+        id: string;
+        title: string;
+        body: string;
+        badge?: string | undefined;
+        metric?: string | undefined;
+        tone?: "neutral" | "accent" | "success" | "warning" | "error" | undefined;
+        icon?: string | undefined;
+    } | {
+        type: "flow-node";
+        id: string;
+        shape: "box" | "rounded-box" | "diamond" | "circle" | "pill" | "cylinder" | "parallelogram";
+        label: string;
+        sublabel?: string | undefined;
+        sublabelColor?: string | undefined;
+        labelColor?: string | undefined;
+        labelFontSize?: number | undefined;
+        color?: string | undefined;
+        borderColor?: string | undefined;
+        borderWidth?: number | undefined;
+        cornerRadius?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+        opacity?: number | undefined;
+    } | {
+        type: "connection";
+        from: string;
+        to: string;
+        label?: string | undefined;
+        color?: string | undefined;
+        width?: number | undefined;
+        opacity?: number | undefined;
+        style?: "solid" | "dashed" | "dotted" | undefined;
+        arrow?: "end" | "start" | "both" | "none" | undefined;
+        labelPosition?: "end" | "start" | "middle" | undefined;
+        arrowSize?: number | undefined;
+    } | {
+        type: "code-block";
+        code: string;
+        id: string;
+        language: string;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        theme?: string | undefined;
+        showLineNumbers?: boolean | undefined;
+        highlightLines?: number[] | undefined;
+        startLine?: number | undefined;
+    } | {
+        type: "terminal";
+        id: string;
+        content: string;
+        title?: string | undefined;
+        style?: {
+            paddingVertical?: number | undefined;
+            paddingHorizontal?: number | undefined;
+            windowControls?: "none" | "macos" | "bw" | undefined;
+            dropShadow?: boolean | undefined;
+            dropShadowOffsetY?: number | undefined;
+            dropShadowBlurRadius?: number | undefined;
+            surroundColor?: string | undefined;
+            fontSize?: number | undefined;
+            lineHeightPercent?: number | undefined;
+            scale?: number | undefined;
+        } | undefined;
+        prompt?: string | undefined;
+        showPrompt?: boolean | undefined;
+    } | {
+        type: "text";
+        id: string;
+        style: "code" | "body" | "heading" | "subheading" | "caption";
+        content: string;
+        color?: string | undefined;
+        align?: "left" | "center" | "right" | undefined;
+    } | {
+        type: "shape";
+        id: string;
+        shape: "circle" | "arrow" | "rectangle" | "rounded-rectangle" | "ellipse" | "line";
+        fill?: string | undefined;
+        stroke?: string | undefined;
+        strokeWidth?: number | undefined;
+    } | {
+        type: "image";
+        id: string;
+        src: string;
+        alt?: string | undefined;
+        fit?: "fill" | "none" | "contain" | "cover" | undefined;
+        borderRadius?: number | undefined;
+    })[] | undefined;
+    decorators?: ({
+        type: "rainbow-rule";
+        y?: "custom" | "after-header" | "before-footer" | undefined;
+        customY?: number | undefined;
+        thickness?: number | undefined;
+        colors?: string[] | undefined;
+        margin?: number | undefined;
+    } | {
+        type: "vignette";
+        color?: string | undefined;
+        intensity?: number | undefined;
+    } | {
+        type: "gradient-overlay";
+        gradient: {
+            type: "linear";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+            angle?: number | undefined;
+        } | {
+            type: "radial";
+            stops: {
+                color: string;
+                offset: number;
+            }[];
+        };
+        opacity?: number | undefined;
+    })[] | undefined;
+    layout?: {
+        mode: "stack";
+        direction?: "vertical" | "horizontal" | undefined;
+        gap?: number | undefined;
+        alignment?: "end" | "start" | "center" | "stretch" | undefined;
+    } | {
+        mode: "auto";
+        direction?: "TB" | "BT" | "LR" | "RL" | undefined;
+        algorithm?: "box" | "layered" | "stress" | "force" | "radial" | undefined;
+        nodeSpacing?: number | undefined;
+        rankSpacing?: number | undefined;
+        edgeRouting?: "orthogonal" | "polyline" | "spline" | undefined;
+        aspectRatio?: number | undefined;
+    } | {
+        mode: "grid";
+        gap?: number | undefined;
+        columns?: number | undefined;
+        cardMinHeight?: number | undefined;
+        cardMaxHeight?: number | undefined;
+        equalHeight?: boolean | undefined;
+    } | {
+        mode: "manual";
+        positions?: Record<string, {
+            x: number;
+            y: number;
+            width?: number | undefined;
+            height?: number | undefined;
+        }> | undefined;
+    } | undefined;
+    constraints?: {
+        minContrastRatio?: number | undefined;
+        minFooterSpacing?: number | undefined;
+        checkOverlaps?: boolean | undefined;
+        maxTextTruncation?: number | undefined;
+    } | undefined;
+}>;
+type DesignSpec = z.infer<typeof designSpecSchema>;
+type Element = z.infer<typeof elementSchema>;
+type CardElement = z.infer<typeof cardElementSchema>;
+type FlowNodeElement = z.infer<typeof flowNodeElementSchema>;
+type ConnectionElement = z.infer<typeof connectionElementSchema>;
+type CodeBlockStyle = z.infer<typeof codeBlockStyleSchema>;
+type CodeBlockElement = z.infer<typeof codeBlockElementSchema>;
+type TerminalElement = z.infer<typeof terminalElementSchema>;
+type TextElement = z.infer<typeof textElementSchema>;
+type ShapeElement = z.infer<typeof shapeElementSchema>;
+type ImageElement = z.infer<typeof imageElementSchema>;
+type DrawFontFamily = z.infer<typeof drawFontFamilySchema>;
+type DrawPoint = z.infer<typeof drawPointSchema>;
+type DrawRect = z.infer<typeof drawRectSchema>;
+type DrawCircle = z.infer<typeof drawCircleSchema>;
+type DrawText = z.infer<typeof drawTextSchema>;
+type DrawLine = z.infer<typeof drawLineSchema>;
+type DrawBezier = z.infer<typeof drawBezierSchema>;
+type DrawPath = z.infer<typeof drawPathSchema>;
+type DrawBadge = z.infer<typeof drawBadgeSchema>;
+type DrawGradientRect = z.infer<typeof drawGradientRectSchema>;
+type DrawCommand = z.infer<typeof drawCommandSchema>;
+type LayoutConfig = z.infer<typeof layoutConfigSchema>;
+type AutoLayoutConfig = z.infer<typeof autoLayoutConfigSchema>;
+type GridLayoutConfig = z.infer<typeof gridLayoutConfigSchema>;
+type StackLayoutConfig = z.infer<typeof stackLayoutConfigSchema>;
+type ManualLayoutConfig = z.infer<typeof manualLayoutConfigSchema>;
+type ConstraintSpec = z.infer<typeof constraintsSchema>;
+type Theme = z.infer<typeof themeSchema>;
+type BuiltInTheme = z.infer<typeof builtInThemeSchema>;
+type ThemeInput = z.infer<typeof themeInputSchema>;
+type GradientStop = z.infer<typeof gradientStopSchema>;
+type LinearGradient = z.infer<typeof linearGradientSchema>;
+type RadialGradient = z.infer<typeof radialGradientSchema>;
+type Gradient = z.infer<typeof gradientSchema>;
+type Decorator = z.infer<typeof decoratorSchema>;
+type RainbowRuleDecorator = Extract<Decorator, {
+    type: 'rainbow-rule';
+}>;
+type VignetteDecorator = Extract<Decorator, {
+    type: 'vignette';
+}>;
+type GradientOverlayDecorator = Extract<Decorator, {
+    type: 'gradient-overlay';
+}>;
+type DesignSafeFrame = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+
+declare function deriveSafeFrame(spec: DesignSpec): DesignSafeFrame;
+declare function parseDesignSpec(input: unknown): DesignSpec;
+
+export { defaultGridLayout as $, type AutoLayoutConfig as A, type BuiltInTheme as B, type CardElement as C, type DesignSpec as D, type Element as E, type FlowNodeElement as F, type Gradient as G, type RainbowRuleDecorator as H, type ImageElement as I, type RenderResult as J, type StackLayoutConfig as K, type LayoutConfig as L, type ManualLayoutConfig as M, type TerminalElement as N, type TextElement as O, type ThemeInput as P, builtInThemeBackgrounds as Q, type RenderMetadata as R, type ShapeElement as S, type ThemeInput$1 as T, builtInThemes as U, type VignetteDecorator as V, type WrittenArtifacts as W, computeSpecHash as X, defaultAutoLayout as Y, defaultCanvas as Z, defaultConstraints as _, type Rect as a, defaultLayout as a0, defaultStackLayout as a1, defaultTheme as a2, deriveSafeFrame as a3, designSpecSchema as a4, drawGradientRect as a5, drawRainbowRule as a6, drawVignette as a7, inferLayout as a8, inferSidecarPath as a9, parseDesignSpec as aa, renderDesign as ab, resolveTheme as ac, writeRenderArtifacts as ad, type CodeBlockStyle as ae, type GradientStop as af, type LinearGradient as ag, type RadialGradient as ah, type DrawCommand as b, type Theme as c, type RenderedElement as d, type CodeBlockElement as e, type ConnectionElement as f, type ConstraintSpec as g, DEFAULT_GENERATOR_VERSION as h, DEFAULT_RAINBOW_COLORS as i, type Decorator as j, type DesignSafeFrame as k, type DrawBadge as l, type DrawBezier as m, type DrawCircle as n, type DrawFontFamily as o, type DrawGradientRect as p, type DrawLine as q, type DrawPath as r, type DrawPoint as s, type DrawRect as t, type DrawText as u, type GradientOverlayDecorator as v, type GradientSpec as w, type GradientStop$1 as x, type GridLayoutConfig as y, type LayoutSnapshot as z };