@almadar/patterns 2.42.0 → 2.43.0

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/patterns-registry.json
 var patterns_registry_default = {
   version: "1.0.0",
-  exportedAt: "2026-06-16T06:23:39.790Z",
+  exportedAt: "2026-06-16T13:40:20.131Z",
   patterns: {
     "entity-table": {
       type: "entity-table",
@@ -6931,7 +6931,15 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Color class (Tailwind color class) or 'inherit' for theme default"
+          description: "Semantic palette token or an arbitrary Tailwind color class.",
+          enumValues: [
+            "primary",
+            "secondary",
+            "success",
+            "warning",
+            "error",
+            "muted"
+          ]
         },
         animation: {
           types: [
@@ -7107,6 +7115,7 @@ var patterns_registry_default = {
             "primary",
             "success",
             "warning",
+            "error",
             "danger"
           ],
           default: "primary"
@@ -7121,6 +7130,7 @@ var patterns_registry_default = {
             "primary",
             "success",
             "warning",
+            "error",
             "danger"
           ]
         },
@@ -9108,8 +9118,7 @@ var patterns_registry_default = {
             "small",
             "large",
             "label"
-          ],
-          default: "body"
+          ]
         },
         level: {
           types: [
@@ -9123,8 +9132,7 @@ var patterns_registry_default = {
             4,
             5,
             6
-          ],
-          default: 2
+          ]
         },
         color: {
           types: [
@@ -11600,7 +11608,7 @@ var patterns_registry_default = {
       type: "auth-layout",
       category: "template",
       tier: "templates",
-      family: "core",
+      family: "marketing",
       description: "AuthLayout component",
       suggestedFor: [
         "auth",
@@ -11614,7 +11622,7 @@ var patterns_registry_default = {
             "string"
           ],
           description: "App name",
-          default: "{{APP_TITLE}}"
+          default: "My App"
         },
         logo: {
           types: [
@@ -13126,7 +13134,48 @@ var patterns_registry_default = {
           items: {
             types: [
               "object"
-            ]
+            ],
+            properties: {
+              id: {
+                types: [
+                  "string"
+                ]
+              },
+              src: {
+                types: [
+                  "string"
+                ]
+              },
+              alt: {
+                types: [
+                  "string"
+                ]
+              },
+              thumbnail: {
+                types: [
+                  "string"
+                ]
+              },
+              mediaType: {
+                types: [
+                  "string"
+                ],
+                enumValues: [
+                  "image",
+                  "video"
+                ]
+              },
+              caption: {
+                types: [
+                  "string"
+                ]
+              },
+              fileSize: {
+                types: [
+                  "string"
+                ]
+              }
+            }
           }
         },
         columns: {
@@ -13924,252 +13973,6 @@ var patterns_registry_default = {
         }
       }
     },
-    "code-viewer": {
-      type: "code-viewer",
-      category: "display",
-      tier: "molecules",
-      family: "core",
-      description: "Code and diff viewer with line numbers, copy, word-wrap, and multi-file tabs",
-      suggestedFor: [
-        "code display",
-        "diff viewing",
-        "schema inspection",
-        "log viewing"
-      ],
-      typicalSize: "medium",
-      propsSchema: {
-        title: {
-          types: [
-            "string"
-          ],
-          description: "Viewer title"
-        },
-        code: {
-          types: [
-            "string"
-          ],
-          description: "Code content"
-        },
-        language: {
-          types: [
-            "unknown"
-          ],
-          description: "Language for display label"
-        },
-        diff: {
-          types: [
-            "array"
-          ],
-          description: "Diff lines (for diff mode)",
-          items: {
-            types: [
-              "object"
-            ],
-            properties: {
-              type: {
-                types: [
-                  "string"
-                ],
-                enumValues: [
-                  "add",
-                  "remove",
-                  "context"
-                ]
-              },
-              content: {
-                types: [
-                  "string"
-                ]
-              },
-              lineNumber: {
-                types: [
-                  "number"
-                ]
-              }
-            },
-            required: [
-              "type",
-              "content"
-            ]
-          }
-        },
-        oldValue: {
-          types: [
-            "string"
-          ],
-          description: "Old value (for generating diff)"
-        },
-        newValue: {
-          types: [
-            "string"
-          ],
-          description: "New value (for generating diff)"
-        },
-        mode: {
-          types: [
-            "string"
-          ],
-          description: "Display mode",
-          enumValues: [
-            "code",
-            "diff"
-          ],
-          default: "code"
-        },
-        showLineNumbers: {
-          types: [
-            "boolean"
-          ],
-          description: "Show line numbers",
-          default: true
-        },
-        showCopy: {
-          types: [
-            "boolean"
-          ],
-          description: "Show copy button",
-          default: true
-        },
-        wordWrap: {
-          types: [
-            "boolean"
-          ],
-          description: "Enable word wrap",
-          default: false
-        },
-        maxHeight: {
-          types: [
-            "number",
-            "string"
-          ],
-          description: "Max height before scrolling",
-          default: 500
-        },
-        files: {
-          types: [
-            "array"
-          ],
-          description: "Multiple files (tabbed view)",
-          items: {
-            types: [
-              "object"
-            ],
-            properties: {
-              label: {
-                types: [
-                  "string"
-                ]
-              },
-              code: {
-                types: [
-                  "string"
-                ]
-              },
-              language: {
-                types: [
-                  "unknown"
-                ]
-              }
-            },
-            required: [
-              "label",
-              "code"
-            ]
-          }
-        },
-        actions: {
-          types: [
-            "array"
-          ],
-          description: "Actions",
-          items: {
-            types: [
-              "object"
-            ],
-            properties: {
-              label: {
-                types: [
-                  "string"
-                ]
-              },
-              event: {
-                types: [
-                  "string"
-                ]
-              },
-              navigatesTo: {
-                types: [
-                  "string"
-                ]
-              },
-              variant: {
-                types: [
-                  "string"
-                ],
-                enumValues: [
-                  "primary",
-                  "secondary",
-                  "ghost"
-                ]
-              }
-            },
-            required: [
-              "label"
-            ]
-          }
-        },
-        entity: {
-          types: [
-            "string"
-          ],
-          description: "Entity name for schema-driven auto-fetch"
-        },
-        isLoading: {
-          types: [
-            "boolean"
-          ],
-          description: "Loading state",
-          default: false
-        },
-        error: {
-          types: [
-            "object"
-          ],
-          description: "Error state",
-          properties: {
-            message: {
-              types: [
-                "string"
-              ]
-            },
-            name: {
-              types: [
-                "string"
-              ]
-            },
-            code: {
-              types: [
-                "string"
-              ]
-            },
-            stack: {
-              types: [
-                "string"
-              ]
-            }
-          },
-          propertyRequired: [
-            "message"
-          ]
-        },
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional CSS classes"
-        }
-      }
-    },
     "battle-template": {
       type: "battle-template",
       category: "game",
@@ -14462,14 +14265,43 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "The code content to display",
-          required: true
+          description: "The code content to display"
         },
         language: {
           types: [
-            "unknown"
+            "string"
           ],
           description: "Programming language for syntax highlighting",
+          enumValues: [
+            "text",
+            "json",
+            "javascript",
+            "js",
+            "typescript",
+            "ts",
+            "jsx",
+            "tsx",
+            "css",
+            "markdown",
+            "md",
+            "bash",
+            "shell",
+            "sh",
+            "yaml",
+            "yml",
+            "rust",
+            "python",
+            "py",
+            "sql",
+            "diff",
+            "toml",
+            "go",
+            "graphql",
+            "html",
+            "xml",
+            "orb",
+            "lolo"
+          ],
           default: "text"
         },
         showCopyButton: {
@@ -14488,7 +14320,8 @@ var patterns_registry_default = {
         },
         maxHeight: {
           types: [
-            "string"
+            "string",
+            "number"
           ],
           description: "Maximum height before scrolling",
           default: "60vh"
@@ -14531,6 +14364,239 @@ var patterns_registry_default = {
           ],
           description: "GAP-80: line-level error/warning highlights for editable mode. Map of 1-based line number \u2192 severity. The overlay paints a colored background on each line: error = red, warning = yellow. Pass undefined (default) to disable. The consumer is responsible for computing the path \u2192 line map from the schema + validation results.",
           nonAuthorable: true
+        },
+        title: {
+          types: [
+            "string"
+          ],
+          description: "\u2500\u2500 Viewer props (absorbed from CodeViewer / DocCodeBlock) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"
+        },
+        mode: {
+          types: [
+            "string"
+          ],
+          description: "Diff or plain-code display mode",
+          enumValues: [
+            "code",
+            "diff"
+          ],
+          default: "code"
+        },
+        diff: {
+          types: [
+            "array"
+          ],
+          description: "Pre-computed diff lines",
+          items: {
+            types: [
+              "object"
+            ],
+            properties: {
+              type: {
+                types: [
+                  "string"
+                ],
+                enumValues: [
+                  "added",
+                  "removed",
+                  "unchanged",
+                  "context"
+                ]
+              },
+              beforeLineNumber: {
+                types: [
+                  "number"
+                ]
+              },
+              afterLineNumber: {
+                types: [
+                  "number"
+                ]
+              },
+              content: {
+                types: [
+                  "string"
+                ]
+              }
+            },
+            required: [
+              "type",
+              "content"
+            ]
+          }
+        },
+        oldValue: {
+          types: [
+            "string"
+          ],
+          description: "Old source text \u2014 generates diff when combined with newValue"
+        },
+        newValue: {
+          types: [
+            "string"
+          ],
+          description: "New source text \u2014 generates diff when combined with oldValue"
+        },
+        showLineNumbers: {
+          types: [
+            "boolean"
+          ],
+          description: "Show line numbers in code / diff mode",
+          default: false
+        },
+        wordWrap: {
+          types: [
+            "boolean"
+          ],
+          description: "Enable word-wrap in code / diff mode",
+          default: false
+        },
+        files: {
+          types: [
+            "array"
+          ],
+          description: "Multiple files shown as tabs",
+          items: {
+            types: [
+              "object"
+            ],
+            properties: {
+              label: {
+                types: [
+                  "string"
+                ]
+              },
+              code: {
+                types: [
+                  "string"
+                ]
+              },
+              language: {
+                types: [
+                  "string"
+                ],
+                enumValues: [
+                  "text",
+                  "json",
+                  "javascript",
+                  "js",
+                  "typescript",
+                  "ts",
+                  "jsx",
+                  "tsx",
+                  "css",
+                  "markdown",
+                  "md",
+                  "bash",
+                  "shell",
+                  "sh",
+                  "yaml",
+                  "yml",
+                  "rust",
+                  "python",
+                  "py",
+                  "sql",
+                  "diff",
+                  "toml",
+                  "go",
+                  "graphql",
+                  "html",
+                  "xml",
+                  "orb",
+                  "lolo"
+                ]
+              }
+            },
+            required: [
+              "label",
+              "code"
+            ]
+          }
+        },
+        actions: {
+          types: [
+            "array"
+          ],
+          description: "Action badges in the toolbar",
+          items: {
+            types: [
+              "object"
+            ],
+            properties: {
+              label: {
+                types: [
+                  "string"
+                ]
+              },
+              event: {
+                types: [
+                  "string"
+                ]
+              },
+              navigatesTo: {
+                types: [
+                  "string"
+                ]
+              },
+              variant: {
+                types: [
+                  "string"
+                ],
+                enumValues: [
+                  "primary",
+                  "secondary",
+                  "ghost"
+                ]
+              }
+            },
+            required: [
+              "label"
+            ]
+          }
+        },
+        isLoading: {
+          types: [
+            "boolean"
+          ],
+          description: "Loading state",
+          default: false
+        },
+        error: {
+          types: [
+            "object"
+          ],
+          description: "Error state",
+          properties: {
+            message: {
+              types: [
+                "string"
+              ]
+            },
+            name: {
+              types: [
+                "string"
+              ]
+            },
+            code: {
+              types: [
+                "string"
+              ]
+            },
+            stack: {
+              types: [
+                "string"
+              ]
+            }
+          },
+          propertyRequired: [
+            "message"
+          ]
+        },
+        showCopy: {
+          types: [
+            "boolean"
+          ],
+          description: "Show copy button (viewer alias for showCopyButton)"
         }
       }
     },
@@ -14558,11 +14624,12 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Text direction",
+          description: "Text direction (defaults to ltr; `ltr` is first so the generated config seeds it)",
           enumValues: [
-            "rtl",
-            "ltr"
-          ]
+            "ltr",
+            "rtl"
+          ],
+          default: "ltr"
         },
         className: {
           types: [
@@ -14701,7 +14768,28 @@ var patterns_registry_default = {
             types: [
               "object"
             ],
-            freeform: true
+            properties: {
+              type: {
+                types: [
+                  "string"
+                ],
+                enumValues: [
+                  "markdown",
+                  "code",
+                  "orbital",
+                  "quiz"
+                ]
+              },
+              content: {
+                types: [
+                  "string"
+                ]
+              }
+            },
+            required: [
+              "type",
+              "content"
+            ]
           }
         },
         direction: {
@@ -19939,7 +20027,7 @@ var patterns_registry_default = {
       type: "case-study-organism",
       category: "display",
       tier: "organisms",
-      family: "core",
+      family: "marketing",
       description: "CaseStudyOrganism component",
       suggestedFor: [
         "case",
@@ -20081,7 +20169,7 @@ var patterns_registry_default = {
       type: "feature-grid-organism",
       category: "display",
       tier: "organisms",
-      family: "core",
+      family: "marketing",
       description: "FeatureGridOrganism component",
       suggestedFor: [
         "feature",
@@ -20236,7 +20324,7 @@ var patterns_registry_default = {
       type: "hero-organism",
       category: "header",
       tier: "organisms",
-      family: "core",
+      family: "marketing",
       description: "HeroOrganism component",
       suggestedFor: [
         "hero",
@@ -20512,7 +20600,7 @@ var patterns_registry_default = {
       type: "showcase-organism",
       category: "display",
       tier: "organisms",
-      family: "core",
+      family: "marketing",
       description: "ShowcaseOrganism component",
       suggestedFor: [
         "showcase",
@@ -20808,7 +20896,7 @@ var patterns_registry_default = {
       type: "step-flow-organism",
       category: "display",
       tier: "organisms",
-      family: "core",
+      family: "marketing",
       description: "StepFlowOrganism component",
       suggestedFor: [
         "step",
@@ -21564,8 +21652,16 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Stroke color",
-          default: "var(--color-primary)"
+          description: "Semantic palette token or a raw CSS color value for the stroke.",
+          enumValues: [
+            "primary",
+            "secondary",
+            "success",
+            "warning",
+            "error",
+            "muted"
+          ],
+          default: "primary"
         },
         strokeWidth: {
           types: [
@@ -23919,9 +24015,10 @@ var patterns_registry_default = {
         },
         portrait: {
           types: [
-            "string"
+            "asset"
           ],
-          description: "URL for the speaker portrait image"
+          description: "URL for the speaker portrait image",
+          default: "https://almadar-kflow-assets.web.app/shared/characters/archetypes/00_base_model.png"
         },
         position: {
           types: [
@@ -24292,7 +24389,15 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Accent color class (e.g. 'text-yellow-400')"
+          description: "Semantic palette token or an arbitrary Tailwind color class.",
+          enumValues: [
+            "primary",
+            "secondary",
+            "success",
+            "warning",
+            "error",
+            "muted"
+          ]
         },
         size: {
           types: [
@@ -24394,10 +24499,11 @@ var patterns_registry_default = {
       propsSchema: {
         spritesheet: {
           types: [
-            "string"
+            "asset"
           ],
           description: "Spritesheet image URL",
-          required: true
+          required: true,
+          default: "https://almadar-kflow-assets.web.app/shared/isometric-blocks/Spritesheet/allTiles_sheet.png"
         },
         frameWidth: {
           types: [
@@ -24601,9 +24707,9 @@ var patterns_registry_default = {
       propsSchema: {
         icon: {
           types: [
-            "node"
+            "string"
           ],
-          description: "Icon to display for the effect",
+          description: "Lucide kebab-case icon name",
           required: true
         },
         label: {
@@ -24921,14 +25027,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "x prop",
-          required: true
+          default: 5
         },
         y: {
           types: [
             "number"
           ],
           description: "y prop",
-          required: true
+          default: 50
         },
         variant: {
           types: [
@@ -24975,6 +25081,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -24996,28 +25123,28 @@ var patterns_registry_default = {
             "number"
           ],
           description: "x1 prop",
-          required: true
+          default: 10
         },
         y1: {
           types: [
             "number"
           ],
           description: "y1 prop",
-          required: true
+          default: 50
         },
         x2: {
           types: [
             "number"
           ],
           description: "x2 prop",
-          required: true
+          default: 90
         },
         y2: {
           types: [
             "number"
           ],
           description: "y2 prop",
-          required: true
+          default: 50
         },
         variant: {
           types: [
@@ -25057,6 +25184,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -25078,7 +25226,6 @@ var patterns_registry_default = {
             "array"
           ],
           description: "points prop",
-          required: true,
           items: {
             types: [
               "array"
@@ -25123,6 +25270,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -25144,14 +25312,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "x prop",
-          required: true
+          default: 10
         },
         y: {
           types: [
             "number"
           ],
           description: "y prop",
-          required: true
+          default: 10
         },
         cols: {
           types: [
@@ -25212,6 +25380,27 @@ var patterns_registry_default = {
             ]
           },
           default: []
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -25233,14 +25422,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "cx prop",
-          required: true
+          default: 50
         },
         cy: {
           types: [
             "number"
           ],
           description: "cy prop",
-          required: true
+          default: 50
         },
         rx: {
           types: [
@@ -25289,6 +25478,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -25310,14 +25520,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "cx prop",
-          required: true
+          default: 60
         },
         cy: {
           types: [
             "number"
           ],
           description: "cy prop",
-          required: true
+          default: 60
         },
         nodes: {
           types: [
@@ -25359,6 +25569,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 120
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 120
         }
       }
     },
@@ -25380,14 +25611,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "x prop",
-          required: true
+          default: 5
         },
         y: {
           types: [
             "number"
           ],
           description: "y prop",
-          required: true
+          default: 10
         },
         size: {
           types: [
@@ -25427,6 +25658,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 130
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 50
         }
       }
     },
@@ -25448,14 +25700,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "x prop",
-          required: true
+          default: 50
         },
         y: {
           types: [
             "number"
           ],
           description: "y prop",
-          required: true
+          default: 50
         },
         r: {
           types: [
@@ -25501,6 +25753,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "label prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -25522,14 +25795,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "cx prop",
-          required: true
+          default: 70
         },
         cy: {
           types: [
             "number"
           ],
           description: "cy prop",
-          required: true
+          default: 70
         },
         rings: {
           types: [
@@ -25571,6 +25844,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 140
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 140
         }
       }
     },
@@ -25592,14 +25886,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "cx prop",
-          required: true
+          default: 50
         },
         cy: {
           types: [
             "number"
           ],
           description: "cy prop",
-          required: true
+          default: 50
         },
         r: {
           types: [
@@ -25652,6 +25946,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "label prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -25673,14 +25988,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "x prop",
-          required: true
+          default: 50
         },
         y: {
           types: [
             "number"
           ],
           description: "y prop",
-          required: true
+          default: 50
         },
         size: {
           types: [
@@ -25720,6 +26035,27 @@ var patterns_registry_default = {
             "string"
           ],
           description: "className prop"
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        width: {
+          types: [
+            "number"
+          ],
+          description: "width prop",
+          default: 100
+        },
+        height: {
+          types: [
+            "number"
+          ],
+          description: "height prop",
+          default: 100
         }
       }
     },
@@ -25741,14 +26077,14 @@ var patterns_registry_default = {
             "number"
           ],
           description: "x prop",
-          required: true
+          default: 10
         },
         y: {
           types: [
             "number"
           ],
           description: "y prop",
-          required: true
+          default: 40
         },
         layers: {
           types: [
@@ -25800,6 +26136,27 @@ var patterns_registry_default = {
               "string"
             ]
           }
+        },
+        asRoot: {
+          types: [
+            "boolean"
+          ],
+          description: "When true (default), wraps in a standalone <svg> so the shape is visible without a parent SVG context.",
+          default: true
+        },
+        svgWidth: {
+          types: [
+            "number"
+          ],
+          description: "svgWidth prop",
+          default: 90
+        },
+        svgHeight: {
+          types: [
+            "number"
+          ],
+          description: "svgHeight prop",
+          default: 80
         }
       }
     },
@@ -25851,54 +26208,6 @@ var patterns_registry_default = {
         }
       }
     },
-    "doc-code-block": {
-      type: "doc-code-block",
-      category: "component",
-      tier: "molecules",
-      family: "core",
-      description: "DocCodeBlock component",
-      suggestedFor: [
-        "doc",
-        "code",
-        "block",
-        "doc code block"
-      ],
-      typicalSize: "medium",
-      propsSchema: {
-        code: {
-          types: [
-            "string"
-          ],
-          description: "Code content to display",
-          required: true
-        },
-        language: {
-          types: [
-            "unknown"
-          ],
-          description: "Programming language label"
-        },
-        title: {
-          types: [
-            "string"
-          ],
-          description: "Optional title/filename shown in the header bar"
-        },
-        showLineNumbers: {
-          types: [
-            "boolean"
-          ],
-          description: "Show line numbers in the gutter",
-          default: false
-        },
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional class names"
-        }
-      }
-    },
     "doc-pagination": {
       type: "doc-pagination",
       category: "navigation",
@@ -26156,7 +26465,15 @@ var patterns_registry_default = {
           types: [
             "string"
           ],
-          description: "Override the center color (CSS value). Defaults to var(--color-primary)."
+          description: "Semantic palette token or a raw CSS color value. Defaults to 'primary'.",
+          enumValues: [
+            "primary",
+            "secondary",
+            "success",
+            "warning",
+            "error",
+            "muted"
+          ]
         },
         className: {
           types: [
@@ -26170,7 +26487,7 @@ var patterns_registry_default = {
       type: "pull-quote",
       category: "component",
       tier: "molecules",
-      family: "core",
+      family: "marketing",
       description: "PullQuote component",
       suggestedFor: [
         "pull",
@@ -27869,7 +28186,7 @@ var patterns_registry_default = {
               },
               icon: {
                 types: [
-                  "node"
+                  "string"
                 ]
               },
               format: {
@@ -38804,48 +39121,6 @@ var patterns_registry_default = {
         }
       }
     },
-    "code-view": {
-      type: "code-view",
-      category: "game",
-      tier: "organisms",
-      family: "game",
-      description: "CodeView Component  Shows the JSON code representation of a state machine. Toggle between visual and code view in State Architect tier.",
-      suggestedFor: [
-        "code",
-        "view",
-        "code view"
-      ],
-      typicalSize: "large",
-      propsSchema: {
-        data: {
-          types: [
-            "object"
-          ],
-          description: "JSON data to display",
-          required: true,
-          freeform: true
-        },
-        label: {
-          types: [
-            "string"
-          ],
-          description: "Label"
-        },
-        defaultExpanded: {
-          types: [
-            "boolean"
-          ],
-          description: "Whether the code is expanded by default",
-          default: false
-        },
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional CSS classes"
-        }
-      }
-    },
     "state-architect-board": {
       type: "state-architect-board",
       category: "game",
@@ -40285,7 +40560,7 @@ var patterns_registry_default = {
       type: "marketing-footer",
       category: "component",
       tier: "molecules",
-      family: "core",
+      family: "marketing",
       description: "MarketingFooter component",
       suggestedFor: [
         "marketing",
@@ -40972,737 +41247,46 @@ var patterns_registry_default = {
         }
       }
     },
-    "asset-picker": {
-      type: "asset-picker",
-      category: "component",
-      tier: "molecules",
-      family: "core",
-      description: "AssetPicker component",
-      suggestedFor: [
-        "asset",
-        "picker",
-        "asset picker"
-      ],
-      typicalSize: "medium",
-      propsSchema: {
-        assets: {
-          types: [
-            "object"
-          ],
-          description: "Browsable asset catalog supplied by the host.",
-          required: true,
-          freeform: true
-        },
-        value: {
-          types: [
-            "string"
-          ],
-          description: "Currently selected asset url (controlled highlight)."
-        },
-        onChange: {
-          types: [
-            "function"
-          ],
-          description: "Fired with the chosen asset's url.",
-          required: true,
-          kind: "callback",
-          callbackArgs: [
-            {
-              name: "url",
-              type: "string"
-            }
-          ]
-        },
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional CSS classes applied to the root."
-        }
-      }
-    },
-    "grid-picker": {
-      type: "grid-picker",
-      category: "display",
-      tier: "molecules",
-      family: "core",
-      description: "GridPicker component",
-      suggestedFor: [
-        "grid",
-        "picker",
-        "grid picker"
-      ],
-      typicalSize: "medium",
-      propsSchema: {
-        items: {
-          types: [
-            "array"
-          ],
-          description: "Items to render as grid cells.",
-          required: true,
-          items: {
-            types: [
-              "object"
-            ],
-            properties: {
-              id: {
-                types: [
-                  "string"
-                ]
-              },
-              label: {
-                types: [
-                  "string"
-                ]
-              },
-              category: {
-                types: [
-                  "string"
-                ]
-              }
-            },
-            required: [
-              "id",
-              "label",
-              "category"
-            ]
-          }
-        },
-        value: {
-          types: [
-            "string"
-          ],
-          description: "Currently selected item id (controlled highlight)."
-        },
-        onChange: {
-          types: [
-            "function"
-          ],
-          description: "Fired with the clicked/selected item's id.",
-          required: true,
-          kind: "callback",
-          callbackArgs: [
-            {
-              name: "value",
-              type: "string"
-            }
-          ]
-        },
-        categories: {
-          types: [
-            "array"
-          ],
-          description: 'Category keys for the filter chip row. When omitted, the categories are derived from the items. An "All" chip is always prepended.',
-          items: {
-            types: [
-              "string"
-            ]
-          }
-        },
-        searchPlaceholder: {
-          types: [
-            "string"
-          ],
-          description: "Placeholder for the search input."
-        },
-        renderThumbnail: {
-          types: [
-            "function"
-          ],
-          description: "Renders the visual content of a cell (e.g. an emoji glyph or an image).",
-          required: true,
-          kind: "callback",
-          callbackArgs: [
-            {
-              name: "item",
-              type: "object",
-              schema: {
-                types: [
-                  "object"
-                ],
-                properties: {
-                  id: {
-                    types: [
-                      "string"
-                    ]
-                  },
-                  label: {
-                    types: [
-                      "string"
-                    ]
-                  },
-                  category: {
-                    types: [
-                      "string"
-                    ]
-                  }
-                },
-                required: [
-                  "id",
-                  "label",
-                  "category"
-                ]
-              }
-            }
-          ],
-          renderCallback: true
-        },
-        cellSize: {
-          types: [
-            "number"
-          ],
-          description: "Cell edge length in px.",
-          numericEnumValues: [
-            16,
-            32,
-            48
-          ],
-          default: 32
-        },
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional CSS classes applied to the root."
-        }
-      }
-    },
-    "icon-picker": {
-      type: "icon-picker",
-      category: "component",
-      tier: "molecules",
-      family: "core",
-      description: "IconPicker component",
-      suggestedFor: [
-        "icon",
-        "picker",
-        "icon picker"
-      ],
-      typicalSize: "medium",
-      propsSchema: {
-        value: {
-          types: [
-            "string"
-          ],
-          description: "Currently selected icon name (kebab-case)."
-        },
-        onChange: {
-          types: [
-            "function"
-          ],
-          description: "Fired with the chosen icon's kebab-case name.",
-          required: true,
-          kind: "callback",
-          callbackArgs: [
-            {
-              name: "name",
-              type: "string"
-            }
-          ]
-        },
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional CSS classes applied to the root."
-        }
-      }
-    },
-    "property-inspector": {
-      type: "property-inspector",
-      category: "debug",
-      tier: "molecules",
-      family: "core",
-      description: "PropertyInspector \u2014 Storybook-style controls panel for a trait's `config`.  Derives one control per declared config field directly from the schema (`@almadar/core` `DeclaredTraitConfig`): `boolean \u2192 Switch`, `string` with `values \u2192 Select`, `number \u2192 numeric Input`, `string \u2192 Input`. Non-scalar fields (array/object/node/SExpr) are shown read-only. Fields group + collapse by `@tier`. The component is controlled \u2014 it emits `onChange(field, value)`; text/number commit on blur (so the host can re-render without hammering it).",
+    "state-json-view": {
+      type: "state-json-view",
+      category: "game",
+      tier: "organisms",
+      family: "game",
+      description: "StateJsonView component",
       suggestedFor: [
-        "property",
-        "inspector",
-        "property inspector"
+        "state",
+        "json",
+        "view",
+        "state json view"
       ],
-      typicalSize: "medium",
+      typicalSize: "large",
       propsSchema: {
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional CSS classes"
-        },
-        isLoading: {
-          types: [
-            "boolean"
-          ],
-          description: "Loading state indicator"
-        },
-        error: {
-          types: [
-            "object"
-          ],
-          description: "Error state (UiError)",
-          properties: {
-            message: {
-              types: [
-                "string"
-              ]
-            },
-            name: {
-              types: [
-                "string"
-              ]
-            },
-            code: {
-              types: [
-                "string"
-              ]
-            },
-            stack: {
-              types: [
-                "string"
-              ]
-            }
-          },
-          propertyRequired: [
-            "message"
-          ]
-        },
-        sortBy: {
-          types: [
-            "string"
-          ],
-          description: "Current sort field"
-        },
-        sortDirection: {
-          types: [
-            "string"
-          ],
-          description: "Current sort direction",
-          enumValues: [
-            "asc",
-            "desc"
-          ]
-        },
-        searchValue: {
-          types: [
-            "string"
-          ],
-          description: "Current search query value"
-        },
-        page: {
-          types: [
-            "number"
-          ],
-          description: "Current page number"
-        },
-        pageSize: {
-          types: [
-            "number"
-          ],
-          description: "Number of items per page"
-        },
-        totalCount: {
-          types: [
-            "number"
-          ],
-          description: "Total number of items"
-        },
-        activeFilters: {
-          types: [
-            "object"
-          ],
-          description: "Active filters"
-        },
-        selectedIds: {
-          types: [
-            "array"
-          ],
-          description: "Currently selected item IDs",
-          items: {
-            types: [
-              "string",
-              "number"
-            ]
-          }
-        },
-        config: {
-          types: [
-            "object"
-          ],
-          description: "The trait's declared config schema (field name \u2192 declaration).",
-          required: true,
-          freeform: true
-        },
-        values: {
+        data: {
           types: [
             "object"
           ],
-          description: "Current override values keyed by field name (falls back to each field's `default`).",
-          freeform: true
-        },
-        onChange: {
-          types: [
-            "function"
-          ],
-          description: "Fired when a control commits a new value.",
+          description: "JSON data to display",
           required: true,
-          kind: "callback",
-          callbackArgs: [
-            {
-              name: "field",
-              type: "string"
-            },
-            {
-              name: "value",
-              type: "object"
-            }
-          ]
-        },
-        onReset: {
-          types: [
-            "function"
-          ],
-          description: "Optional reset-to-defaults handler.",
-          kind: "callback",
-          callbackArgs: []
-        },
-        title: {
-          types: [
-            "string"
-          ],
-          description: "Panel heading (e.g. the trait name)."
-        },
-        assets: {
-          types: [
-            "object"
-          ],
-          description: "Browsable asset catalog supplied to `control: 'asset'` fields.",
           freeform: true
-        }
-      }
-    },
-    heading: {
-      type: "heading",
-      category: "component",
-      tier: "atoms",
-      family: "core",
-      description: "Alias for typography \u2014 Typography Atom Component  Text elements following the KFlow design system with theme-aware styling.",
-      suggestedFor: [
-        "typography"
-      ],
-      typicalSize: "small",
-      propsSchema: {
-        variant: {
-          types: [
-            "string"
-          ],
-          description: "Typography variant",
-          enumValues: [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "heading",
-            "subheading",
-            "body1",
-            "body2",
-            "body",
-            "caption",
-            "overline",
-            "small",
-            "large",
-            "label"
-          ],
-          default: "body"
-        },
-        level: {
-          types: [
-            "number"
-          ],
-          description: "Heading level (1-6) - alternative to variant for headings",
-          numericEnumValues: [
-            1,
-            2,
-            3,
-            4,
-            5,
-            6
-          ],
-          default: 2
-        },
-        color: {
-          types: [
-            "string"
-          ],
-          description: "Text color",
-          enumValues: [
-            "primary",
-            "secondary",
-            "muted",
-            "error",
-            "success",
-            "warning",
-            "inherit"
-          ],
-          default: "primary"
-        },
-        align: {
-          types: [
-            "string"
-          ],
-          description: "Text alignment",
-          enumValues: [
-            "left",
-            "center",
-            "right"
-          ]
-        },
-        weight: {
-          types: [
-            "string"
-          ],
-          description: "Font weight override",
-          enumValues: [
-            "light",
-            "normal",
-            "medium",
-            "semibold",
-            "bold"
-          ]
-        },
-        size: {
-          types: [
-            "string"
-          ],
-          description: "Font size override",
-          enumValues: [
-            "xs",
-            "sm",
-            "md",
-            "lg",
-            "xl",
-            "2xl",
-            "3xl"
-          ]
-        },
-        truncate: {
-          types: [
-            "boolean"
-          ],
-          description: "Truncate with ellipsis (single line)",
-          default: false
-        },
-        overflow: {
-          types: [
-            "string"
-          ],
-          description: "Overflow handling mode",
-          enumValues: [
-            "visible",
-            "hidden",
-            "wrap",
-            "clamp-2",
-            "clamp-3"
-          ]
-        },
-        as: {
-          types: [
-            "component"
-          ],
-          description: "Custom HTML element"
-        },
-        id: {
-          types: [
-            "string"
-          ],
-          description: "HTML id attribute"
-        },
-        className: {
-          types: [
-            "string"
-          ],
-          description: "Additional class names"
-        },
-        style: {
-          types: [
-            "object"
-          ],
-          description: "Inline style"
-        },
-        content: {
-          types: [
-            "node"
-          ],
-          description: "Text content (alternative to children)"
-        },
-        children: {
-          types: [
-            "node"
-          ],
-          description: "Children elements"
-        }
-      }
-    },
-    text: {
-      type: "text",
-      category: "component",
-      tier: "atoms",
-      family: "core",
-      description: "Alias for typography \u2014 Typography Atom Component  Text elements following the KFlow design system with theme-aware styling.",
-      suggestedFor: [
-        "typography"
-      ],
-      typicalSize: "small",
-      propsSchema: {
-        variant: {
-          types: [
-            "string"
-          ],
-          description: "Typography variant",
-          enumValues: [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "heading",
-            "subheading",
-            "body1",
-            "body2",
-            "body",
-            "caption",
-            "overline",
-            "small",
-            "large",
-            "label"
-          ],
-          default: "body"
         },
-        level: {
-          types: [
-            "number"
-          ],
-          description: "Heading level (1-6) - alternative to variant for headings",
-          numericEnumValues: [
-            1,
-            2,
-            3,
-            4,
-            5,
-            6
-          ],
-          default: 2
-        },
-        color: {
-          types: [
-            "string"
-          ],
-          description: "Text color",
-          enumValues: [
-            "primary",
-            "secondary",
-            "muted",
-            "error",
-            "success",
-            "warning",
-            "inherit"
-          ],
-          default: "primary"
-        },
-        align: {
-          types: [
-            "string"
-          ],
-          description: "Text alignment",
-          enumValues: [
-            "left",
-            "center",
-            "right"
-          ]
-        },
-        weight: {
-          types: [
-            "string"
-          ],
-          description: "Font weight override",
-          enumValues: [
-            "light",
-            "normal",
-            "medium",
-            "semibold",
-            "bold"
-          ]
-        },
-        size: {
+        label: {
           types: [
             "string"
           ],
-          description: "Font size override",
-          enumValues: [
-            "xs",
-            "sm",
-            "md",
-            "lg",
-            "xl",
-            "2xl",
-            "3xl"
-          ]
+          description: "Label"
         },
-        truncate: {
+        defaultExpanded: {
           types: [
             "boolean"
           ],
-          description: "Truncate with ellipsis (single line)",
+          description: "Whether the code is expanded by default",
           default: false
         },
-        overflow: {
-          types: [
-            "string"
-          ],
-          description: "Overflow handling mode",
-          enumValues: [
-            "visible",
-            "hidden",
-            "wrap",
-            "clamp-2",
-            "clamp-3"
-          ]
-        },
-        as: {
-          types: [
-            "component"
-          ],
-          description: "Custom HTML element"
-        },
-        id: {
-          types: [
-            "string"
-          ],
-          description: "HTML id attribute"
-        },
         className: {
           types: [
             "string"
           ],
-          description: "Additional class names"
-        },
-        style: {
-          types: [
-            "object"
-          ],
-          description: "Inline style"
-        },
-        content: {
-          types: [
-            "node"
-          ],
-          description: "Text content (alternative to children)"
-        },
-        children: {
-          types: [
-            "node"
-          ],
-          description: "Children elements"
+          description: "Additional CSS classes"
         }
       }
     }
@@ -42332,7 +41916,7 @@ var integrators_registry_default = {
 // src/component-mapping.json
 var component_mapping_default = {
   version: "1.0.0",
-  exportedAt: "2026-06-16T06:23:39.790Z",
+  exportedAt: "2026-06-16T13:40:20.131Z",
   mappings: {
     "page-header": {
       component: "PageHeader",
@@ -42836,11 +42420,6 @@ var component_mapping_default = {
       importPath: "@/components/molecules/GraphCanvas",
       category: "visualization"
     },
-    "code-viewer": {
-      component: "CodeViewer",
-      importPath: "@/components/molecules/CodeViewer",
-      category: "display"
-    },
     "battle-template": {
       component: "BattleTemplate",
       importPath: "@/components/templates/BattleTemplate",
@@ -43446,11 +43025,6 @@ var component_mapping_default = {
       importPath: "@/components/molecules/DocBreadcrumb",
       category: "navigation"
     },
-    "doc-code-block": {
-      component: "DocCodeBlock",
-      importPath: "@/components/molecules/DocCodeBlock",
-      category: "component"
-    },
     "doc-pagination": {
       component: "DocPagination",
       importPath: "@/components/molecules/DocPagination",
@@ -43751,11 +43325,6 @@ var component_mapping_default = {
       importPath: "@/components/organisms/SimulatorBoard",
       category: "game"
     },
-    "code-view": {
-      component: "CodeView",
-      importPath: "@/components/organisms/CodeView",
-      category: "game"
-    },
     "state-architect-board": {
       component: "StateArchitectBoard",
       importPath: "@/components/organisms/StateArchitectBoard",
@@ -43846,35 +43415,10 @@ var component_mapping_default = {
       importPath: "@/components/atoms/StatCard",
       category: "display"
     },
-    "asset-picker": {
-      component: "AssetPicker",
-      importPath: "@/components/molecules/AssetPicker",
-      category: "component"
-    },
-    "grid-picker": {
-      component: "GridPicker",
-      importPath: "@/components/molecules/GridPicker",
-      category: "display"
-    },
-    "icon-picker": {
-      component: "IconPicker",
-      importPath: "@/components/molecules/IconPicker",
-      category: "component"
-    },
-    "property-inspector": {
-      component: "PropertyInspector",
-      importPath: "@/components/molecules/PropertyInspector",
-      category: "debug"
-    },
-    heading: {
-      component: "Typography",
-      importPath: "@/components/atoms/Typography",
-      category: "component"
-    },
-    text: {
-      component: "Typography",
-      importPath: "@/components/atoms/Typography",
-      category: "component"
+    "state-json-view": {
+      component: "StateJsonView",
+      importPath: "@/components/organisms/StateJsonView",
+      category: "game"
     }
   }
 };
@@ -43882,7 +43426,7 @@ var component_mapping_default = {
 // src/event-contracts.json
 var event_contracts_default = {
   version: "1.0.0",
-  exportedAt: "2026-06-16T06:23:39.790Z",
+  exportedAt: "2026-06-16T13:40:20.131Z",
   contracts: {
     form: {
       emits: [
@@ -44710,19 +44254,6 @@ var event_contracts_default = {
       requires: [],
       entityAware: true
     },
-    "code-viewer": {
-      emits: [
-        {
-          event: "CODE_COPY",
-          trigger: "action",
-          payload: {
-            type: "object"
-          }
-        }
-      ],
-      requires: [],
-      entityAware: true
-    },
     "document-viewer": {
       emits: [
         {