@tuongaz/seeflow 0.1.64 → 0.1.68

package/dist/web/assets/xml-e3z08dGr.js

@@ -0,0 +1 @@
+import e from"./java-xI-RfyKK.js";const n=Object.freeze(JSON.parse(`{"displayName":"XML","name":"xml","patterns":[{"begin":"(<\\\\?)\\\\s*([-_a-zA-Z0-9]+)","captures":{"1":{"name":"punctuation.definition.tag.xml"},"2":{"name":"entity.name.tag.xml"}},"end":"(\\\\?>)","name":"meta.tag.preprocessor.xml","patterns":[{"match":" ([a-zA-Z-]+)","name":"entity.other.attribute-name.xml"},{"include":"#doublequotedString"},{"include":"#singlequotedString"}]},{"begin":"(<!)(DOCTYPE)\\\\s+([:a-zA-Z_][:a-zA-Z0-9_.-]*)","captures":{"1":{"name":"punctuation.definition.tag.xml"},"2":{"name":"keyword.other.doctype.xml"},"3":{"name":"variable.language.documentroot.xml"}},"end":"\\\\s*(>)","name":"meta.tag.sgml.doctype.xml","patterns":[{"include":"#internalSubset"}]},{"include":"#comments"},{"begin":"(<)((?:([-_a-zA-Z0-9]+)(:))?([-_a-zA-Z0-9:]+))(?=(\\\\s[^>]*)?></\\\\2>)","beginCaptures":{"1":{"name":"punctuation.definition.tag.xml"},"2":{"name":"entity.name.tag.xml"},"3":{"name":"entity.name.tag.namespace.xml"},"4":{"name":"punctuation.separator.namespace.xml"},"5":{"name":"entity.name.tag.localname.xml"}},"end":"(>)(</)((?:([-_a-zA-Z0-9]+)(:))?([-_a-zA-Z0-9:]+))(>)","endCaptures":{"1":{"name":"punctuation.definition.tag.xml"},"2":{"name":"punctuation.definition.tag.xml"},"3":{"name":"entity.name.tag.xml"},"4":{"name":"entity.name.tag.namespace.xml"},"5":{"name":"punctuation.separator.namespace.xml"},"6":{"name":"entity.name.tag.localname.xml"},"7":{"name":"punctuation.definition.tag.xml"}},"name":"meta.tag.no-content.xml","patterns":[{"include":"#tagStuff"}]},{"begin":"(</?)(?:([-\\\\w\\\\.]+)((:)))?([-\\\\w\\\\.:]+)","captures":{"1":{"name":"punctuation.definition.tag.xml"},"2":{"name":"entity.name.tag.namespace.xml"},"3":{"name":"entity.name.tag.xml"},"4":{"name":"punctuation.separator.namespace.xml"},"5":{"name":"entity.name.tag.localname.xml"}},"end":"(/?>)","name":"meta.tag.xml","patterns":[{"include":"#tagStuff"}]},{"include":"#entity"},{"include":"#bare-ampersand"},{"begin":"<%@","beginCaptures":{"0":{"name":"punctuation.section.embedded.begin.xml"}},"end":"%>","endCaptures":{"0":{"name":"punctuation.section.embedded.end.xml"}},"name":"source.java-props.embedded.xml","patterns":[{"match":"page|include|taglib","name":"keyword.other.page-props.xml"}]},{"begin":"<%[!=]?(?!--)","beginCaptures":{"0":{"name":"punctuation.section.embedded.begin.xml"}},"end":"(?!--)%>","endCaptures":{"0":{"name":"punctuation.section.embedded.end.xml"}},"name":"source.java.embedded.xml","patterns":[{"include":"source.java"}]},{"begin":"<!\\\\[CDATA\\\\[","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.xml"}},"end":"]]>","endCaptures":{"0":{"name":"punctuation.definition.string.end.xml"}},"name":"string.unquoted.cdata.xml"}],"repository":{"EntityDecl":{"begin":"(<!)(ENTITY)\\\\s+(%\\\\s+)?([:a-zA-Z_][:a-zA-Z0-9_.-]*)(\\\\s+(?:SYSTEM|PUBLIC)\\\\s+)?","captures":{"1":{"name":"punctuation.definition.tag.xml"},"2":{"name":"keyword.other.entity.xml"},"3":{"name":"punctuation.definition.entity.xml"},"4":{"name":"variable.language.entity.xml"},"5":{"name":"keyword.other.entitytype.xml"}},"end":"(>)","patterns":[{"include":"#doublequotedString"},{"include":"#singlequotedString"}]},"bare-ampersand":{"match":"&","name":"invalid.illegal.bad-ampersand.xml"},"comments":{"patterns":[{"begin":"<%--","captures":{"0":{"name":"punctuation.definition.comment.xml"},"end":"--%>","name":"comment.block.xml"}},{"begin":"<!--","captures":{"0":{"name":"punctuation.definition.comment.xml"}},"end":"-->","name":"comment.block.xml","patterns":[{"begin":"--(?!>)","captures":{"0":{"name":"invalid.illegal.bad-comments-or-CDATA.xml"}}}]}]},"doublequotedString":{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.xml"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.definition.string.end.xml"}},"name":"string.quoted.double.xml","patterns":[{"include":"#entity"},{"include":"#bare-ampersand"}]},"entity":{"captures":{"1":{"name":"punctuation.definition.constant.xml"},"3":{"name":"punctuation.definition.constant.xml"}},"match":"(&)([:a-zA-Z_][:a-zA-Z0-9_.-]*|#[0-9]+|#x[0-9a-fA-F]+)(;)","name":"constant.character.entity.xml"},"internalSubset":{"begin":"(\\\\[)","captures":{"1":{"name":"punctuation.definition.constant.xml"}},"end":"(\\\\])","name":"meta.internalsubset.xml","patterns":[{"include":"#EntityDecl"},{"include":"#parameterEntity"},{"include":"#comments"}]},"parameterEntity":{"captures":{"1":{"name":"punctuation.definition.constant.xml"},"3":{"name":"punctuation.definition.constant.xml"}},"match":"(%)([:a-zA-Z_][:a-zA-Z0-9_.-]*)(;)","name":"constant.character.parameter-entity.xml"},"singlequotedString":{"begin":"'","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.xml"}},"end":"'","endCaptures":{"0":{"name":"punctuation.definition.string.end.xml"}},"name":"string.quoted.single.xml","patterns":[{"include":"#entity"},{"include":"#bare-ampersand"}]},"tagStuff":{"patterns":[{"captures":{"1":{"name":"entity.other.attribute-name.namespace.xml"},"2":{"name":"entity.other.attribute-name.xml"},"3":{"name":"punctuation.separator.namespace.xml"},"4":{"name":"entity.other.attribute-name.localname.xml"}},"match":"(?:^|\\\\s+)(?:([-\\\\w.]+)((:)))?([-\\\\w.:]+)\\\\s*="},{"include":"#doublequotedString"},{"include":"#singlequotedString"}]}},"scopeName":"text.xml","embeddedLangs":["java"]}`)),a=[...e,n];export{a as default};

package/dist/web/assets/xsl-Dd0NUgwM.js

@@ -0,0 +1 @@
+import e from"./xml-e3z08dGr.js";import"./java-xI-RfyKK.js";const n=Object.freeze(JSON.parse(`{"displayName":"XSL","name":"xsl","patterns":[{"begin":"(<)(xsl)((:))(template)","captures":{"1":{"name":"punctuation.definition.tag.xml"},"2":{"name":"entity.name.tag.namespace.xml"},"3":{"name":"entity.name.tag.xml"},"4":{"name":"punctuation.separator.namespace.xml"},"5":{"name":"entity.name.tag.localname.xml"}},"end":"(>)","name":"meta.tag.xml.template","patterns":[{"captures":{"1":{"name":"entity.other.attribute-name.namespace.xml"},"2":{"name":"entity.other.attribute-name.xml"},"3":{"name":"punctuation.separator.namespace.xml"},"4":{"name":"entity.other.attribute-name.localname.xml"}},"match":" (?:([-_a-zA-Z0-9]+)((:)))?([a-zA-Z-]+)"},{"include":"#doublequotedString"},{"include":"#singlequotedString"}]},{"include":"text.xml"}],"repository":{"doublequotedString":{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.xml"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.definition.string.end.xml"}},"name":"string.quoted.double.xml"},"singlequotedString":{"begin":"'","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.xml"}},"end":"'","endCaptures":{"0":{"name":"punctuation.definition.string.end.xml"}},"name":"string.quoted.single.xml"}},"scopeName":"text.xml.xsl","embeddedLangs":["xml"]}`)),m=[...e,n];export{m as default};

package/dist/web/assets/yaml-CVw76BM1.js

@@ -0,0 +1 @@
+const e=Object.freeze(JSON.parse(`{"displayName":"YAML","fileTypes":["yaml","yml","rviz","reek","clang-format","yaml-tmlanguage","syntax","sublime-syntax"],"firstLineMatch":"^%YAML( ?1.\\\\d+)?","name":"yaml","patterns":[{"include":"#comment"},{"include":"#property"},{"include":"#directive"},{"match":"^---","name":"entity.other.document.begin.yaml"},{"match":"^\\\\.{3}","name":"entity.other.document.end.yaml"},{"include":"#node"}],"repository":{"block-collection":{"patterns":[{"include":"#block-sequence"},{"include":"#block-mapping"}]},"block-mapping":{"patterns":[{"include":"#block-pair"}]},"block-node":{"patterns":[{"include":"#prototype"},{"include":"#block-scalar"},{"include":"#block-collection"},{"include":"#flow-scalar-plain-out"},{"include":"#flow-node"}]},"block-pair":{"patterns":[{"begin":"\\\\?","beginCaptures":{"1":{"name":"punctuation.definition.key-value.begin.yaml"}},"end":"(?=\\\\?)|^ *(:)|(:)","endCaptures":{"1":{"name":"punctuation.separator.key-value.mapping.yaml"},"2":{"name":"invalid.illegal.expected-newline.yaml"}},"name":"meta.block-mapping.yaml","patterns":[{"include":"#block-node"}]},{"begin":"(?=(?:[^\\\\s[-?:,\\\\[\\\\]{}#&*!|>'\\"%@\`]]|[?:-]\\\\S)([^\\\\s:]|:\\\\S|\\\\s+(?![#\\\\s]))*\\\\s*:(\\\\s|$))","end":"(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$))","patterns":[{"include":"#flow-scalar-plain-out-implicit-type"},{"begin":"[^\\\\s[-?:,\\\\[\\\\]{}#&*!|>'\\"%@\`]]|[?:-]\\\\S","beginCaptures":{"0":{"name":"entity.name.tag.yaml"}},"contentName":"entity.name.tag.yaml","end":"(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$))","name":"string.unquoted.plain.out.yaml"}]},{"match":":(?=\\\\s|$)","name":"punctuation.separator.key-value.mapping.yaml"}]},"block-scalar":{"begin":"(?:(\\\\|)|(>))([1-9])?([-+])?(.*\\\\n?)","beginCaptures":{"1":{"name":"keyword.control.flow.block-scalar.literal.yaml"},"2":{"name":"keyword.control.flow.block-scalar.folded.yaml"},"3":{"name":"constant.numeric.indentation-indicator.yaml"},"4":{"name":"storage.modifier.chomping-indicator.yaml"},"5":{"patterns":[{"include":"#comment"},{"match":".+","name":"invalid.illegal.expected-comment-or-newline.yaml"}]}},"end":"^(?=\\\\S)|(?!\\\\G)","patterns":[{"begin":"^([ ]+)(?! )","end":"^(?!\\\\1|\\\\s*$)","name":"string.unquoted.block.yaml"}]},"block-sequence":{"match":"(-)(?!\\\\S)","name":"punctuation.definition.block.sequence.item.yaml"},"comment":{"begin":"(?:(^[ \\\\t]*)|[ \\\\t]+)(?=#\\\\p{Print}*$)","beginCaptures":{"1":{"name":"punctuation.whitespace.comment.leading.yaml"}},"end":"(?!\\\\G)","patterns":[{"begin":"#","beginCaptures":{"0":{"name":"punctuation.definition.comment.yaml"}},"end":"\\\\n","name":"comment.line.number-sign.yaml"}]},"directive":{"begin":"^%","beginCaptures":{"0":{"name":"punctuation.definition.directive.begin.yaml"}},"end":"(?=$|[ \\\\t]+($|#))","name":"meta.directive.yaml","patterns":[{"captures":{"1":{"name":"keyword.other.directive.yaml.yaml"},"2":{"name":"constant.numeric.yaml-version.yaml"}},"match":"\\\\G(YAML)[ \\\\t]+(\\\\d+\\\\.\\\\d+)"},{"captures":{"1":{"name":"keyword.other.directive.tag.yaml"},"2":{"name":"storage.type.tag-handle.yaml"},"3":{"name":"support.type.tag-prefix.yaml"}},"match":"\\\\G(TAG)(?:[ \\\\t]+((?:!(?:[0-9A-Za-z\\\\-]*!)?))(?:[ \\\\t]+(!(?:%[0-9A-Fa-f]{2}|[0-9A-Za-z\\\\-#;/?:@&=+$,_.!~*'()\\\\[\\\\]])*|(?![,!\\\\[\\\\]{}])(?:%[0-9A-Fa-f]{2}|[0-9A-Za-z\\\\-#;/?:@&=+$,_.!~*'()\\\\[\\\\]])+))?)?"},{"captures":{"1":{"name":"support.other.directive.reserved.yaml"},"2":{"name":"string.unquoted.directive-name.yaml"},"3":{"name":"string.unquoted.directive-parameter.yaml"}},"match":"\\\\G(\\\\w+)(?:[ \\\\t]+(\\\\w+)(?:[ \\\\t]+(\\\\w+))?)?"},{"match":"\\\\S+","name":"invalid.illegal.unrecognized.yaml"}]},"flow-alias":{"captures":{"1":{"name":"keyword.control.flow.alias.yaml"},"2":{"name":"punctuation.definition.alias.yaml"},"3":{"name":"variable.other.alias.yaml"},"4":{"name":"invalid.illegal.character.anchor.yaml"}},"match":"((\\\\*))([^\\\\s\\\\[\\\\]/{/},]+)([^\\\\s\\\\]},]\\\\S*)?"},"flow-collection":{"patterns":[{"include":"#flow-sequence"},{"include":"#flow-mapping"}]},"flow-mapping":{"begin":"\\\\{","beginCaptures":{"0":{"name":"punctuation.definition.mapping.begin.yaml"}},"end":"\\\\}","endCaptures":{"0":{"name":"punctuation.definition.mapping.end.yaml"}},"name":"meta.flow-mapping.yaml","patterns":[{"include":"#prototype"},{"match":",","name":"punctuation.separator.mapping.yaml"},{"include":"#flow-pair"}]},"flow-node":{"patterns":[{"include":"#prototype"},{"include":"#flow-alias"},{"include":"#flow-collection"},{"include":"#flow-scalar"}]},"flow-pair":{"patterns":[{"begin":"\\\\?","beginCaptures":{"0":{"name":"punctuation.definition.key-value.begin.yaml"}},"end":"(?=[},\\\\]])","name":"meta.flow-pair.explicit.yaml","patterns":[{"include":"#prototype"},{"include":"#flow-pair"},{"include":"#flow-node"},{"begin":":(?=\\\\s|$|[\\\\[\\\\]{},])","beginCaptures":{"0":{"name":"punctuation.separator.key-value.mapping.yaml"}},"end":"(?=[},\\\\]])","patterns":[{"include":"#flow-value"}]}]},{"begin":"(?=(?:[^\\\\s[-?:,\\\\[\\\\]{}#&*!|>'\\"%@\`]]|[?:-][^\\\\s[\\\\[\\\\]{},]])([^\\\\s:[\\\\[\\\\]{},]]|:[^\\\\s[\\\\[\\\\]{},]]|\\\\s+(?![#\\\\s]))*\\\\s*:(\\\\s|$))","end":"(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$)|\\\\s*:[\\\\[\\\\]{},]|\\\\s*[\\\\[\\\\]{},])","name":"meta.flow-pair.key.yaml","patterns":[{"include":"#flow-scalar-plain-in-implicit-type"},{"begin":"[^\\\\s[-?:,\\\\[\\\\]{}#&*!|>'\\"%@\`]]|[?:-][^\\\\s[\\\\[\\\\]{},]]","beginCaptures":{"0":{"name":"entity.name.tag.yaml"}},"contentName":"entity.name.tag.yaml","end":"(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$)|\\\\s*:[\\\\[\\\\]{},]|\\\\s*[\\\\[\\\\]{},])","name":"string.unquoted.plain.in.yaml"}]},{"include":"#flow-node"},{"begin":":(?=\\\\s|$|[\\\\[\\\\]{},])","captures":{"0":{"name":"punctuation.separator.key-value.mapping.yaml"}},"end":"(?=[},\\\\]])","name":"meta.flow-pair.yaml","patterns":[{"include":"#flow-value"}]}]},"flow-scalar":{"patterns":[{"include":"#flow-scalar-double-quoted"},{"include":"#flow-scalar-single-quoted"},{"include":"#flow-scalar-plain-in"}]},"flow-scalar-double-quoted":{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.yaml"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.definition.string.end.yaml"}},"name":"string.quoted.double.yaml","patterns":[{"match":"\\\\\\\\([0abtnvfre \\"/\\\\\\\\N_Lp]|x\\\\d\\\\d|u\\\\d{4}|U\\\\d{8})","name":"constant.character.escape.yaml"},{"match":"\\\\\\\\\\\\n","name":"constant.character.escape.double-quoted.newline.yaml"}]},"flow-scalar-plain-in":{"patterns":[{"include":"#flow-scalar-plain-in-implicit-type"},{"begin":"[^\\\\s[-?:,\\\\[\\\\]{}#&*!|>'\\"%@\`]]|[?:-][^\\\\s[\\\\[\\\\]{},]]","end":"(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$)|\\\\s*:[\\\\[\\\\]{},]|\\\\s*[\\\\[\\\\]{},])","name":"string.unquoted.plain.in.yaml"}]},"flow-scalar-plain-in-implicit-type":{"patterns":[{"captures":{"1":{"name":"constant.language.null.yaml"},"2":{"name":"constant.language.boolean.yaml"},"3":{"name":"constant.numeric.integer.yaml"},"4":{"name":"constant.numeric.float.yaml"},"5":{"name":"constant.other.timestamp.yaml"},"6":{"name":"constant.language.value.yaml"},"7":{"name":"constant.language.merge.yaml"}},"match":"(?:(null|Null|NULL|~)|(y|Y|yes|Yes|YES|n|N|no|No|NO|true|True|TRUE|false|False|FALSE|on|On|ON|off|Off|OFF)|((?:[-+]?0b[0-1_]+|[-+]?0[0-7_]+|[-+]?(?:0|[1-9][0-9_]*)|[-+]?0x[0-9a-fA-F_]+|[-+]?[1-9][0-9_]*(?::[0-5]?[0-9])+))|((?:[-+]?(?:[0-9][0-9_]*)?\\\\.[0-9.]*(?:[eE][-+][0-9]+)?|[-+]?[0-9][0-9_]*(?::[0-5]?[0-9])+\\\\.[0-9_]*|[-+]?\\\\.(?:inf|Inf|INF)|\\\\.(?:nan|NaN|NAN)))|((?:\\\\d{4}-\\\\d{2}-\\\\d{2}|\\\\d{4}-\\\\d{1,2}-\\\\d{1,2}(?:[Tt]|[ \\\\t]+)\\\\d{1,2}:\\\\d{2}:\\\\d{2}(?:\\\\.\\\\d*)?(?:(?:[ \\\\t]*)Z|[-+]\\\\d{1,2}(?::\\\\d{1,2})?)?))|(=)|(<<))(?:(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$)|\\\\s*:[\\\\[\\\\]{},]|\\\\s*[\\\\[\\\\]{},]))"}]},"flow-scalar-plain-out":{"patterns":[{"include":"#flow-scalar-plain-out-implicit-type"},{"begin":"[^\\\\s[-?:,\\\\[\\\\]{}#&*!|>'\\"%@\`]]|[?:-]\\\\S","end":"(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$))","name":"string.unquoted.plain.out.yaml"}]},"flow-scalar-plain-out-implicit-type":{"patterns":[{"captures":{"1":{"name":"constant.language.null.yaml"},"2":{"name":"constant.language.boolean.yaml"},"3":{"name":"constant.numeric.integer.yaml"},"4":{"name":"constant.numeric.float.yaml"},"5":{"name":"constant.other.timestamp.yaml"},"6":{"name":"constant.language.value.yaml"},"7":{"name":"constant.language.merge.yaml"}},"match":"(?:(null|Null|NULL|~)|(y|Y|yes|Yes|YES|n|N|no|No|NO|true|True|TRUE|false|False|FALSE|on|On|ON|off|Off|OFF)|((?:[-+]?0b[0-1_]+|[-+]?0[0-7_]+|[-+]?(?:0|[1-9][0-9_]*)|[-+]?0x[0-9a-fA-F_]+|[-+]?[1-9][0-9_]*(?::[0-5]?[0-9])+))|((?:[-+]?(?:[0-9][0-9_]*)?\\\\.[0-9.]*(?:[eE][-+][0-9]+)?|[-+]?[0-9][0-9_]*(?::[0-5]?[0-9])+\\\\.[0-9_]*|[-+]?\\\\.(?:inf|Inf|INF)|\\\\.(?:nan|NaN|NAN)))|((?:\\\\d{4}-\\\\d{2}-\\\\d{2}|\\\\d{4}-\\\\d{1,2}-\\\\d{1,2}(?:[Tt]|[ \\\\t]+)\\\\d{1,2}:\\\\d{2}:\\\\d{2}(?:\\\\.\\\\d*)?(?:(?:[ \\\\t]*)Z|[-+]\\\\d{1,2}(?::\\\\d{1,2})?)?))|(=)|(<<))(?:(?=\\\\s*$|\\\\s+\\\\#|\\\\s*:(\\\\s|$)))"}]},"flow-scalar-single-quoted":{"begin":"'","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.yaml"}},"end":"'(?!')","endCaptures":{"0":{"name":"punctuation.definition.string.end.yaml"}},"name":"string.quoted.single.yaml","patterns":[{"match":"''","name":"constant.character.escape.single-quoted.yaml"}]},"flow-sequence":{"begin":"\\\\[","beginCaptures":{"0":{"name":"punctuation.definition.sequence.begin.yaml"}},"end":"\\\\]","endCaptures":{"0":{"name":"punctuation.definition.sequence.end.yaml"}},"name":"meta.flow-sequence.yaml","patterns":[{"include":"#prototype"},{"match":",","name":"punctuation.separator.sequence.yaml"},{"include":"#flow-pair"},{"include":"#flow-node"}]},"flow-value":{"patterns":[{"begin":"\\\\G(?![},\\\\]])","end":"(?=[},\\\\]])","name":"meta.flow-pair.value.yaml","patterns":[{"include":"#flow-node"}]}]},"node":{"patterns":[{"include":"#block-node"}]},"property":{"begin":"(?=!|&)","end":"(?!\\\\G)","name":"meta.property.yaml","patterns":[{"captures":{"1":{"name":"keyword.control.property.anchor.yaml"},"2":{"name":"punctuation.definition.anchor.yaml"},"3":{"name":"entity.name.type.anchor.yaml"},"4":{"name":"invalid.illegal.character.anchor.yaml"}},"match":"\\\\G((&))([^\\\\s\\\\[\\\\]/{/},]+)(\\\\S+)?"},{"match":"\\\\G(?:!<(?:%[0-9A-Fa-f]{2}|[0-9A-Za-z\\\\-#;/?:@&=+$,_.!~*'()\\\\[\\\\]])+>|(?:!(?:[0-9A-Za-z\\\\-]*!)?)(?:%[0-9A-Fa-f]{2}|[0-9A-Za-z\\\\-#;/?:@&=+$_.~*'()])+|!)(?=\\\\ |\\\\t|$)","name":"storage.type.tag-handle.yaml"},{"match":"\\\\S+","name":"invalid.illegal.tag-handle.yaml"}]},"prototype":{"patterns":[{"include":"#comment"},{"include":"#property"}]}},"scopeName":"source.yaml","aliases":["yml"]}`)),n=[e];export{n as default};

package/dist/web/assets/zenscript-HnGAYVZD.js

@@ -0,0 +1 @@
+const e=Object.freeze(JSON.parse(`{"displayName":"ZenScript","fileTypes":["zs"],"name":"zenscript","patterns":[{"comment":"numbers","match":"\\\\b((0(x|X)[0-9a-fA-F]*)|(([0-9]+\\\\.?[0-9]*)|(\\\\.[0-9]+))((e|E)(\\\\+|-)?[0-9]+)?)([LlFfUuDd]|UL|ul)?\\\\b","name":"constant.numeric.zenscript"},{"comment":"prefixedNumbers","match":"\\\\b\\\\-?(0b|0x|0o|0B|0X|0O)(0|[1-9a-fA-F][0-9a-fA-F_]*)[a-zA-Z_]*\\\\b","name":"constant.numeric.zenscript"},{"include":"#code"},{"comment":"arrays","match":"\\\\b((?:[a-z]\\\\w*\\\\.)*[A-Z]+\\\\w*)(?=\\\\[)","name":"storage.type.object.array.zenscript"}],"repository":{"brackets":{"patterns":[{"captures":{"1":{"name":"keyword.control.zenscript"},"2":{"name":"keyword.other.zenscript"},"3":{"name":"keyword.control.zenscript"},"4":{"name":"variable.other.zenscript"},"5":{"name":"keyword.control.zenscript"},"6":{"name":"constant.numeric.zenscript"},"7":{"name":"keyword.control.zenscript"}},"comment":"items and blocks","match":"(<)\\\\b(.*?)(:(.*?(:(\\\\*|\\\\d+)?)?)?)(>)","name":"keyword.other.zenscript"}]},"class":{"captures":{"1":{"name":"storage.type.zenscript"},"2":{"name":"entity.name.type.class.zenscript"}},"comment":"class","match":"(zenClass)\\\\s+(\\\\w+)","name":"meta.class.zenscript"},"code":{"patterns":[{"include":"#class"},{"include":"#functions"},{"include":"#dots"},{"include":"#quotes"},{"include":"#brackets"},{"include":"#comments"},{"include":"#var"},{"include":"#keywords"},{"include":"#constants"},{"include":"#operators"}]},"comments":{"patterns":[{"comment":"inline comments","match":"//[^\\n]*","name":"comment.line.double=slash"},{"begin":"\\\\/\\\\*","beginCaptures":{"0":{"name":"comment.block"}},"comment":"block comments","end":"\\\\*\\\\/","endCaptures":{"0":{"name":"comment.block"}},"name":"comment.block"}]},"dots":{"captures":{"1":{"name":"storage.type.zenscript"},"2":{"name":"keyword.control.zenscript"},"5":{"name":"keyword.control.zenscript"}},"comment":"dots","match":"\\\\b(\\\\w+)(\\\\.)(\\\\w+)((\\\\.)(\\\\w+))*","name":"plain.text.zenscript"},"functions":{"captures":{"0":{"name":"storage.type.function.zenscript"},"1":{"name":"entity.name.function.zenscript"}},"comment":"functions","match":"function\\\\s+([A-Za-z_$][\\\\w$]*)\\\\s*(?=\\\\()","name":"meta.function.zenscript"},"keywords":{"patterns":[{"comment":"statement keywords","match":"\\\\b(instanceof|get|implements|set|import|function|override|const|if|else|do|while|for|throw|panic|lock|try|catch|finally|return|break|continue|switch|case|default|in|is|as|match|throws|super|new)\\\\b","name":"keyword.control.zenscript"},{"comment":"storage keywords","match":"\\\\b(zenClass|zenConstructor|alias|class|interface|enum|struct|expand|variant|set|void|bool|byte|sbyte|short|ushort|int|uint|long|ulong|usize|float|double|char|string)\\\\b","name":"storage.type.zenscript"},{"comment":"modifier keywords","match":"\\\\b(variant|abstract|final|private|public|export|internal|static|protected|implicit|virtual|extern|immutable)\\\\b","name":"storage.modifier.zenscript"},{"comment":"annotation keywords","match":"\\\\b(Native|Precondition)\\\\b","name":"entity.other.attribute-name"},{"comment":"language keywords","match":"\\\\b(null|true|false)\\\\b","name":"constant.language"}]},"operators":{"patterns":[{"comment":"math operators","match":"\\\\b(\\\\.|\\\\.\\\\.|\\\\.\\\\.\\\\.|,|\\\\+|\\\\+=|\\\\+\\\\+|-|-=|--|~|~=|\\\\*|\\\\*=|/|/=|%|%=|\\\\||\\\\|=|\\\\|\\\\||&|&=|&&|\\\\^|\\\\^=|\\\\?|\\\\?\\\\.|\\\\?\\\\?|<|<=|<<|<<=|>|>=|>>|>>=|>>>|>>>=|=>|=|==|===|!|!=|!==|\\\\$|\`)\\\\b","name":"keyword.control"},{"comment":"colons","match":"\\\\b(;|:)\\\\b","name":"keyword.control"}]},"quotes":{"patterns":[{"begin":"\\"","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.zenscript"}},"end":"\\"","endCaptures":{"0":{"name":"punctuation.definition.string.end.zenscript"}},"name":"string.quoted.double.zenscript","patterns":[{"match":"\\\\\\\\.","name":"constant.character.escape.zenscript"}]},{"begin":"'","beginCaptures":{"0":{"name":"punctuation.definition.string.begin.zenscript"}},"end":"'","endCaptures":{"0":{"name":"punctuation.definition.string.end.zenscript"}},"name":"string.quoted.single.zenscript","patterns":[{"match":"\\\\\\\\.","name":"constant.character.escape.zenscript"}]}]},"var":{"comment":"var","match":"\\\\b(val|var)\\\\b","name":"storage.type"}},"scopeName":"source.zenscript"}`)),t=[e];export{t as default};

package/dist/web/assets/zig-BVz_zdnA.js

@@ -0,0 +1 @@
+const e=Object.freeze(JSON.parse(`{"displayName":"Zig","fileTypes":["zig","zon"],"name":"zig","patterns":[{"include":"#comments"},{"include":"#strings"},{"include":"#keywords"},{"include":"#operators"},{"include":"#punctuation"},{"include":"#numbers"},{"include":"#support"},{"include":"#variables"}],"repository":{"commentContents":{"patterns":[{"match":"\\\\b(TODO|FIXME|XXX|NOTE)\\\\b:?","name":"keyword.todo.zig"}]},"comments":{"patterns":[{"begin":"//[!/](?=[^/])","end":"$","name":"comment.line.documentation.zig","patterns":[{"include":"#commentContents"}]},{"begin":"//","end":"$","name":"comment.line.double-slash.zig","patterns":[{"include":"#commentContents"}]}]},"keywords":{"patterns":[{"match":"\\\\binline\\\\b(?!\\\\s*\\\\bfn\\\\b)","name":"keyword.control.repeat.zig"},{"match":"\\\\b(while|for)\\\\b","name":"keyword.control.repeat.zig"},{"match":"\\\\b(extern|packed|export|pub|noalias|inline|comptime|volatile|align|linksection|threadlocal|allowzero|noinline|callconv)\\\\b","name":"keyword.storage.zig"},{"match":"\\\\b(struct|enum|union|opaque)\\\\b","name":"keyword.structure.zig"},{"match":"\\\\b(asm|unreachable)\\\\b","name":"keyword.statement.zig"},{"match":"\\\\b(break|return|continue|defer|errdefer)\\\\b","name":"keyword.control.flow.zig"},{"match":"\\\\b(await|resume|suspend|async|nosuspend)\\\\b","name":"keyword.control.async.zig"},{"match":"\\\\b(try|catch)\\\\b","name":"keyword.control.trycatch.zig"},{"match":"\\\\b(if|else|switch|orelse)\\\\b","name":"keyword.control.conditional.zig"},{"match":"\\\\b(null|undefined)\\\\b","name":"keyword.constant.default.zig"},{"match":"\\\\b(true|false)\\\\b","name":"keyword.constant.bool.zig"},{"match":"\\\\b(usingnamespace|test|and|or)\\\\b","name":"keyword.default.zig"},{"match":"\\\\b(bool|void|noreturn|type|error|anyerror|anyframe|anytype|anyopaque)\\\\b","name":"keyword.type.zig"},{"match":"\\\\b(f16|f32|f64|f80|f128|u\\\\d+|i\\\\d+|isize|usize|comptime_int|comptime_float)\\\\b","name":"keyword.type.integer.zig"},{"match":"\\\\b(c_char|c_short|c_ushort|c_int|c_uint|c_long|c_ulong|c_longlong|c_ulonglong|c_longdouble)\\\\b","name":"keyword.type.c.zig"}]},"numbers":{"patterns":[{"match":"\\\\b0x[0-9a-fA-F][0-9a-fA-F_]*(\\\\.[0-9a-fA-F][0-9a-fA-F_]*)?([pP][+-]?[0-9a-fA-F_]+)?\\\\b","name":"constant.numeric.hexfloat.zig"},{"match":"\\\\b[0-9][0-9_]*(\\\\.[0-9][0-9_]*)?([eE][+-]?[0-9_]+)?\\\\b","name":"constant.numeric.float.zig"},{"match":"\\\\b[0-9][0-9_]*\\\\b","name":"constant.numeric.decimal.zig"},{"match":"\\\\b0x[a-fA-F0-9_]+\\\\b","name":"constant.numeric.hexadecimal.zig"},{"match":"\\\\b0o[0-7_]+\\\\b","name":"constant.numeric.octal.zig"},{"match":"\\\\b0b[01_]+\\\\b","name":"constant.numeric.binary.zig"},{"match":"\\\\b[0-9](([eEpP][+-])|[0-9a-zA-Z_])*(\\\\.(([eEpP][+-])|[0-9a-zA-Z_])*)?([eEpP][+-])?[0-9a-zA-Z_]*\\\\b","name":"constant.numeric.invalid.zig"}]},"operators":{"patterns":[{"match":"(?<=\\\\[)\\\\*c(?=\\\\])","name":"keyword.operator.c-pointer.zig"},{"match":"(\\\\b(and|or)\\\\b)|(==|!=|<=|>=|<|>)","name":"keyword.operator.comparison.zig"},{"match":"(-%?|\\\\+%?|\\\\*%?|/|%)=?","name":"keyword.operator.arithmetic.zig"},{"match":"(<<%?|>>|!|~|&|\\\\^|\\\\|)=?","name":"keyword.operator.bitwise.zig"},{"match":"(==|\\\\+\\\\+|\\\\*\\\\*|->)","name":"keyword.operator.special.zig"},{"match":"=","name":"keyword.operator.assignment.zig"},{"match":"\\\\?","name":"keyword.operator.question.zig"}]},"punctuation":{"patterns":[{"match":"\\\\.","name":"punctuation.accessor.zig"},{"match":",","name":"punctuation.comma.zig"},{"match":":","name":"punctuation.separator.key-value.zig"},{"match":";","name":"punctuation.terminator.statement.zig"}]},"stringcontent":{"patterns":[{"match":"\\\\\\\\([nrt'\\"\\\\\\\\]|(x[0-9a-fA-F]{2})|(u\\\\{[0-9a-fA-F]+\\\\}))","name":"constant.character.escape.zig"},{"match":"\\\\\\\\.","name":"invalid.illegal.unrecognized-string-escape.zig"}]},"strings":{"patterns":[{"begin":"\\"","end":"\\"","name":"string.quoted.double.zig","patterns":[{"include":"#stringcontent"}]},{"begin":"\\\\\\\\\\\\\\\\","end":"$","name":"string.multiline.zig"},{"match":"'([^'\\\\\\\\]|\\\\\\\\(x\\\\h{2}|[0-2][0-7]{,2}|3[0-6][0-7]?|37[0-7]?|[4-7][0-7]?|.))'","name":"string.quoted.single.zig"}]},"support":{"patterns":[{"comment":"Built-in functions","match":"@[_a-zA-Z][_a-zA-Z0-9]*","name":"support.function.builtin.zig"}]},"variables":{"patterns":[{"name":"meta.function.declaration.zig","patterns":[{"captures":{"1":{"name":"storage.type.function.zig"},"2":{"name":"entity.name.type.zig"}},"match":"\\\\b(fn)\\\\s+([A-Z][a-zA-Z0-9]*)\\\\b"},{"captures":{"1":{"name":"storage.type.function.zig"},"2":{"name":"entity.name.function.zig"}},"match":"\\\\b(fn)\\\\s+([_a-zA-Z][_a-zA-Z0-9]*)\\\\b"},{"begin":"\\\\b(fn)\\\\s+@\\"","beginCaptures":{"1":{"name":"storage.type.function.zig"}},"end":"\\"","name":"entity.name.function.string.zig","patterns":[{"include":"#stringcontent"}]},{"match":"\\\\b(const|var|fn)\\\\b","name":"keyword.default.zig"}]},{"name":"meta.function.call.zig","patterns":[{"match":"([A-Z][a-zA-Z0-9]*)(?=\\\\s*\\\\()","name":"entity.name.type.zig"},{"match":"([_a-zA-Z][_a-zA-Z0-9]*)(?=\\\\s*\\\\()","name":"entity.name.function.zig"}]},{"name":"meta.variable.zig","patterns":[{"match":"\\\\b[_a-zA-Z][_a-zA-Z0-9]*\\\\b","name":"variable.zig"},{"begin":"@\\"","end":"\\"","name":"variable.string.zig","patterns":[{"include":"#stringcontent"}]}]}]}},"scopeName":"source.zig"}`)),n=[e];export{n as default};

package/dist/web/index.html

@@ -8,8 +8,8 @@
     <meta name="theme-color" content="#09090b" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <title>SeeFlow Studio</title>
-    <script type="module" crossorigin src="/assets/index-BAEA18IR.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CwfFCUzZ.css">
+    <script type="module" crossorigin src="/assets/index-Dp4QwEl0.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CeLShda7.css">
   </head>
   <body>
     <div id="root"></div>

package/examples/component-showcase/README.md

@@ -0,0 +1,29 @@
+# Component Showcase — SeeFlow Example
+
+Four `component`-type nodes that exercise the json-render-powered runtime end-to-end. Each node's UI is defined in `nodes/<id>/spec.json` (a catalog of Card / Heading / Metric / Button / Input / Select / Chart / Tabs / Table / Markdown / … elements) and `flow.json` carries only the `type: "component"` tag.
+
+## Run
+
+```bash
+seeflow start
+```
+
+SeeFlow seeds this example on first launch alongside `order-pipeline` and `ecommerce-platform`. Open the studio at `http://localhost:4321` and click the **Component Showcase** flow.
+
+## What each node demonstrates
+
+| Node       | Catalog elements                                | Action kind          | What to try                                                                                       |
+| ---------- | ----------------------------------------------- | -------------------- | ------------------------------------------------------------------------------------------------- |
+| **Counter** | Card, Heading, Text, Metric, Button             | `set`                | Click **Set to 10** or **Reset** — the Metric flips immediately via a pure client-side state write. |
+| **Random Stats** | Card, Heading, Label, Metric × 2, Progress × 2, Button, Markdown | `script`             | Click **Refresh** — the studio spawns `nodes/fetcher/actions/refresh.ts`, the script writes a JSON patch to stdout, and the runtime merges it into state. The Metric values, Progress bars, and Markdown notes all re-render with the new sample. |
+| **Form Demo** | Card, Heading, Text, Label, Input, Select, Table, Button | `set` with `$param` | Type in the Name input or change the Tier select — each `onChange` dispatches a set action that reads the new value from the event payload (`{ "$param": "value" }`). |
+| **Chart & Tabs** | Card, Heading, Text, Tabs, Metric, Chart | `set` with `$param` | Click between **Revenue / Users / Orders** — Tabs writes the active id to `/tab`, the Metric below reads it back via `$state`, and a recharts-lazy bar Chart renders three series across six months of static data. |
+
+## Patterns to learn from
+
+- **`$state`** references in props (e.g. `{ "$state": "/count" }`) — resolved at render time.
+- **`$action`** references on event handlers (e.g. `onClick: { "$action": "reset" }`) — resolved to a callable that dispatches by name.
+- **`$param`** references inside a `set` action's `value` (e.g. `{ "$param": "value" }`) — pull a field out of the event payload at dispatch time.
+- **Script actions** under `nodes/<id>/actions/<name>.ts` — JSON in via stdin, JSON out via stdout, keys are JSON Pointers that merge into state.
+
+See `docs/plans/2026-05-23-component-node-design.md` for the full design rationale.

package/examples/component-showcase/flow.json

@@ -0,0 +1,40 @@
+{
+  "version": 2,
+  "name": "Component Showcase",
+  "description": "Three component nodes demonstrating json-render-powered reactive UIs on the canvas: client-side state with set actions, server-side state with script actions, and a form with live $state binding plus a Table.",
+  "nodes": [
+    {
+      "id": "counter",
+      "type": "component",
+      "data": {
+        "name": "Counter",
+        "description": "Card + Metric + Buttons driven by set-kind actions."
+      }
+    },
+    {
+      "id": "fetcher",
+      "type": "component",
+      "data": {
+        "name": "Random Stats",
+        "description": "Card + Metric + Progress + Markdown updated by a script-kind action."
+      }
+    },
+    {
+      "id": "form",
+      "type": "component",
+      "data": {
+        "name": "Form Demo",
+        "description": "Card + Input + Select + Table — live $state binding via set with $param."
+      }
+    },
+    {
+      "id": "chart",
+      "type": "component",
+      "data": {
+        "name": "Chart & Tabs",
+        "description": "Card + Tabs + Metric + multi-series bar Chart — value/onChange binding plus a recharts-lazy Chart."
+      }
+    }
+  ],
+  "connectors": []
+}

package/examples/component-showcase/nodes/chart/spec.json

@@ -0,0 +1,66 @@
+{
+  "root": "card",
+  "state": {
+    "/tab": "revenue",
+    "/chartData": [
+      { "month": "Jan", "revenue": 4200, "users": 120, "orders": 38 },
+      { "month": "Feb", "revenue": 5100, "users": 145, "orders": 47 },
+      { "month": "Mar", "revenue": 4800, "users": 160, "orders": 52 },
+      { "month": "Apr", "revenue": 6200, "users": 180, "orders": 61 },
+      { "month": "May", "revenue": 7100, "users": 205, "orders": 74 },
+      { "month": "Jun", "revenue": 6800, "users": 230, "orders": 81 }
+    ]
+  },
+  "elements": {
+    "card": {
+      "type": "Card",
+      "props": { "title": "Chart & Tabs" },
+      "children": ["heading", "intro", "tabs", "current", "chart"]
+    },
+    "heading": {
+      "type": "Heading",
+      "props": { "level": 3, "text": "Tabs binding + multi-series Chart" }
+    },
+    "intro": {
+      "type": "Text",
+      "props": {
+        "text": "The Tabs control writes the active id to /tab via a set action; the Metric below reads it back from state to prove the loop is closed. The Chart renders a static six-month dataset with three series.",
+        "muted": true
+      }
+    },
+    "tabs": {
+      "type": "Tabs",
+      "props": {
+        "value": { "$state": "/tab" },
+        "items": [
+          { "id": "revenue", "label": "Revenue" },
+          { "id": "users", "label": "Users" },
+          { "id": "orders", "label": "Orders" }
+        ],
+        "onChange": { "$action": "setTab" }
+      }
+    },
+    "current": {
+      "type": "Metric",
+      "props": { "label": "Active tab", "value": { "$state": "/tab" } }
+    },
+    "chart": {
+      "type": "Chart",
+      "props": {
+        "kind": "bar",
+        "data": { "$state": "/chartData" },
+        "xKey": "month",
+        "series": [
+          { "key": "revenue", "label": "Revenue" },
+          { "key": "users", "label": "Users" },
+          { "key": "orders", "label": "Orders" }
+        ],
+        "width": 480,
+        "height": 260
+      }
+    }
+  },
+  "actions": {
+    "setTab": { "kind": "set", "path": "/tab", "value": { "$param": "value" } }
+  }
+}

package/examples/component-showcase/nodes/counter/spec.json

@@ -0,0 +1,57 @@
+{
+  "root": "card",
+  "state": {
+    "/count": 0
+  },
+  "elements": {
+    "card": {
+      "type": "Card",
+      "props": { "title": "Counter" },
+      "children": ["heading", "intro", "metric", "setTen", "reset", "footer"]
+    },
+    "heading": {
+      "type": "Heading",
+      "props": { "level": 3, "text": "Set-kind actions" }
+    },
+    "intro": {
+      "type": "Text",
+      "props": {
+        "text": "Both buttons dispatch a set-kind action. State updates happen entirely in the browser — no script spawns.",
+        "muted": true
+      }
+    },
+    "metric": {
+      "type": "Metric",
+      "props": {
+        "label": "Count",
+        "value": { "$state": "/count" }
+      }
+    },
+    "setTen": {
+      "type": "Button",
+      "props": {
+        "label": "Set to 10",
+        "onClick": { "$action": "setTen" }
+      }
+    },
+    "reset": {
+      "type": "Button",
+      "props": {
+        "label": "Reset",
+        "variant": "secondary",
+        "onClick": { "$action": "reset" }
+      }
+    },
+    "footer": {
+      "type": "Text",
+      "props": {
+        "text": "Each click triggers an immediate, in-memory state write. No fetch round-trip required.",
+        "muted": true
+      }
+    }
+  },
+  "actions": {
+    "setTen": { "kind": "set", "path": "/count", "value": 10 },
+    "reset": { "kind": "set", "path": "/count", "value": 0 }
+  }
+}

package/examples/component-showcase/nodes/fetcher/actions/refresh.ts

@@ -0,0 +1,35 @@
+// Component action for the showcase "Random Stats" node. The studio's
+// runComponentAction (apps/studio/src/component-action-runner.ts) spawns
+// this file with `bun`, pipes the click payload to stdin, and merges the
+// JSON object on stdout into the canvas runtime's state (keys are JSON
+// Pointers — see ComponentRuntime in packages/canvas/src/nodes/).
+//
+// `export {}` makes the file a module so top-level await typechecks.
+
+export {};
+
+await Bun.stdin.text();
+
+function randInt(min: number, max: number): number {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+const cpu = randInt(15, 95);
+const memory = randInt(40, 90);
+
+const notes = [
+  `_Sampled at ${new Date().toLocaleTimeString()}_`,
+  '',
+  `- **CPU**: ${cpu}%`,
+  `- **Memory**: ${memory}%`,
+  '',
+  'Click Refresh again to fetch a new sample.',
+].join('\n');
+
+process.stdout.write(
+  JSON.stringify({
+    '/cpu': cpu,
+    '/memory': memory,
+    '/notes': notes,
+  }),
+);

package/examples/component-showcase/nodes/fetcher/spec.json

@@ -0,0 +1,68 @@
+{
+  "root": "card",
+  "state": {
+    "/cpu": 0,
+    "/memory": 0,
+    "/notes": "_Click **Refresh** to fetch random stats. The script writes a JSON patch and the runtime merges it into state._"
+  },
+  "elements": {
+    "card": {
+      "type": "Card",
+      "props": { "title": "Random Stats" },
+      "children": [
+        "heading",
+        "cpuLabel",
+        "metricCpu",
+        "cpuProgress",
+        "memLabel",
+        "metricMem",
+        "memProgress",
+        "refresh",
+        "notes"
+      ]
+    },
+    "heading": {
+      "type": "Heading",
+      "props": { "level": 3, "text": "Script-kind action" }
+    },
+    "cpuLabel": {
+      "type": "Label",
+      "props": { "text": "CPU" }
+    },
+    "metricCpu": {
+      "type": "Metric",
+      "props": { "label": "Load", "value": { "$state": "/cpu" } }
+    },
+    "cpuProgress": {
+      "type": "Progress",
+      "props": { "value": { "$state": "/cpu" } }
+    },
+    "memLabel": {
+      "type": "Label",
+      "props": { "text": "Memory" }
+    },
+    "metricMem": {
+      "type": "Metric",
+      "props": { "label": "Used", "value": { "$state": "/memory" } }
+    },
+    "memProgress": {
+      "type": "Progress",
+      "props": { "value": { "$state": "/memory" } }
+    },
+    "refresh": {
+      "type": "Button",
+      "props": { "label": "Refresh", "onClick": { "$action": "refresh" } }
+    },
+    "notes": {
+      "type": "Markdown",
+      "props": { "content": { "$state": "/notes" } }
+    }
+  },
+  "actions": {
+    "refresh": {
+      "kind": "script",
+      "interpreter": "bun",
+      "scriptPath": "actions/refresh.ts"
+    }
+  }
+}

package/examples/component-showcase/nodes/form/spec.json

@@ -0,0 +1,87 @@
+{
+  "root": "card",
+  "state": {
+    "/name": "",
+    "/tier": "free",
+    "/users": [
+      { "name": "Ada", "tier": "pro" },
+      { "name": "Linus", "tier": "free" },
+      { "name": "Grace", "tier": "team" }
+    ]
+  },
+  "elements": {
+    "card": {
+      "type": "Card",
+      "props": { "title": "Form Demo" },
+      "children": [
+        "heading",
+        "intro",
+        "nameLabel",
+        "nameInput",
+        "tierLabel",
+        "tierSelect",
+        "table",
+        "clear"
+      ]
+    },
+    "heading": {
+      "type": "Heading",
+      "props": { "level": 3, "text": "$state + $param binding" }
+    },
+    "intro": {
+      "type": "Text",
+      "props": {
+        "text": "Each control writes back to state via a set-kind action that pulls the new value from the event payload ($param).",
+        "muted": true
+      }
+    },
+    "nameLabel": {
+      "type": "Label",
+      "props": { "text": "Name" }
+    },
+    "nameInput": {
+      "type": "Input",
+      "props": {
+        "placeholder": "Type a name…",
+        "value": { "$state": "/name" },
+        "onChange": { "$action": "setName" }
+      }
+    },
+    "tierLabel": {
+      "type": "Label",
+      "props": { "text": "Tier" }
+    },
+    "tierSelect": {
+      "type": "Select",
+      "props": {
+        "value": { "$state": "/tier" },
+        "items": [
+          { "value": "free", "label": "Free" },
+          { "value": "pro", "label": "Pro" },
+          { "value": "team", "label": "Team" }
+        ],
+        "onChange": { "$action": "setTier" }
+      }
+    },
+    "table": {
+      "type": "Table",
+      "props": {
+        "columns": [{ "key": "name", "label": "Name" }, { "key": "tier", "label": "Tier" }],
+        "rows": { "$state": "/users" }
+      }
+    },
+    "clear": {
+      "type": "Button",
+      "props": {
+        "label": "Clear name",
+        "variant": "secondary",
+        "onClick": { "$action": "clearName" }
+      }
+    }
+  },
+  "actions": {
+    "setName": { "kind": "set", "path": "/name", "value": { "$param": "value" } },
+    "setTier": { "kind": "set", "path": "/tier", "value": { "$param": "value" } },
+    "clearName": { "kind": "set", "path": "/name", "value": "" }
+  }
+}

package/examples/component-showcase/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "component-showcase",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module"
+}

package/examples/component-showcase/style.json

@@ -0,0 +1,28 @@
+{
+  "nodes": {
+    "counter": {
+      "position": { "x": -460, "y": 0 },
+      "width": 340,
+      "height": 300,
+      "borderColor": "green",
+      "borderSize": 1,
+      "fontSize": 14
+    },
+    "fetcher": {
+      "position": { "x": -60, "y": 0 },
+      "width": 380,
+      "height": 460,
+      "borderColor": "green",
+      "borderSize": 1,
+      "fontSize": 14
+    },
+    "form": {
+      "position": { "x": 380, "y": 0 },
+      "width": 360,
+      "height": 460,
+      "borderColor": "green",
+      "borderSize": 1,
+      "fontSize": 14
+    }
+  }
+}