@fatdoge/wtree 0.2.1 → 0.3.0

package/dist/assets/xml-sdJ4AIDG.js

@@ -0,0 +1 @@
+import e from"./java-CylS5w8V.js";const n=Object.freeze(JSON.parse(`{"displayName":"XML","name":"xml","patterns":[{"begin":"(<\\\\?)\\\\s*([-0-9A-Z_a-z]+)","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-Z_a-z][-.0-:A-Z_a-z]*)","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":"(<)((?:([-0-9A-Z_a-z]+)(:))?([-0-:A-Z_a-z]+))(?=(\\\\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":"(>)(</)((?:([-0-9A-Z_a-z]+)(:))?([-0-:A-Z_a-z]+))(>)","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-Z_a-z][-.0-:A-Z_a-z]*)(\\\\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-Z_a-z][-.0-:A-Z_a-z]*|#[0-9]+|#x\\\\h+)(;)","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-Z_a-z][-.0-:A-Z_a-z]*)(;)","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/assets/xsl-CtQFsRM5.js

@@ -0,0 +1 @@
+import e from"./xml-sdJ4AIDG.js";import"./java-CylS5w8V.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":" (?:([-0-9A-Z_a-z]+)((:)))?([-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/assets/yaml-Buea-lGh.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 ]+(!(?:%\\\\h{2}|[]!#$\\\\&-;=?-\\\\[_a-z~])*|(?![]!,\\\\[{}])(?:%\\\\h{2}|[]!#$\\\\&-;=?-\\\\[_a-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":"\\\\\\\\([ \\"/0LN\\\\\\\\_abefnprtv]|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|~)|([Yy]|yes|Yes|YES|[Nn]|no|No|NO|true|True|TRUE|false|False|FALSE|on|On|ON|off|Off|OFF)|([-+]?0b[01_]+|[-+]?0[0-7_]+|[-+]?(?:0|[1-9][0-9_]*)|[-+]?0x[_\\\\h]+|[-+]?[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|~)|([Yy]|yes|Yes|YES|[Nn]|no|No|NO|true|True|TRUE|false|False|FALSE|on|On|ON|off|Off|OFF)|([-+]?0b[01_]+|[-+]?0[0-7_]+|[-+]?(?:0|[1-9][0-9_]*)|[-+]?0x[_\\\\h]+|[-+]?[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!(?:<(?:%\\\\h{2}|[]!#$\\\\&-;=?-\\\\[_a-z~])+>|(?:[-0-9A-Za-z]*!)?(?:%\\\\h{2}|[#$\\\\&-+\\\\--;=?-Z_a-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/assets/zenscript-DVFEvuxE.js

@@ -0,0 +1 @@
+const e=Object.freeze(JSON.parse(`{"displayName":"ZenScript","fileTypes":["zs"],"name":"zenscript","patterns":[{"match":"\\\\b((0([Xx])\\\\h*)|(([0-9]+\\\\.?[0-9]*)|(\\\\.[0-9]+))(([Ee])([-+])?[0-9]+)?)([DFLUdflu]|UL|ul)?\\\\b","name":"constant.numeric.zenscript"},{"match":"\\\\b-?(0[BOXbox])(0|[1-9A-Fa-f][_\\\\h]*)[A-Z_a-z]*\\\\b","name":"constant.numeric.zenscript"},{"include":"#code"},{"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"}},"match":"(<)\\\\b(.*?)(:(.*?(:(\\\\*|\\\\d+)?)?)?)(>)","name":"keyword.other.zenscript"}]},"class":{"captures":{"1":{"name":"storage.type.zenscript"},"2":{"name":"entity.name.type.class.zenscript"}},"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":[{"match":"//[^\\\\n]*","name":"comment.line.double=slash"},{"begin":"/\\\\*","beginCaptures":{"0":{"name":"comment.block"}},"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"}},"match":"\\\\b(\\\\w+)(\\\\.)(\\\\w+)((\\\\.)(\\\\w+))*","name":"plain.text.zenscript"},"functions":{"captures":{"0":{"name":"storage.type.function.zenscript"},"1":{"name":"entity.name.function.zenscript"}},"match":"function\\\\s+([$A-Z_a-z][$\\\\w]*)\\\\s*(?=\\\\()","name":"meta.function.zenscript"},"keywords":{"patterns":[{"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"},{"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"},{"match":"\\\\b(variant|abstract|final|private|public|export|internal|static|protected|implicit|virtual|extern|immutable)\\\\b","name":"storage.modifier.zenscript"},{"match":"\\\\b(Native|Precondition)\\\\b","name":"entity.other.attribute-name"},{"match":"\\\\b(null|true|false)\\\\b","name":"constant.language"}]},"operators":{"patterns":[{"match":"\\\\b(\\\\.\\\\.??|\\\\.\\\\.\\\\.|[+,]|\\\\+=|\\\\+\\\\+|-=??|--|~=??|\\\\*=??|/=??|%=??|\\\\|=??|\\\\|\\\\||&=??|&&|\\\\^=??|\\\\?\\\\.??|\\\\?\\\\?|<=??|<<=??|>=??|>>=??|>>>=??|=>?|===??|!=??|!==|[$\`])\\\\b","name":"keyword.control"},{"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":{"match":"\\\\b(va[lr])\\\\b","name":"storage.type"}},"scopeName":"source.zenscript"}`)),t=[e];export{t as default};

package/dist/assets/zig-VOosw3JB.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(resume|suspend|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(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|short|ushort|int|uint|long|ulong|longlong|ulonglong|longdouble))\\\\b","name":"keyword.type.c.zig"}]},"numbers":{"patterns":[{"match":"\\\\b0x\\\\h[_\\\\h]*(\\\\.\\\\h[_\\\\h]*)?([Pp][-+]?[_\\\\h]+)?\\\\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[_\\\\h]+\\\\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](([EPep][-+])|[0-9A-Z_a-z])*(\\\\.(([EPep][-+])|[0-9A-Z_a-z])*)?([EPep][-+])?[0-9A-Z_a-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\\\\h{2})|(u\\\\{\\\\h+}))","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}|[012][0-7]{0,2}|3[0-6][0-7]?|37[0-7]?|[4-7][0-7]?|.))'","name":"string.quoted.single.zig"}]},"support":{"patterns":[{"match":"@[A-Z_a-z][0-9A-Z_a-z]*","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][0-9A-Za-z]*)\\\\b"},{"captures":{"1":{"name":"storage.type.function.zig"},"2":{"name":"entity.name.function.zig"}},"match":"\\\\b(fn)\\\\s+([A-Z_a-z][0-9A-Z_a-z]*)\\\\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][0-9A-Za-z]*)(?=\\\\s*\\\\()","name":"entity.name.type.zig"},{"match":"([A-Z_a-z][0-9A-Z_a-z]*)(?=\\\\s*\\\\()","name":"entity.name.function.zig"}]},{"name":"meta.variable.zig","patterns":[{"match":"\\\\b[A-Z_a-z][0-9A-Z_a-z]*\\\\b","name":"variable.zig"},{"begin":"@\\"","end":"\\"","name":"variable.string.zig","patterns":[{"include":"#stringcontent"}]}]}]}},"scopeName":"source.zig"}`)),n=[e];export{n as default};

package/dist/index.html

@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>TreeLab - Git Worktree Manager</title>
-    <script type="module" crossorigin src="/assets/index-C78PMV-C.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CR9jga1C.css">
+    <script type="module" crossorigin src="/assets/index-sP_n0D3A.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-bLnnvz_q.css">
   </head>
   <body>
     <div id="root"></div>

package/dist-node/api/routes/worktrees.js

@@ -1,6 +1,6 @@
 import express from 'express';
 import path from 'node:path';
-import { getGitDirAbsolute } from '../core/git.js';
+import { getGitDirAbsolute, git } from '../core/git.js';
 import { listWorktrees } from '../core/worktree.js';
 import { gitOrThrow } from '../core/git.js';
 import { pathFromId } from '../core/id.js';
@@ -159,6 +159,45 @@ export function createWorktreeRouter(getRepoRoot) {
             });
         }
     });
+    router.get('/worktrees/:id/staged', (req, res) => {
+        try {
+            const wtPath = pathFromId(req.params.id);
+            const parseNameStatus = (stdout) => stdout
+                .split('\n')
+                .map((line) => line.trim())
+                .filter(Boolean)
+                .map((line) => {
+                const tab = line.indexOf('\t');
+                if (tab === -1)
+                    return { status: '?', path: line };
+                return { status: line.slice(0, tab).trim(), path: line.slice(tab + 1).trim() };
+            });
+            const stagedStatus = git(wtPath, ['diff', '--cached', '--name-status']);
+            const stagedFiles = stagedStatus.ok ? parseNameStatus(stagedStatus.stdout) : [];
+            const stagedDiffResult = git(wtPath, ['diff', '--cached']);
+            const stagedDiff = stagedDiffResult.ok ? stagedDiffResult.stdout : '';
+            const unstagedStatus = git(wtPath, ['diff', '--name-status']);
+            const unstagedFiles = unstagedStatus.ok ? parseNameStatus(unstagedStatus.stdout) : [];
+            const unstagedDiffResult = git(wtPath, ['diff']);
+            const unstagedDiff = unstagedDiffResult.ok ? unstagedDiffResult.stdout : '';
+            const graphResult = git(wtPath, ['log', '--graph', '--abbrev-commit', '--format=%h %s (%an, %ar)', '-20']);
+            const commitGraph = graphResult.ok ? graphResult.stdout : '';
+            res.json({
+                ok: true,
+                data: {
+                    staged: { files: stagedFiles, diff: stagedDiff },
+                    unstaged: { files: unstagedFiles, diff: unstagedDiff },
+                    commitGraph,
+                },
+            });
+        }
+        catch (e) {
+            res.status(500).json({
+                ok: false,
+                error: { code: 'DIFF_FAILED', message: errMsg(e) || 'Failed to get diff' },
+            });
+        }
+    });
     router.post('/worktrees/prune', (req, res) => {
         try {
             const root = getRepoRoot();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fatdoge/wtree",
   "private": false,
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "CLI + UI tool for managing git worktrees",
   "keywords": [
     "git",
@@ -52,6 +52,8 @@
     "test": "vitest run"
   },
   "dependencies": {
+    "@pierre/diffs": "^1.1.21",
+    "@pierre/trees": "1.0.0-beta.3",
     "@vitejs/plugin-react": "^4.4.1",
     "autoprefixer": "^10.4.21",
     "chalk": "^5.6.0",

package/shared/wtui-types.ts

@@ -25,6 +25,26 @@ export type WtuiConfig = {
   editorCommand?: string
 }
 
+export type FileChange = {
+  status: string
+  path: string
+}
+
+export type CommitInfo = {
+  hash: string
+  shortHash: string
+  message: string
+  author: string
+  date: string
+  parents: string[]
+}
+
+export type WorktreeDiffInfo = {
+  staged: { files: FileChange[]; diff: string }
+  unstaged: { files: FileChange[]; diff: string }
+  commitGraph: string
+}
+
 export type ApiError = {
   code: string
   message: string

package/skills/wtree/SKILL.md

@@ -9,9 +9,28 @@ user-invocable: true
 
 You manage git worktrees using the `wtree` CLI tool. Always use non-interactive flags so commands complete without user input.
 
-## Prerequisites
+## Environment Setup (MUST do first)
 
-The `wtree` CLI must be installed globally (`npm install -g @fatdoge/wtree`) or run via `npx @fatdoge/wtree`. If working inside the wtree project itself, use `node dist-node/api/cli/wtree.js`.
+Before running any wtree command, you MUST check if wtree is installed locally. Run this check once at the start:
+
+```bash
+wtree --version 2>/dev/null
+```
+
+- **If it outputs a version number** (e.g., `0.2.1`): wtree is installed, proceed with commands directly using `wtree`.
+- **If it fails or outputs nothing**: wtree is NOT installed. Install it globally first:
+
+```bash
+npm install -g @fatdoge/wtree --registry=https://registry.npmjs.org/
+```
+
+Then verify the installation:
+
+```bash
+wtree --version
+```
+
+**Do NOT use `npx` to run wtree** — it is significantly slower. Always ensure wtree is installed globally first.
 
 ## Important Rules
 

package/src/components/DiffPreviewModal.tsx

@@ -0,0 +1,381 @@
+import { PatchDiff } from '@pierre/diffs/react'
+import { FileTree, useFileTree } from '@pierre/trees/react'
+import { useTranslation } from 'react-i18next'
+import { useMemo, useState, useCallback, useEffect, useRef } from 'react'
+import { Copy, GitCommitHorizontal, ChevronDown, ChevronRight } from 'lucide-react'
+import { toast } from 'sonner'
+import Modal from './Modal'
+import Button from './Button'
+import { useThemeStore } from '../stores/themeStore'
+import type { FileChange, WorktreeDiffInfo } from '../../shared/wtui-types'
+
+type Props = {
+  open: boolean
+  onClose: () => void
+  worktreePath: string
+  diffInfo: WorktreeDiffInfo | null
+  loading?: boolean
+}
+
+function buildPatchMap(patch: string): Map<string, string> {
+  const map = new Map<string, string>()
+  if (!patch) return map
+  const lines = patch.split('\n')
+  let current: string[] = []
+  let currentPath = ''
+  const flush = () => {
+    if (currentPath && current.length > 0) map.set(currentPath, current.join('\n'))
+    current = []
+    currentPath = ''
+  }
+  for (const line of lines) {
+    if (line.startsWith('diff --git ')) {
+      flush()
+      const match = line.match(/^diff --git a\/.+ b\/(.+)$/)
+      currentPath = match?.[1] ?? ''
+    }
+    current.push(line)
+  }
+  flush()
+  return map
+}
+
+const GIT_STATUS_MAP: Record<string, 'added' | 'modified' | 'deleted' | 'renamed' | 'untracked'> = {
+  A: 'added', M: 'modified', D: 'deleted', R: 'renamed', C: 'added', U: 'untracked', '?': 'untracked',
+}
+
+const TREE_STYLES_LIGHT = {
+  colorScheme: 'light' as const,
+  '--trees-theme-sidebar-bg': '#ffffff',
+  '--trees-theme-sidebar-fg': '#1e293b',
+  '--trees-theme-sidebar-border': '#e2e8f0',
+  '--trees-theme-list-hover-bg': '#f8fafc',
+  '--trees-theme-list-active-selection-bg': '#eff6ff',
+  '--trees-theme-list-active-selection-fg': '#1e293b',
+  '--trees-theme-git-added-fg': '#16a34a',
+  '--trees-theme-git-modified-fg': '#2563eb',
+  '--trees-theme-git-deleted-fg': '#dc2626',
+}
+
+const TREE_STYLES_DARK = {
+  colorScheme: 'dark' as const,
+  '--trees-theme-sidebar-bg': '#0f172a',
+  '--trees-theme-sidebar-fg': '#e2e8f0',
+  '--trees-theme-sidebar-border': '#1e293b',
+  '--trees-theme-list-hover-bg': 'rgba(15,23,42,0.4)',
+  '--trees-theme-list-active-selection-bg': 'rgba(30,58,138,0.3)',
+  '--trees-theme-list-active-selection-fg': '#e2e8f0',
+  '--trees-theme-git-added-fg': '#4ade80',
+  '--trees-theme-git-modified-fg': '#60a5fa',
+  '--trees-theme-git-deleted-fg': '#f87171',
+}
+
+type SelectedFile = { path: string; group: 'staged' | 'unstaged' }
+
+/* ── Collapsible section wrapper ── */
+
+function CollapsibleSection({
+  title,
+  titleColor,
+  icon,
+  count,
+  defaultOpen = true,
+  children,
+}: {
+  title: string
+  titleColor: string
+  icon?: React.ReactNode
+  count?: number
+  defaultOpen?: boolean
+  children: React.ReactNode
+}) {
+  const [open, setOpen] = useState(defaultOpen)
+  return (
+    <div>
+      <button
+        onClick={() => setOpen(!open)}
+        className={`w-full flex items-center gap-1 px-2 py-1 text-[11px] font-semibold uppercase tracking-wide ${titleColor} hover:bg-slate-50 dark:hover:bg-slate-900/40 shrink-0`}
+      >
+        {open ? <ChevronDown className="h-3 w-3" /> : <ChevronRight className="h-3 w-3" />}
+        {icon}
+        {title}
+        {count != null && <span className="ml-auto font-normal text-slate-400 dark:text-slate-500 normal-case">{count}</span>}
+      </button>
+      {open && children}
+    </div>
+  )
+}
+
+/* ── File tree section ── */
+
+function SidebarTree({
+  files,
+  isDark,
+  onSelect,
+  group,
+}: {
+  files: FileChange[]
+  isDark: boolean
+  onSelect: (file: SelectedFile) => void
+  group: 'staged' | 'unstaged'
+}) {
+  const paths = useMemo(() => files.map((f) => f.path), [files])
+  const gitStatus = useMemo(
+    () => files.map((f) => ({
+      path: f.path,
+      status: GIT_STATUS_MAP[f.status[0]?.toUpperCase()] ?? ('modified' as const),
+    })),
+    [files],
+  )
+
+  const { model } = useFileTree({
+    paths,
+    gitStatus,
+    initialExpansion: 'open',
+    flattenEmptyDirectories: true,
+    density: 'compact',
+    icons: { set: 'standard', colored: true },
+    initialVisibleRowCount: paths.length + 10,
+    onSelectionChange: useCallback(
+      (selected: string[]) => {
+        const filePath = selected[0]
+        if (filePath && files.some((f) => f.path === filePath)) {
+          onSelect({ path: filePath, group })
+        }
+      },
+      [files, onSelect, group],
+    ),
+  })
+
+  // compact density itemHeight=24. Count files + unique parent dirs for row estimate.
+  const dirCount = new Set(files.map((f) => f.path.substring(0, f.path.lastIndexOf('/'))).filter(Boolean)).size
+  const treeHeight = Math.max((files.length + dirCount) * 24, 48)
+
+  return (
+    <FileTree
+      model={model}
+      style={{
+        height: `${treeHeight}px`,
+        ...(isDark ? TREE_STYLES_DARK : TREE_STYLES_LIGHT),
+      }}
+    />
+  )
+}
+
+/* ── Commit graph (ASCII from git log --graph) ── */
+
+function CommitGraphView({ graphText }: { graphText: string }) {
+  if (!graphText) return null
+  const lines = graphText.split('\n').filter((l) => l.length > 0)
+  return (
+    <pre className="font-mono text-[11px] leading-5 px-1 py-1 text-slate-700 dark:text-slate-300 whitespace-pre overflow-x-auto">
+      {lines.map((line, i) => {
+        // Split line into graph prefix (*/|/\ chars) and commit text
+        const match = line.match(/^([* |/\\]+?)(\s[a-f0-9]{7,}.*)$/i)
+        if (match) {
+          return (
+            <div key={i}>
+              <span className="text-blue-400 dark:text-blue-500">{match[1]}</span>
+              <span>{match[2]}</span>
+            </div>
+          )
+        }
+        // Pure graph lines (like |\ or |/)
+        return (
+          <div key={i} className="text-blue-400 dark:text-blue-500">{line}</div>
+        )
+      })}
+    </pre>
+  )
+}
+
+/* ── Draggable vertical divider ── */
+
+function useDragResize(initialWidth: number, minWidth: number, maxWidth: number) {
+  const [width, setWidth] = useState(initialWidth)
+  const dragging = useRef(false)
+  const startX = useRef(0)
+  const startW = useRef(0)
+
+  const onMouseDown = useCallback((e: React.MouseEvent) => {
+    e.preventDefault()
+    dragging.current = true
+    startX.current = e.clientX
+    startW.current = width
+
+    const onMouseMove = (ev: MouseEvent) => {
+      if (!dragging.current) return
+      const delta = ev.clientX - startX.current
+      setWidth(Math.max(minWidth, Math.min(maxWidth, startW.current + delta)))
+    }
+    const onMouseUp = () => {
+      dragging.current = false
+      document.removeEventListener('mousemove', onMouseMove)
+      document.removeEventListener('mouseup', onMouseUp)
+      document.body.style.cursor = ''
+      document.body.style.userSelect = ''
+    }
+    document.body.style.cursor = 'col-resize'
+    document.body.style.userSelect = 'none'
+    document.addEventListener('mousemove', onMouseMove)
+    document.addEventListener('mouseup', onMouseUp)
+  }, [width, minWidth, maxWidth])
+
+  return { width, onMouseDown }
+}
+
+/* ── Main component ── */
+
+export default function DiffPreviewModal({ open, onClose, worktreePath, diffInfo, loading }: Props) {
+  const { t } = useTranslation()
+  const theme = useThemeStore((s) => s.theme)
+  const [selected, setSelected] = useState<SelectedFile | null>(null)
+  const { width: sidebarWidth, onMouseDown: onDividerMouseDown } = useDragResize(260, 160, 640)
+
+  const resolvedThemeType = theme === 'system' ? 'system' : theme === 'dark' ? 'dark' : 'light'
+  const isDark =
+    theme === 'dark' ||
+    (theme === 'system' && typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches)
+
+  const staged = diffInfo?.staged
+  const unstaged = diffInfo?.unstaged
+  const commitGraph = diffInfo?.commitGraph ?? ''
+  const allDiff = [staged?.diff, unstaged?.diff].filter(Boolean).join('\n')
+  const hasChanges = (staged?.files.length ?? 0) > 0 || (unstaged?.files.length ?? 0) > 0
+
+  const stagedPatchMap = useMemo(() => buildPatchMap(staged?.diff ?? ''), [staged?.diff])
+  const unstagedPatchMap = useMemo(() => buildPatchMap(unstaged?.diff ?? ''), [unstaged?.diff])
+
+  useEffect(() => {
+    if (!diffInfo) { setSelected(null); return }
+    const first = diffInfo.staged.files[0] ?? diffInfo.unstaged.files[0]
+    if (first) {
+      setSelected({ path: first.path, group: diffInfo.staged.files[0] ? 'staged' : 'unstaged' })
+    } else {
+      setSelected(null)
+    }
+  }, [diffInfo])
+
+  const selectedPatch = useMemo(() => {
+    if (!selected) return null
+    const map = selected.group === 'staged' ? stagedPatchMap : unstagedPatchMap
+    return map.get(selected.path) ?? null
+  }, [selected, stagedPatchMap, unstagedPatchMap])
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(selectedPatch || allDiff)
+      toast.success(t('diff.toast.copied'))
+    } catch {
+      toast.error(t('diff.toast.copyFailed'))
+    }
+  }
+
+  return (
+    <Modal
+      title={t('diff.title')}
+      open={open}
+      onClose={onClose}
+      size="full"
+      footer={
+        <>
+          <Button variant="secondary" size="sm" onClick={handleCopy} disabled={!allDiff}>
+            <Copy className="h-4 w-4" />
+            {t('diff.copyDiff')}
+          </Button>
+          <Button variant="secondary" size="sm" onClick={onClose}>
+            {t('diff.close')}
+          </Button>
+        </>
+      }
+    >
+      <div className="max-h-[75vh]">
+        <div className="text-xs font-mono text-slate-500 dark:text-slate-400 truncate mb-2">{worktreePath}</div>
+
+        {loading ? (
+          <div className="space-y-2">
+            <div className="h-5 animate-pulse rounded bg-slate-100 dark:bg-slate-900" />
+            <div className="h-5 animate-pulse rounded bg-slate-100 dark:bg-slate-900 w-3/4" />
+          </div>
+        ) : !hasChanges && !commitGraph ? (
+          <div className="text-sm text-slate-500 dark:text-slate-400">{t('diff.noChanges')}</div>
+        ) : (
+          <div className="flex rounded-lg border border-slate-200 dark:border-slate-800 overflow-hidden" style={{ height: 'calc(75vh - 40px)' }}>
+            {/* Left sidebar */}
+            <div className="shrink-0 flex flex-col bg-white dark:bg-slate-950" style={{ width: `${sidebarWidth}px` }}>
+              {/* File trees + commits — scrollable as a whole */}
+              <div className="flex-1 overflow-y-auto min-h-0">
+                {staged && staged.files.length > 0 && (
+                  <CollapsibleSection
+                    title={t('diff.stagedFiles')}
+                    titleColor="text-emerald-600 dark:text-emerald-400"
+                    count={staged.files.length}
+                  >
+                    <SidebarTree files={staged.files} isDark={isDark} onSelect={setSelected} group="staged" />
+                  </CollapsibleSection>
+                )}
+
+                {unstaged && unstaged.files.length > 0 && (
+                  <>
+                    {staged && staged.files.length > 0 && <div className="border-t border-slate-200 dark:border-slate-800" />}
+                    <CollapsibleSection
+                      title={t('diff.unstagedFiles')}
+                      titleColor="text-amber-600 dark:text-amber-400"
+                      count={unstaged.files.length}
+                    >
+                      <SidebarTree files={unstaged.files} isDark={isDark} onSelect={setSelected} group="unstaged" />
+                    </CollapsibleSection>
+                  </>
+                )}
+              </div>
+
+              {/* Commits — pinned to bottom */}
+              {commitGraph && (
+                <div className="shrink-0 border-t border-slate-200 dark:border-slate-800">
+                  <CollapsibleSection
+                    title={t('diff.commits')}
+                    titleColor="text-slate-500 dark:text-slate-400"
+                    icon={<GitCommitHorizontal className="h-3 w-3" />}
+                    defaultOpen={!hasChanges}
+                  >
+                    <div className="max-h-64 overflow-auto">
+                      <CommitGraphView graphText={commitGraph} />
+                    </div>
+                  </CollapsibleSection>
+                </div>
+              )}
+            </div>
+
+            {/* Draggable divider */}
+            <div
+              className="w-1 shrink-0 cursor-col-resize bg-slate-200 dark:bg-slate-800 hover:bg-blue-400 dark:hover:bg-blue-500 transition-colors"
+              onMouseDown={onDividerMouseDown}
+            />
+
+            {/* Right panel — diff viewer */}
+            <div className="flex-1 min-w-0 overflow-auto bg-white dark:bg-slate-950">
+              {selectedPatch ? (
+                <PatchDiff
+                  patch={selectedPatch}
+                  disableWorkerPool
+                  options={{
+                    theme: { dark: 'github-dark', light: 'github-light' },
+                    themeType: resolvedThemeType,
+                  }}
+                />
+              ) : selected ? (
+                <div className="flex items-center justify-center h-full text-sm text-slate-400 dark:text-slate-500">
+                  {t('diff.noDiffContent')}
+                </div>
+              ) : (
+                <div className="flex items-center justify-center h-full text-sm text-slate-400 dark:text-slate-500">
+                  {t('diff.selectFile')}
+                </div>
+              )}
+            </div>
+          </div>
+        )}
+      </div>
+    </Modal>
+  )
+}

package/src/components/Modal.tsx

@@ -7,14 +7,23 @@ interface Props {
   title: string
   children: ReactNode
   footer?: ReactNode
+  size?: 'md' | 'lg' | 'xl' | '2xl' | 'full'
 }
 
-export default function Modal({ open, onClose, title, children, footer }: Props) {
+const SIZE_CLS: Record<string, string> = {
+  md: 'max-w-md',
+  lg: 'max-w-2xl',
+  xl: 'max-w-4xl',
+  '2xl': 'max-w-6xl',
+  full: 'max-w-[calc(100vw-2rem)]',
+}
+
+export default function Modal({ open, onClose, title, children, footer, size = 'md' }: Props) {
   if (!open) return null
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/50 p-4 backdrop-blur-sm dark:bg-black/50">
-      <div className="w-full max-w-md rounded-xl border border-slate-200 bg-white shadow-xl dark:border-slate-800 dark:bg-slate-950">
+      <div className={`w-full ${SIZE_CLS[size]} rounded-xl border border-slate-200 bg-white shadow-xl dark:border-slate-800 dark:bg-slate-950`}>
         <div className="flex items-center justify-between border-b border-slate-100 px-4 py-3 dark:border-slate-800">
           <div className="font-semibold text-slate-900 dark:text-slate-100">{title}</div>
           <button onClick={onClose} className="text-slate-400 hover:text-slate-600 dark:hover:text-slate-200">