flow-mindmap 0.4.0 → 0.4.1

package/dist/style.css

@@ -1,4 +1,4 @@
-.zm-node-menu{position:fixed;z-index:40;min-width:168px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a24;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#1e293b;-webkit-user-select:none;user-select:none}.zm-node-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;border-radius:4px;cursor:pointer;width:100%;transition:background .1s}.zm-node-menu-item:hover:not(:disabled){background:#f1f5f9}.zm-node-menu-item:active:not(:disabled){background:#e2e8f0}.zm-node-menu-item:disabled{color:#94a3b8;cursor:not-allowed}.zm-node-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;font-size:10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:600;color:#64748b;flex-shrink:0}.zm-node-menu-icon-code{font-size:10px;letter-spacing:-1px}.zm-node-menu-icon-table{font-size:12px;font-family:inherit}.zm-canvas-menu{position:fixed;z-index:40;min-width:140px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;box-shadow:0 8px 24px #0f172a24;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#1e293b;-webkit-user-select:none;user-select:none}.zm-canvas-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;border-radius:4px;cursor:pointer;width:100%;box-sizing:border-box;transition:background .1s}.zm-canvas-menu-item:hover:not(:disabled){background:#f1f5f9}.zm-canvas-menu-item:active:not(:disabled){background:#e2e8f0}.zm-canvas-menu-item:disabled{color:#94a3b8;cursor:not-allowed}.zm-canvas-menu-item-has-submenu{position:relative;box-sizing:border-box}.zm-canvas-menu-item-has-submenu.is-open,.zm-canvas-menu-item-has-submenu:hover{background:#f1f5f9}.zm-canvas-menu-caret{margin-left:auto;color:#94a3b8;flex-shrink:0;display:inline-flex;align-items:center}.zm-canvas-submenu{position:fixed;z-index:41;min-width:160px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;box-shadow:0 8px 24px #0f172a24;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#1e293b;-webkit-user-select:none;user-select:none;animation:zm-submenu-in .12s ease-out}@keyframes zm-submenu-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+.zm-node-menu{position:fixed;z-index:40;min-width:168px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a24;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#1e293b;-webkit-user-select:none;user-select:none}.zm-node-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;border-radius:4px;cursor:pointer;width:100%;transition:background .1s}.zm-node-menu-item:hover:not(:disabled){background:#f1f5f9}.zm-node-menu-item:active:not(:disabled){background:#e2e8f0}.zm-node-menu-item:disabled{color:#94a3b8;cursor:not-allowed}.zm-node-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;font-size:10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-weight:600;color:#64748b;flex-shrink:0}.zm-node-menu-icon-code{font-size:10px;letter-spacing:-1px}.zm-node-menu-icon-table{font-size:12px;font-family:inherit}.zm-canvas-menu{position:fixed;z-index:40;min-width:140px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;box-shadow:0 8px 24px #0f172a24;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#1e293b;-webkit-user-select:none;user-select:none}.zm-canvas-menu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;border-radius:4px;cursor:pointer;width:100%;box-sizing:border-box;transition:background .1s}.zm-canvas-menu-item:hover:not(:disabled){background:#f1f5f9}.zm-canvas-menu-item:active:not(:disabled){background:#e2e8f0}.zm-canvas-menu-item:disabled{color:#94a3b8;cursor:not-allowed}.zm-canvas-menu-item-has-submenu{position:relative;box-sizing:border-box}.zm-canvas-menu-item-has-submenu.is-open,.zm-canvas-menu-item-has-submenu:hover{background:#f1f5f9}.zm-canvas-menu-caret{margin-left:auto;color:#94a3b8;flex-shrink:0;display:inline-flex;align-items:center}.zm-canvas-submenu{position:fixed;z-index:41;min-width:160px;padding:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;box-shadow:0 8px 24px #0f172a24;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#1e293b;-webkit-user-select:none;user-select:none;animation:zm-submenu-in .12s ease-out}@keyframes zm-submenu-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.zm-mindmap{position:relative;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}.zm-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.zm-canvas:active{cursor:grabbing}.zm-world{position:absolute;left:0;top:0;transform-origin:0 0}.zm-svg-layer{position:absolute;pointer-events:none;overflow:visible}.zm-marquee{position:absolute;border:1px dashed #3b82f6;background:#3b82f614;pointer-events:none;z-index:5}.zm-svg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;shape-rendering:geometricPrecision}.zm-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .8em;box-sizing:border-box;border-radius:8px;border:1px solid;line-height:1.2;cursor:default;transition:box-shadow .15s;box-shadow:0 1px 2px #0000000f;white-space:nowrap;z-index:1}.zm-node:hover{box-shadow:0 4px 12px #0000001a;z-index:2}.zm-node.is-root{font-weight:600}.zm-node.is-selected{outline:2px solid #3b82f6;outline-offset:2px;z-index:3}.zm-text{display:flex;align-items:center;justify-content:center;gap:4px;min-height:1.2em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zm-text-label{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.zm-input{border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:center;width:100%;min-width:40px}.zm-tooltip{position:absolute;max-width:240px;padding:6px 10px;background:#0f172af0;color:#f8fafc;font-size:12px;line-height:1.4;border-radius:6px;box-shadow:0 4px 14px #0000002e;pointer-events:none;z-index:1000;white-space:normal;word-break:break-word;transform:translate(-50%,-100%);animation:zm-tooltip-in .12s ease-out}.zm-tooltip.is-below{transform:translate(-50%)}.zm-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:4px solid transparent;border-top-color:#0f172af0}.zm-tooltip.is-below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#0f172af0}@keyframes zm-tooltip-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 4px))}to{opacity:1;transform:translate(-50%,-100%)}}.zm-tooltip.is-below{animation-name:zm-tooltip-in-below}@keyframes zm-tooltip-in-below{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.zm-rich{margin-top:6px;width:max-content;overflow:visible;font-size:.78em;line-height:1.35;text-align:left;background:#0000000a;border-radius:4px;padding:4px 6px;color:inherit}.zm-rich-above{margin:0 0 2px}.zm-rich-no-overflow{max-height:none;overflow:visible}.zm-rich-code{margin:0;padding:6px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.92em;white-space:pre-wrap;word-break:break-word;background:#ffffff8c;border:1px solid currentColor;border-radius:6px;box-shadow:0 1px 2px #0f172a14}.zm-rich-list{margin:0;padding-left:1.2em;list-style:disc}.zm-rich-list li{margin:1px 0}.zm-rich-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92em;background:#ffffff8c;border:1px solid currentColor;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0f172a14}.zm-rich-table td{border-top:1px solid currentColor;border-right:1px solid currentColor;padding:3px 6px;opacity:.9}.zm-rich-table tr:last-child td{border-bottom:none}.zm-rich-table td:last-child{border-right:none}.zm-rich-table-sort{position:relative;background:#fff6;font-weight:600;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;padding:3px 6px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;pointer-events:auto}.zm-rich-table-sort:last-child{border-right:none}.zm-rich-table-sort:hover{background:#ffffffa6}.zm-rich-table-sort.is-sorted{background:#ffffffb3}.zm-rich-sort-mark{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:9px;color:#94a3b8}.zm-rich-table-sort.is-sorted .zm-rich-sort-mark{color:#1d4ed8}.zm-rich-edit{width:100%;min-height:90px;margin:0;padding:4px 6px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.92em;line-height:1.4;color:inherit;background:#fff9;border:1px solid currentColor;border-radius:3px;outline:none;resize:vertical;white-space:pre;box-sizing:border-box}.zm-rich-edit:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.zm-rich-paragraph{white-space:pre-wrap;word-break:break-word}.zm-btn{position:absolute;width:18px;height:18px;border-radius:50%;border:none;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,transform .15s;z-index:4}.zm-node:hover .zm-btn,.zm-node.is-selected .zm-btn{opacity:1}.zm-btn:hover{transform:scale(1.15)}.zm-collapse{right:-8px;top:50%;width:14px;height:14px;background:#fff;border:1.5px solid;transform:translateY(-50%);box-shadow:0 1px 3px #0f172a2e}.zm-collapse.is-on-left{right:auto;left:-8px}.zm-collapse:hover{transform:translateY(-50%) scale(1.15);background:#fff}.zm-collapse-badge{position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:5px;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;box-shadow:0 1px 2px #00000026;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;transition:filter .1s}.zm-collapse-badge.is-on-left{left:auto;right:calc(100% + 8px)}.zm-collapse-badge:hover{filter:brightness(.9)}.zm-node.has-image{flex-direction:column;padding:8px;gap:6px;white-space:normal}.zm-node-img{display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:contain;border-radius:4px}.zm-node-link,.zm-node-note-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:currentColor;border-radius:3px;cursor:pointer;flex-shrink:0;text-decoration:none;opacity:.75;transition:opacity .1s,background .1s;pointer-events:auto}.zm-node-link:hover,.zm-node-note-btn:hover{opacity:1;background:#0f172a14}.zm-node-link svg,.zm-node-note-btn svg{display:block}.zm-img-resize-handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:#fff;border:1.5px solid #3b82f6;border-radius:2px;cursor:nwse-resize;z-index:4;box-shadow:0 1px 3px #0f172a33}.zm-node.is-resizing{cursor:nwse-resize!important}.zm-img-remove-btn{position:absolute;right:-5px;bottom:14px;width:14px;height:14px;background:#fff;border:1px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;padding:0;z-index:4;box-shadow:0 1px 2px #0f172a1f}.zm-img-remove-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.zm-order-badge{display:inline-block;margin-left:6px;padding:0 5px;font-size:10px;font-weight:600;line-height:16px;color:#475569;background:#e2e8f0;border-radius:3px;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.zm-canvas-fab{position:absolute;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 2px 8px #0f172a14;color:#475569;cursor:pointer;z-index:11;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,background .1s,color .1s}.zm-canvas-fab.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.zm-canvas-fab:hover{background:#f1f5f9;color:#1e293b;box-shadow:0 4px 12px #0f172a1f}.zm-canvas-fab:active{transform:scale(.94)}.zm-canvas-fab-preview{top:16px;right:16px}.zm-canvas-fab-outline{top:16px;left:16px}.zm-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 4px 12px #0000000f;z-index:10;transition:opacity .18s ease,transform .18s ease}.zm-toolbar.is-preview-only{opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}.zm-toolbar.is-preview-only.is-hovered{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.zm-tb-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#475569}.zm-tb-btn:hover{background:#f1f5f9;color:#1e293b}.zm-tb-btn img{filter:invert(20%) sepia(15%) saturate(500%) hue-rotate(180deg);transition:filter .1s}.zm-tb-btn:hover img{filter:invert(15%) sepia(30%) saturate(800%) hue-rotate(180deg)}.zm-tb-btn.active{background:var(--zm-tb-active, #fff7ed);color:var(--zm-tb-active-fg, #c2410c)}.zm-tb-divider{width:1px;height:18px;background:#e2e8f0;margin:0 4px}.zm-tb-tip{font-size:12px;color:#64748b;min-width:38px;text-align:center}.zm-outline-root{display:flex;flex-direction:column;height:100%}.zm-outline-actions{display:flex;justify-content:flex-end;padding:8px 10px 4px;flex-shrink:0}.zm-outline-action-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-family:inherit;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;transition:all .1s}.zm-outline-action-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.zm-outline-action-btn.is-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.zm-outline{list-style:none;margin:0;padding:4px 0 8px;font-size:13px;overflow:auto;flex:1;min-height:0}.zm-outline-row{display:flex;align-items:center;gap:6px;padding-right:6px;padding-top:4px;padding-bottom:4px;cursor:grab;color:#334155;border-radius:4px;margin:0 6px;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s;position:relative}.zm-outline-row:active{cursor:grabbing}.zm-outline-row:hover{background:#f1f5f9}.zm-outline-row.is-root{font-weight:600;color:#0f172a}.zm-outline-row.is-selected{background:#eff6ff;color:#1d4ed8}.zm-outline-row.is-selected .zm-outline-toggle,.zm-outline-row.is-selected .zm-outline-dot,.zm-outline-row.is-selected .zm-outline-row-copy,.zm-outline-row.is-selected .zm-outline-row-action{color:#1d4ed8}.zm-outline-row.is-drag-over-before:before,.zm-outline-row.is-drag-over-after:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:#3b82f6;border-radius:1px;pointer-events:none}.zm-outline-row.is-drag-over-before:before{top:0}.zm-outline-row.is-drag-over-after:after{bottom:0}.zm-outline-row.is-drag-over-child{background:#dbeafe!important;outline:2px solid #3b82f6;outline-offset:-2px}.zm-outline-toggle{width:16px;height:16px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;flex-shrink:0;padding:0}.zm-outline-toggle:hover{background:#e2e8f0;color:#475569}.zm-outline-dot{width:4px;height:4px;border-radius:50%;background:#cbd5e1;flex-shrink:0;margin:0 6px}.zm-outline-index{font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums;min-width:22px;flex-shrink:0;-webkit-user-select:none;user-select:none}.zm-outline-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.zm-outline-input{flex:1;font:inherit;font-size:13px;color:inherit;background:#fff;border:1px solid #3b82f6;border-radius:3px;padding:1px 4px;margin:-2px 0;outline:none}.zm-outline-row-action{width:20px;height:20px;border:1px solid transparent;background:transparent;color:#94a3b8;cursor:pointer;border-radius:4px;flex-shrink:0;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s,background .1s,color .1s,border-color .1s}.zm-outline-row:hover .zm-outline-row-action,.zm-outline-row.is-selected .zm-outline-row-action{opacity:1}.zm-outline-row-action:hover{background:#e0e7ff;color:#4338ca;border-color:#c7d2fe}.zm-outline-row-action img{filter:invert(38%) sepia(94%) saturate(2417%) hue-rotate(229deg) brightness(91%) contrast(91%)}.zm-outline-row-copy{width:20px;height:20px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;flex-shrink:0;padding:0;opacity:0;transition:opacity .1s,background .1s,color .1s}.zm-outline-row:hover .zm-outline-row-copy,.zm-outline-row.is-selected .zm-outline-row-copy{opacity:1}.zm-outline-row-copy:hover{background:#e2e8f0;color:#475569}.zm-outline-row-copy.is-success{opacity:1;color:#047857;background:#ecfdf5}.zm-drawer{display:flex;flex-direction:column;height:100%;background:#fff;border-right:1px solid #e2e8f0;overflow:hidden;flex-shrink:0}.zm-drawer-enter-active,.zm-drawer-leave-active{transition:width .22s ease,opacity .15s ease}.zm-drawer-enter-from,.zm-drawer-leave-to{width:0!important;opacity:0;border-right:none}.zm-drawer--right{border-right:none;border-left:1px solid #e2e8f0}.zm-drawer-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.zm-drawer-title{margin:0;flex:1;font-size:13px;font-weight:600;color:#1e293b;letter-spacing:.02em}.zm-drawer-close{width:24px;height:24px;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zm-drawer-close:hover{background:#f1f5f9;color:#1e293b}.zm-drawer-body{flex:1;overflow:auto;min-height:0}.zm-jtv-root{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;color:#334155}.zm-jtv-header{display:flex;align-items:center;gap:4px;cursor:pointer;border-radius:3px;padding-right:6px;-webkit-user-select:none;user-select:none}.zm-jtv-header:hover{background:#f1f5f9}.zm-jtv-toggle{display:inline-block;width:12px;text-align:center;font-size:9px;color:#94a3b8;flex-shrink:0}.zm-jtv-toggle.is-leaf{color:#cbd5e1}.zm-jtv-key{color:#1d4ed8;font-weight:500}.zm-jtv-colon{color:#94a3b8;margin-right:4px}.zm-jtv-size{color:#64748b;font-style:italic}.zm-jtv-bracket,.zm-jtv-brace{color:#94a3b8;font-weight:500;margin-left:4px}.zm-jtv-footer{color:#94a3b8;font-weight:500}.zm-jtv-leaf{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding-right:6px;border-radius:3px}.zm-jtv-leaf:hover{background:#f8fafc}.zm-jtv-value{word-break:break-all}.zm-jtv-string{color:#047857}.zm-jtv-number{color:#b45309}.zm-jtv-boolean{color:#7c3aed;font-weight:500}.zm-jtv-null,.zm-jtv-undefined{color:#94a3b8;font-style:italic}.zm-jtv-thumb-wrap{display:inline-flex;align-items:center;gap:4px;margin-left:6px;flex-shrink:0}.zm-jtv-thumb{max-width:48px;max-height:32px;border:1px solid #e2e8f0;border-radius:3px;background:#fff;object-fit:contain}.zm-jtv-thumb-link{font-size:10px;color:#3b82f6;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.zm-jtv-thumb-link:hover{text-decoration:underline}.zm-jtv-leaf mark,.zm-jtv-key mark{background:#fef08a;color:#422006;padding:0 1px;border-radius:2px}.zm-data-panel{display:flex;flex-direction:column;height:100%;background:#fff}.zm-data-header{display:flex;align-items:center;padding:8px 12px 6px;border-bottom:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.zm-data-title{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.zm-data-title-text{font-size:12px;font-weight:600;color:#1e293b;letter-spacing:.02em}.zm-data-title-meta{font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums}.zm-data-toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid #f1f5f9;background:#fff;flex-shrink:0;flex-wrap:wrap}.zm-data-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-family:inherit;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .1s}.zm-data-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.zm-data-btn.is-icon{padding:4px 8px}.zm-data-btn.is-active{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.zm-data-btn.is-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.zm-data-btn.is-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.zm-data-btn.is-primary:hover{background:#2563eb;border-color:#2563eb;color:#fff}.zm-data-btn:disabled{opacity:.4;cursor:not-allowed}.zm-data-btn-label{font-size:11px}.zm-data-toolbar-spacer{flex:1;min-width:4px}.zm-data-search{display:flex;align-items:center;gap:4px;padding:3px 6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all .1s;flex:0 1 160px;min-width:0}.zm-data-search:focus-within,.zm-data-search.is-active{background:#fff;border-color:#3b82f6}.zm-data-search svg{color:#94a3b8;flex-shrink:0}.zm-data-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;font-size:11px;color:#1e293b;padding:0}.zm-data-search input::placeholder{color:#94a3b8}.zm-data-search-clear{border:none;background:transparent;color:#94a3b8;cursor:pointer;padding:0 2px;font-size:14px;line-height:1;border-radius:2px}.zm-data-search-clear:hover{background:#e2e8f0;color:#1e293b}.zm-data-paste{padding:8px 10px 10px;border-bottom:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.zm-data-tabs{display:flex;gap:4px;margin-bottom:6px}.zm-data-tab{font:inherit;font-size:11px;padding:2px 8px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#475569;cursor:pointer;transition:all .1s}.zm-data-tab:hover{background:#f1f5f9}.zm-data-tab.is-active{background:#1e293b;border-color:#1e293b;color:#fff}.zm-data-paste textarea{width:100%;min-height:60px;max-height:160px;padding:6px 8px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.4;border:1px solid #e2e8f0;border-radius:4px;background:#fff;resize:vertical;box-sizing:border-box}.zm-data-paste textarea:focus{outline:none;border-color:#3b82f6}.zm-data-paste-actions{display:flex;gap:4px;margin-top:6px}.zm-data-error{margin-top:6px;font-size:11px;color:#dc2626}.zm-data-tree{flex:1;overflow:auto;padding:8px 4px 8px 6px;background:#fff}.zm-data-footer{padding:6px 12px;border-top:1px solid #f1f5f9;background:#f8fafc;font-size:10px;color:#94a3b8;line-height:1.5;flex-shrink:0}.zm-data-footer-hint code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;background:#fff;border:1px solid #e2e8f0;padding:0 3px;border-radius:3px;color:#475569;margin:0 1px}.zm-settings-panel[data-v-17ef65d1]{display:flex;flex-direction:column;gap:14px;padding:12px 12px 16px}.zm-settings-section[data-v-17ef65d1]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.zm-settings-section-title[data-v-17ef65d1]{margin:0 0 10px;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:baseline;gap:6px}.zm-settings-section-sub[data-v-17ef65d1]{font-size:11px;font-weight:500;color:#64748b;text-transform:none;letter-spacing:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zm-settings-row[data-v-17ef65d1]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0;font-size:13px;color:#1e293b}.zm-settings-label[data-v-17ef65d1]{flex:1}.zm-settings-value-tag[data-v-17ef65d1]{font-size:11px;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;white-space:nowrap}.zm-settings-number[data-v-17ef65d1]{font-size:11px;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;width:56px;text-align:right;-moz-appearance:textfield}.zm-settings-number[data-v-17ef65d1]::-webkit-outer-spin-button,.zm-settings-number[data-v-17ef65d1]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.zm-settings-number[data-v-17ef65d1]:focus{outline:none;border-color:#818cf8}.zm-settings-hint[data-v-17ef65d1]{margin:4px 0 0;font-size:11px;color:#94a3b8;line-height:1.5}.zm-slider[data-v-17ef65d1]{position:relative;height:20px;display:flex;align-items:center;margin:4px 0 8px}.zm-slider-track[data-v-17ef65d1]{position:absolute;top:8px;right:0;bottom:8px;left:0;background:#e2e8f0;border-radius:999px;pointer-events:none}.zm-slider input[type=range][data-v-17ef65d1]{position:relative;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:20px;cursor:pointer;z-index:1}.zm-slider input[type=range][data-v-17ef65d1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #3b82f6;box-shadow:0 1px 3px #00000026;cursor:pointer}.zm-slider input[type=range][data-v-17ef65d1]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #3b82f6;box-shadow:0 1px 3px #00000026;cursor:pointer}.zm-toggle[data-v-17ef65d1]{position:relative;width:36px;height:20px;border:none;background:#cbd5e1;border-radius:999px;padding:0;cursor:pointer;transition:background .15s;flex-shrink:0}.zm-toggle.is-on[data-v-17ef65d1]{background:#3b82f6}.zm-toggle-knob[data-v-17ef65d1]{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000026;transition:transform .15s}.zm-toggle.is-on .zm-toggle-knob[data-v-17ef65d1]{transform:translate(16px)}.zm-swatch-row[data-v-17ef65d1]{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.zm-swatch[data-v-17ef65d1]{width:22px;height:22px;border-radius:4px;border:1px solid #e2e8f0;cursor:pointer;padding:0;flex-shrink:0}.zm-swatch.is-reset[data-v-17ef65d1]{background:#fff;color:#94a3b8;font-size:12px;line-height:1}.zm-line-style-group[data-v-17ef65d1]{display:flex;gap:6px}.zm-line-style-btn[data-v-17ef65d1]{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#94a3b8;transition:all .12s;font-family:inherit;min-width:56px}.zm-line-style-btn[data-v-17ef65d1]:hover{border-color:#cbd5e1;color:#475569}.zm-line-style-btn.is-on[data-v-17ef65d1]{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.zm-line-style-label[data-v-17ef65d1]{font-size:11px;font-weight:500}.zm-settings-preview[data-v-17ef65d1]{margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 6px 4px}.zm-settings-preview svg[data-v-17ef65d1]{display:block}.zm-settings-preview-labels[data-v-17ef65d1]{display:flex;justify-content:space-between;font-size:10px;color:#94a3b8;margin-top:2px;padding:0 2px}.zm-data-paste-actions[data-v-17ef65d1]{display:flex;gap:6px;margin-top:6px}.zm-data-btn[data-v-17ef65d1]{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-family:inherit;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .1s}.zm-data-btn[data-v-17ef65d1]:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.zm-data-btn.is-primary[data-v-17ef65d1]{background:#3b82f6;color:#fff;border-color:#3b82f6}.zm-data-btn.is-primary[data-v-17ef65d1]:hover{background:#2563eb;border-color:#2563eb;color:#fff}.zm-settings-reset[data-v-17ef65d1]{width:100%;padding:6px 10px;font-size:12px;font-family:inherit;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .1s}.zm-settings-reset[data-v-17ef65d1]:hover{background:#f1f5f9;color:#1e293b}.zm-palette-picker[data-v-17ef65d1]{margin:6px 0 8px}.zm-palette-picker-title[data-v-17ef65d1]{margin:6px 0;font-size:11px;font-weight:600;color:#475569;letter-spacing:.02em}.zm-palette-grid[data-v-17ef65d1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.zm-palette-card[data-v-17ef65d1]{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px 6px 8px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-family:inherit;text-align:left;transition:all .12s;min-width:0}.zm-palette-card[data-v-17ef65d1]:hover{border-color:#cbd5e1;background:#f8fafc}.zm-palette-card.is-active[data-v-17ef65d1]{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f62e;background:#eff6ff}.zm-palette-card-name[data-v-17ef65d1]{font-size:11px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zm-palette-card.is-active .zm-palette-card-name[data-v-17ef65d1]{color:#1d4ed8}.zm-palette-card-swatches[data-v-17ef65d1]{display:flex;gap:1px;height:8px;border-radius:3px;overflow:hidden}.zm-palette-card-swatch[data-v-17ef65d1]{flex:1;height:100%;min-width:0}.zm-palette-customs[data-v-17ef65d1]{margin-top:10px;display:flex;flex-direction:column;gap:8px}.zm-palette-custom[data-v-17ef65d1]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px}.zm-palette-custom .zm-palette-card[data-v-17ef65d1]{border-style:dashed;background:#f8fafc}.zm-palette-textarea[data-v-17ef65d1]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 6px;resize:vertical;min-height:32px;outline:none;transition:border-color .1s}.zm-palette-textarea[data-v-17ef65d1]:focus{border-color:#3b82f6;background:#fff}.zm-palette-custom-actions[data-v-17ef65d1]{display:flex;gap:6px}.zm-palette-add[data-v-17ef65d1]{margin-top:8px;width:100%;padding:6px 8px;font-size:12px;font-family:inherit;color:#475569;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;cursor:pointer;transition:all .1s}.zm-palette-add[data-v-17ef65d1]:hover{background:#f1f5f9;color:#1e293b;border-color:#94a3b8}.zm-md-panel{display:flex;flex-direction:column;height:100%;background:#f8fafc}.zm-md-toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.zm-md-spacer{flex:1}.zm-md-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-family:inherit;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .1s;white-space:nowrap}.zm-md-btn:hover:not(:disabled){background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.zm-md-btn:disabled{opacity:.4;cursor:not-allowed}.zm-md-btn.is-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.zm-md-btn.is-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:#fff}.zm-md-error{padding:6px 10px;font-size:11px;color:#dc2626;background:#fef2f2;border-bottom:1px solid #fee2e2;flex-shrink:0}.zm-md-split{flex:1;display:flex;flex-direction:column;min-height:0}.zm-md-edit,.zm-md-preview{display:flex;flex-direction:column;min-height:0;flex:1}.zm-md-pane-header{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:600;color:#475569;background:#f1f5f9;border-bottom:1px solid #e2e8f0;letter-spacing:.02em;flex-shrink:0}.zm-md-hint{margin-left:auto;font-weight:400;color:#94a3b8;font-size:10px}.zm-md-textarea{flex:1;width:100%;padding:10px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:#1e293b;border:none;border-bottom:1px solid #e2e8f0;background:#fff;resize:none;outline:none;box-sizing:border-box}.zm-md-textarea:focus{background:#fafbfc}.zm-md-preview-body{flex:1;position:relative;min-height:0;background:#fff;border-bottom:1px solid #e2e8f0}.zm-md-footer{display:flex;justify-content:flex-end;padding:8px 10px;background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
   Theme: GitHub
   Description: Light theme as seen on github.com
   Author: github.com
@@ -7,4 +7,4 @@
 
   Outdated base version: https://github.com/primer/github-syntax-light
   Current colors taken from GitHub's CSS
-*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.zm-mindmap{position:relative;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none}.zm-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.zm-canvas:active{cursor:grabbing}.zm-world{position:absolute;left:0;top:0;transform-origin:0 0}.zm-svg-layer{position:absolute;pointer-events:none;overflow:visible}.zm-marquee{position:absolute;border:1px dashed #3b82f6;background:#3b82f614;pointer-events:none;z-index:5}.zm-svg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;shape-rendering:geometricPrecision}.zm-node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .8em;box-sizing:border-box;border-radius:8px;border:1px solid;line-height:1.2;cursor:default;transition:box-shadow .15s;box-shadow:0 1px 2px #0000000f;white-space:nowrap;z-index:1}.zm-node:hover{box-shadow:0 4px 12px #0000001a;z-index:2}.zm-node.is-root{font-weight:600}.zm-node.is-selected{outline:2px solid #3b82f6;outline-offset:2px;z-index:3}.zm-text{display:flex;align-items:center;justify-content:center;gap:4px;min-height:1.2em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zm-text-label{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex-shrink:1}.zm-input{border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:center;width:100%;min-width:40px}.zm-rich{margin-top:6px;width:max-content;overflow:visible;font-size:.78em;line-height:1.35;text-align:left;background:#0000000a;border-radius:4px;padding:4px 6px;color:inherit}.zm-rich-above{margin:0 0 2px}.zm-rich-no-overflow{max-height:none;overflow:visible}.zm-rich-code{margin:0;padding:6px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.92em;white-space:pre-wrap;word-break:break-word;background:#ffffff8c;border:1px solid currentColor;border-radius:6px;box-shadow:0 1px 2px #0f172a14}.zm-rich-list{margin:0;padding-left:1.2em;list-style:disc}.zm-rich-list li{margin:1px 0}.zm-rich-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92em;background:#ffffff8c;border:1px solid currentColor;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0f172a14}.zm-rich-table td{border-top:1px solid currentColor;border-right:1px solid currentColor;padding:3px 6px;opacity:.9}.zm-rich-table tr:last-child td{border-bottom:none}.zm-rich-table td:last-child{border-right:none}.zm-rich-table-sort{position:relative;background:#fff6;font-weight:600;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;padding:3px 6px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;pointer-events:auto}.zm-rich-table-sort:last-child{border-right:none}.zm-rich-table-sort:hover{background:#ffffffa6}.zm-rich-table-sort.is-sorted{background:#ffffffb3}.zm-rich-sort-mark{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:9px;color:#94a3b8}.zm-rich-table-sort.is-sorted .zm-rich-sort-mark{color:#1d4ed8}.zm-rich-edit{width:100%;min-height:90px;margin:0;padding:4px 6px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.92em;line-height:1.4;color:inherit;background:#fff9;border:1px solid currentColor;border-radius:3px;outline:none;resize:vertical;white-space:pre;box-sizing:border-box}.zm-rich-edit:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.zm-rich-paragraph{white-space:pre-wrap;word-break:break-word}.zm-btn{position:absolute;width:18px;height:18px;border-radius:50%;border:none;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,transform .15s;z-index:4}.zm-node:hover .zm-btn,.zm-node.is-selected .zm-btn{opacity:1}.zm-btn:hover{transform:scale(1.15)}.zm-collapse{right:-8px;top:50%;width:14px;height:14px;background:#fff;border:1.5px solid;transform:translateY(-50%);box-shadow:0 1px 3px #0f172a2e}.zm-collapse.is-on-left{right:auto;left:-8px}.zm-collapse:hover{transform:translateY(-50%) scale(1.15);background:#fff}.zm-collapse-badge{position:absolute;top:50%;transform:translateY(-50%);left:calc(100% + 8px);min-width:18px;height:18px;padding:0 5px;border-radius:5px;color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;box-shadow:0 1px 2px #00000026;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;transition:filter .1s}.zm-collapse-badge.is-on-left{left:auto;right:calc(100% + 8px)}.zm-collapse-badge:hover{filter:brightness(.9)}.zm-node.has-image{flex-direction:column;padding:8px;gap:6px;white-space:normal}.zm-node-img{display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;object-fit:contain;border-radius:4px}.zm-node-link,.zm-node-note-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:currentColor;border-radius:3px;cursor:pointer;flex-shrink:0;text-decoration:none;opacity:.75;transition:opacity .1s,background .1s;pointer-events:auto}.zm-node-link:hover,.zm-node-note-btn:hover{opacity:1;background:#0f172a14}.zm-node-link svg,.zm-node-note-btn svg{display:block}.zm-img-resize-handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:#fff;border:1.5px solid #3b82f6;border-radius:2px;cursor:nwse-resize;z-index:4;box-shadow:0 1px 3px #0f172a33}.zm-node.is-resizing{cursor:nwse-resize!important}.zm-img-remove-btn{position:absolute;right:-5px;bottom:14px;width:14px;height:14px;background:#fff;border:1px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;padding:0;z-index:4;box-shadow:0 1px 2px #0f172a1f}.zm-img-remove-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.zm-order-badge{display:inline-block;margin-left:6px;padding:0 5px;font-size:10px;font-weight:600;line-height:16px;color:#475569;background:#e2e8f0;border-radius:3px;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.zm-canvas-fab{position:absolute;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 2px 8px #0f172a14;color:#475569;cursor:pointer;z-index:11;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,background .1s,color .1s}.zm-canvas-fab.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.zm-canvas-fab:hover{background:#f1f5f9;color:#1e293b;box-shadow:0 4px 12px #0f172a1f}.zm-canvas-fab:active{transform:scale(.94)}.zm-canvas-fab-preview{top:16px;right:16px}.zm-canvas-fab-outline{top:16px;left:16px}.zm-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 4px 12px #0000000f;z-index:10;transition:opacity .18s ease,transform .18s ease}.zm-toolbar.is-preview-only{opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}.zm-toolbar.is-preview-only.is-hovered{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.zm-tb-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#475569}.zm-tb-btn:hover{background:#f1f5f9;color:#1e293b}.zm-tb-btn img{filter:invert(20%) sepia(15%) saturate(500%) hue-rotate(180deg);transition:filter .1s}.zm-tb-btn:hover img{filter:invert(15%) sepia(30%) saturate(800%) hue-rotate(180deg)}.zm-tb-btn.active{background:var(--zm-tb-active, #fff7ed);color:var(--zm-tb-active-fg, #c2410c)}.zm-tb-divider{width:1px;height:18px;background:#e2e8f0;margin:0 4px}.zm-tb-tip{font-size:12px;color:#64748b;min-width:38px;text-align:center}.zm-outline-root{display:flex;flex-direction:column;height:100%}.zm-outline-actions{display:flex;justify-content:flex-end;padding:8px 10px 4px;flex-shrink:0}.zm-outline-action-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-family:inherit;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;transition:all .1s}.zm-outline-action-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.zm-outline-action-btn.is-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.zm-outline{list-style:none;margin:0;padding:4px 0 8px;font-size:13px;overflow:auto;flex:1;min-height:0}.zm-outline-row{display:flex;align-items:center;gap:6px;padding-right:6px;padding-top:4px;padding-bottom:4px;cursor:grab;color:#334155;border-radius:4px;margin:0 6px;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s;position:relative}.zm-outline-row:active{cursor:grabbing}.zm-outline-row:hover{background:#f1f5f9}.zm-outline-row.is-root{font-weight:600;color:#0f172a}.zm-outline-row.is-selected{background:#eff6ff;color:#1d4ed8}.zm-outline-row.is-selected .zm-outline-toggle,.zm-outline-row.is-selected .zm-outline-dot,.zm-outline-row.is-selected .zm-outline-row-copy,.zm-outline-row.is-selected .zm-outline-row-action{color:#1d4ed8}.zm-outline-row.is-drag-over-before:before,.zm-outline-row.is-drag-over-after:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:#3b82f6;border-radius:1px;pointer-events:none}.zm-outline-row.is-drag-over-before:before{top:0}.zm-outline-row.is-drag-over-after:after{bottom:0}.zm-outline-row.is-drag-over-child{background:#dbeafe!important;outline:2px solid #3b82f6;outline-offset:-2px}.zm-outline-toggle{width:16px;height:16px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;flex-shrink:0;padding:0}.zm-outline-toggle:hover{background:#e2e8f0;color:#475569}.zm-outline-dot{width:4px;height:4px;border-radius:50%;background:#cbd5e1;flex-shrink:0;margin:0 6px}.zm-outline-index{font-size:11px;color:#94a3b8;font-variant-numeric:tabular-nums;min-width:22px;flex-shrink:0;-webkit-user-select:none;user-select:none}.zm-outline-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.zm-outline-input{flex:1;font:inherit;font-size:13px;color:inherit;background:#fff;border:1px solid #3b82f6;border-radius:3px;padding:1px 4px;margin:-2px 0;outline:none}.zm-outline-row-action{width:20px;height:20px;border:1px solid transparent;background:transparent;color:#94a3b8;cursor:pointer;border-radius:4px;flex-shrink:0;padding:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s,background .1s,color .1s,border-color .1s}.zm-outline-row:hover .zm-outline-row-action,.zm-outline-row.is-selected .zm-outline-row-action{opacity:1}.zm-outline-row-action:hover{background:#e0e7ff;color:#4338ca;border-color:#c7d2fe}.zm-outline-row-action img{filter:invert(38%) sepia(94%) saturate(2417%) hue-rotate(229deg) brightness(91%) contrast(91%)}.zm-outline-row-copy{width:20px;height:20px;border:none;background:transparent;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;flex-shrink:0;padding:0;opacity:0;transition:opacity .1s,background .1s,color .1s}.zm-outline-row:hover .zm-outline-row-copy,.zm-outline-row.is-selected .zm-outline-row-copy{opacity:1}.zm-outline-row-copy:hover{background:#e2e8f0;color:#475569}.zm-outline-row-copy.is-success{opacity:1;color:#047857;background:#ecfdf5}
+*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.zm-note-panel{display:flex;flex-direction:column;height:100%;padding:12px 12px 16px;gap:10px;background:#f8fafc}.zm-note-empty{padding:20px 12px;color:#64748b;font-size:13px;line-height:1.6}.zm-note-empty p{margin:0 0 6px}.zm-note-hint{color:#94a3b8;font-size:12px}.zm-note-header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.zm-note-title-row{display:flex;align-items:baseline;gap:8px;min-width:0}.zm-note-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;flex-shrink:0}.zm-note-name{font-size:13px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.zm-note-meta{font-size:11px;color:#94a3b8}.zm-note-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.zm-note-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.zm-note-section-head{display:flex;align-items:center;gap:8px;min-width:0}.zm-note-section-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;flex:1;min-width:0}.zm-note-section-hint{font-size:10px;color:#94a3b8}.zm-note-section-tag{font-size:10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;line-height:1.4}.zm-note-section-actions{display:flex;justify-content:flex-end}.zm-note-textarea{width:100%;min-height:120px;padding:10px 12px;font:inherit;font-size:13px;line-height:20px;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;resize:none;outline:none;box-sizing:border-box;font-family:inherit;overflow:hidden}.zm-note-textarea:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.zm-note-textarea:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.zm-note-textarea::placeholder{color:#94a3b8;white-space:pre-line}.zm-note-split{display:flex;flex-direction:column;gap:6px}.zm-note-preview-toggle{font:inherit;font-size:10px;color:#1d4ed8;background:transparent;border:1px solid #bfdbfe;border-radius:999px;padding:1px 8px;cursor:pointer;transition:all .1s;flex-shrink:0}.zm-note-preview-toggle:hover{background:#eff6ff;border-color:#93c5fd}.zm-note-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px;max-height:240px;overflow:auto;font-size:13px;line-height:1.6;color:#1e293b}.zm-note-preview-hint{color:#94a3b8;font-size:12px;font-style:italic}.zm-note-preview-body h1,.zm-note-preview-body h2,.zm-note-preview-body h3{margin:8px 0 4px;font-weight:600;color:#0f172a}.zm-note-preview-body h1{font-size:16px}.zm-note-preview-body h2{font-size:14px}.zm-note-preview-body h3{font-size:13px}.zm-note-preview-body h4,.zm-note-preview-body h5,.zm-note-preview-body h6{margin:6px 0 4px;font-size:12px;font-weight:600;color:#334155}.zm-note-preview-body p{margin:0 0 6px}.zm-note-preview-body p:last-child{margin-bottom:0}.zm-note-preview-body ul,.zm-note-preview-body ol{margin:0 0 6px;padding-left:20px}.zm-note-preview-body li{margin:0 0 2px}.zm-note-preview-body blockquote{margin:0 0 6px;padding:4px 10px;border-left:3px solid #cbd5e1;color:#475569;background:#f1f5f9}.zm-note-preview-body code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;background:#f1f5f9;padding:1px 4px;border-radius:3px;color:#be185d}.zm-note-preview-body pre{margin:0 0 6px;padding:8px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;overflow:auto}.zm-note-preview-body pre code{background:transparent;padding:0;color:inherit;font-size:12px;line-height:1.55}.zm-note-preview-body a{color:#1d4ed8;text-decoration:underline;text-decoration-color:#bfdbfe}.zm-note-preview-body a:hover{text-decoration-color:#1d4ed8}.zm-note-preview-body table{border-collapse:collapse;margin:0 0 6px;font-size:12px}.zm-note-preview-body th,.zm-note-preview-body td{border:1px solid #e2e8f0;padding:4px 8px;text-align:left}.zm-note-preview-body th{background:#f1f5f9;font-weight:600}.zm-note-preview-body hr{border:none;border-top:1px solid #e2e8f0;margin:8px 0}.zm-note-preview-body img{max-width:100%;max-height:200px;border-radius:4px;display:block}.zm-note-input{width:100%;padding:7px 10px;font:inherit;font-size:12px;line-height:1.5;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;box-sizing:border-box;font-family:inherit}.zm-note-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.zm-note-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.zm-note-input-code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:11px;min-height:80px;resize:none;white-space:pre;line-height:20px;overflow:hidden}.zm-note-add-row{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 0}.zm-note-add-chip{font:inherit;font-size:11px;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:999px;padding:3px 10px;cursor:pointer;transition:all .1s}.zm-note-add-chip:hover{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}.zm-note-link-chip{display:inline-block;max-width:100%;padding:6px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;font-size:12px;text-decoration:none;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:background .1s}.zm-note-link-chip:hover{background:#dbeafe}.zm-note-image{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:6px;background:#f1f5f9;margin:0 auto}.zm-note-code{margin:0;padding:10px 12px;background:#f1f5f9;color:#24292e;border:1px solid #e2e8f0;border-radius:8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto;box-shadow:0 1px 3px #0f172a14}.zm-note-code code{font:inherit;color:inherit;background:transparent;padding:0}.zm-note-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;color:#1e293b;table-layout:auto;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #92400e14}.zm-note-table td{border-top:1px solid #fde68a;border-right:1px solid #fde68a;padding:6px 10px;text-align:left;vertical-align:top;word-break:break-word;background:#fffbeb}.zm-note-table tr:last-child td{border-bottom:none}.zm-note-table td:last-child{border-right:none}.zm-note-table-sort{background:#fef3c7;font-weight:600;padding:6px 10px;border-bottom:1px solid #fcd34d;border-right:1px solid #fde68a;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.zm-note-table-sort:last-child{border-right:none}.zm-note-table-sort:hover{background:#fde68a}.zm-note-table-sort.is-sorted{background:#fde68a;color:#92400e}.zm-note-table-sort-mark{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;color:#94a3b8}.zm-note-table-sort.is-sorted .zm-note-table-sort-mark{color:#1d4ed8}.zm-note-action-btn{padding:4px 10px;font-size:12px;font-family:inherit;color:#fff;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;cursor:pointer;transition:all .1s}.zm-note-action-btn.is-danger{color:#b91c1c;background:#fff;border-color:#fca5a5}.zm-note-action-btn.is-danger:hover{background:#fee2e2;border-color:#f87171}.zm-app{display:flex;width:100%;height:100%;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:#1e293b;overflow:hidden}.zm-app-main{flex:1;display:flex;flex-direction:column;min-width:0}.zm-app-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.zm-app-icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;color:#475569}.zm-app-icon-btn:hover{background:#f1f5f9;color:#1e293b}.zm-app-spacer{flex:1}.zm-app-tip{font-size:12px;color:#64748b}.zm-app-icon-btn.is-on{background:#e0e7ff;color:#4338ca}.zm-app-preview-exit{position:absolute;top:12px;right:12px;z-index:10;width:32px;height:32px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0f172a14;transition:background .1s,color .1s,transform .1s}.zm-app-preview-exit:hover{background:#f1f5f9;color:#0f172a;transform:scale(1.05)}.zm-app-canvas{flex:1;position:relative;min-height:0}.zm-settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a26;z-index:49;pointer-events:none}.zm-settings-popover{position:absolute;top:50px;right:16px;width:320px;max-height:calc(100% - 64px);z-index:50;display:flex;flex-direction:column}.zm-settings-popover>*{pointer-events:auto}.zm-settings-popover .zm-settings-popover-header,.zm-settings-popover .zm-settings-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 28px #0f172a1f;overflow:auto}.zm-settings-popover .zm-settings-popover-header{display:flex;align-items:center;padding:8px 10px 8px 14px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.zm-settings-popover-title{flex:1;font-size:13px;font-weight:600;color:#1e293b;letter-spacing:.02em}.zm-settings-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer}.zm-settings-close:hover{background:#f1f5f9;color:#1e293b}

package/dist/tree.d.ts

@@ -0,0 +1,96 @@
+import type { MindMapNode } from './types';
+export declare function uid(): string;
+export declare function clone<T>(o: T): T;
+export declare function findNode(root: MindMapNode, id: string): MindMapNode | null;
+export declare function findParent(root: MindMapNode, id: string, parent?: MindMapNode | null): MindMapNode | null;
+export declare function removeNode(root: MindMapNode, id: string): boolean;
+/** Replace the text of a node by id.  Returns true on success, false
+ *  if the node was not found.  No-op on an empty / same string. */
+export declare function setNodeText(root: MindMapNode, id: string, text: string): boolean;
+/** Position relative to a target node when moving a sibling. */
+export type MovePosition = 'before' | 'after' | 'child';
+/** Move a node to a new location in the tree.
+ *  - 'before' / 'after': insert as a sibling of the target at that slot
+ *    (target's parent's children array).
+ *  - 'child': insert as the last child of the target.
+ *  No-op (returns false) if src === root, or if the move would
+ *  create a cycle (i.e. the target lives inside the src subtree, or
+ *  src is already in the target's desired position). */
+export declare function moveNode(root: MindMapNode, srcId: string, targetId: string, position: MovePosition): boolean;
+export declare function addChild(root: MindMapNode, parentId: string, text?: string): MindMapNode | null;
+export declare function addSibling(root: MindMapNode, nodeId: string, text?: string): MindMapNode | null;
+/**
+ * Insert a new sibling node BEFORE the given node (Shift+Enter in xmind).
+ * Returns the new node, or null if the target is the root.
+ */
+export declare function addSiblingBefore(root: MindMapNode, nodeId: string, text?: string): MindMapNode | null;
+/**
+ * Deep-clone a node (with all its descendants) and insert the copy as a
+ * sibling immediately after the original. New ids are generated so the
+ * result is a real duplicate. Returns the new node, or null if the
+ * target is the root.
+ */
+export declare function duplicateNode(root: MindMapNode, nodeId: string): MindMapNode | null;
+export declare function countDescendants(n: MindMapNode): number;
+export declare const DEFAULT_NEW_NODE_TEXT = "\u65B0\u8282\u70B9";
+/**
+ * Parse a Markdown string into a MindMapNode tree.  Each heading
+ * becomes a node; its level sets the depth.
+ *   - `# Title`     → root text (overrides `rootText`)
+ *   - `## Sub`      → child of the previous #/##/... heading
+ *   - bullet / paragraph text between headings → first child
+ *     of the preceding heading (so a `# Topic\n- detail` tree
+ *     gives one root node with one child).
+ *
+ * Inline fields parsed from a heading's body (in order, attached
+ * to the heading that precedes them):
+ *   - `![alt](url)`            → image
+ *   - `[label](url)`           → link (label becomes the node's text)
+ *   - ` ```note ... ``` `      → note (the fence body becomes note.text)
+ *
+ * Empty input, or input with no `#` heading, returns a single
+ * root with the fallback text.
+ */
+export declare function markdownToMindMap(md: string, rootText?: string): MindMapNode;
+/**
+ * Round-trip-safe Markdown export of a MindMapNode tree.  Each
+ * heading is emitted as `#…`, then any inline fields (link /
+ * image / note) in a fixed order so the same source produces
+ * byte-stable output across re-exports.
+ *
+ * The `note` field round-trips through a ` ```note ` fence so a
+ * user opening the export in any markdown editor sees a clearly
+ * labeled block.  The link is emitted as a standard `[label](url)`
+ * with the node's text as the label — this keeps the export
+ * human-readable and lets `markdownToMindMap` re-attach the
+ * link to the right heading.
+ */
+export declare function mindMapToMarkdown(n: MindMapNode, depth?: number): string;
+/**
+ * Parse a whole markdown document into a MindMapNode tree where
+ * every block (heading, paragraph, list, code fence, table)
+ * becomes a node.  Body blocks carry their original markdown
+ * payload in `node.richContent` so the renderer can show code,
+ * tables, lists, etc. inside the node box.  Headings form the
+ * hierarchy; everything else is attached to the most recent
+ * heading as a child (or to the synthetic root if no heading
+ * has been seen yet).
+ *
+ * Unlike `markdownToMindMap`, this does NOT collapse body into
+ * a single child of the heading, and the depth is unbounded —
+ * a paragraph under `## Foo` becomes a child of `Foo`, and a
+ * paragraph that follows a list under the same heading becomes
+ * a sibling of that list, etc.  This is the mode the user
+ * asked for: "every paragraph becomes a child, no depth limit".
+ *
+ * A document with no `#` heading still produces a valid tree —
+ * every block lands under the synthetic root.
+ */
+export declare function markdownToRichMindMap(md: string, rootText?: string): MindMapNode;
+/**
+ * Serialize a single node's rich body (if any) back to the
+ * original markdown it came from.  Used by `mindMapToMarkdown`
+ * to round-trip a tree built by `markdownToRichMindMap`.
+ * Returns '' when the node has no rich body.
+ */
+export declare function richBlockToMarkdown(n: MindMapNode): string;

package/dist/types.d.ts

@@ -0,0 +1,270 @@
+export interface MindMapNode {
+    id: string;
+    text: string;
+    children: MindMapNode[];
+    collapsed?: boolean;
+    /**
+     * Reserved for the layout algorithm — do not set or read from
+     * your own code.  After a drag, MindMap writes the dragged
+     * node's offset into the data tree so a subsequent layout with
+     * `preservePositions: true` can keep the node where the user
+     * put it.  Cleared on the next data-mutating action (add,
+     * remove, edit, import) so unrelated re-layouts don't keep
+     * stale overrides around.
+     */
+    _x?: number;
+    _y?: number;
+    /**
+     * Optional embedded image shown above the node text.  The
+     * image is stored as either a remote URL (preferred) or a
+     * data: URL (fallback for local-file uploads); width/height
+     * reflect the rendered size, which the user can resize via
+     * a drag handle.  naturalW/naturalH preserve the source
+     * aspect ratio so a resize keeps the original proportions.
+     */
+    image?: MindMapImage;
+    /**
+     * Optional external link.  When set, the node renders a
+     * small link icon next to its text; clicking the icon
+     * navigates to `url` in a new tab.  No validation is
+     * performed at write time — the rendering layer is
+     * responsible for rejecting dangerous schemes (javascript:,
+     * data:, …) before following the link.
+     */
+    link?: {
+        url: string;
+    };
+    /**
+     * Optional free-form note.  When set, the node renders a
+     * small note icon next to its text; clicking the icon
+     * expands an inline textarea below the node for editing,
+     * hovering the icon shows a tooltip preview.  An empty
+     * `text` field is treated as "no note" by the UI.
+     */
+    note?: {
+        text: string;
+    };
+    /**
+     * Optional rich body.  When set, the node renders the raw
+     * markdown payload in a small framed block under the title
+     * (code fences get monospace styling, lists get bullet
+     * markers, tables get a mini grid, paragraphs get plain
+     * text).  Produced by `markdownToRichMindMap` so a whole
+     * markdown document can be previewed as a mindmap without
+     * losing its body content.  The first line of `raw` is
+     * still available as `text` so the node always has a
+     * meaningful label.
+     */
+    richContent?: RichContent;
+}
+/**
+ * A node body that came from a markdown block.  `raw` is the
+ * original markdown source for the block (preserved verbatim so
+ * `mindMapToMarkdown` can re-emit it byte-for-byte).  `kind`
+ * tells the renderer which layout to use.
+ */
+export interface RichContent {
+    kind: 'code' | 'list' | 'table' | 'paragraph';
+    /** Original markdown source.  Always non-empty. */
+    raw: string;
+    /**
+     * Optional language tag for code blocks (the info string after
+     * the opening fence).  `undefined` for non-code kinds.
+     */
+    lang?: string;
+}
+export interface MindMapImage {
+    /** Remote URL or data URL.  Always a string — never undefined. */
+    src: string;
+    /** Source image intrinsic size, in px.  Used to lock aspect
+     *  ratio during a user-driven resize. */
+    naturalW: number;
+    naturalH: number;
+    /** Current rendered size, in px.  Drag handle writes to these
+     *  fields.  Clamped to a sane range by the layout (≥24, ≤400). */
+    width: number;
+    height: number;
+}
+export interface MindMapOptions {
+    data: MindMapNode;
+    theme?: MindMapTheme;
+}
+export interface MindMapTheme {
+    rootBg?: string;
+    rootText?: string;
+    branchBg?: string;
+    branchText?: string;
+    lineColor?: string;
+    bgColor?: string;
+    fontSize?: number;
+    /** Stroke width of SVG connecting paths at the *parent-end* of the
+       *  edge, in px.  Default 2.2. */
+    lineWidthStart?: number;
+    /** Stroke width at the *child-end* of the edge, in px.  Default 0.8. */
+    lineWidthEnd?: number;
+    /**
+     * When true, each top-level branch gets its own color (root stays
+     * neutral, every child[0] of root takes a different hue, and that
+     * hue propagates down the subtree).  Default false.
+     */
+    rainbowBranch?: boolean;
+}
+export type LineStyle = 'curve' | 'straight';
+export type LayoutMode = 'mindmap' | 'tree' | 'org';
+/** Identifier for a branch palette — the id of a built-in (e.g.
+ *  'default', 'classic', 'vivid', 'dev', 'mint') or a user-defined
+ *  custom palette.  Strings rather than a string union so users
+ *  can add their own ids without recompiling the type. */
+export type BranchPaletteId = string;
+/**
+ * A named 8-color palette cycled across top-level branches when
+ * `rainbowBranch` is on.  Exposed in the public API so the library
+ * consumer can register their own scheme (e.g. a corporate brand
+ * palette) via `setBranchPalette` / `customPalettes`.
+ */
+export interface BranchPalette {
+    id: BranchPaletteId;
+    name: string;
+    /** Hex colors cycled across top-level branches, in display order.
+     *  When a palette has fewer than the number of branches, colors
+     *  wrap around with modulo. */
+    colors: string[];
+}
+export interface MindMapSettings {
+    /** When the user adds a new node or finishes a drag, automatically
+     *  snap the layout back to balanced mode.  Default false. */
+    autoBalanceOnChange: boolean;
+    /** Stroke width of SVG edges at the parent end. */
+    lineWidthStart: number;
+    /** Stroke width of SVG edges at the child end. */
+    lineWidthEnd: number;
+    /** Color-cycle the top-level branches. */
+    rainbowBranch: boolean;
+    /** Which named palette to use when rainbowBranch is on.  Built-in
+     *  ids: 'default' | 'classic' | 'vivid' | 'dev' | 'mint'.  Any
+     *  custom palette id in `customPalettes` is also valid.  Default
+     *  'default'. */
+    branchPaletteId: BranchPaletteId;
+    /** User-defined palettes.  The settings panel lets the user add,
+     *  edit (via a textarea of hex codes), and delete entries.  The
+     *  canvas treats these as first-class palettes alongside the
+     *  built-ins.  Persisted by the host app. */
+    customPalettes: BranchPalette[];
+    /** Edge shape between parent and child. 'curve' = fish-gill bezier
+     *  (xmind default), 'straight' = direct line segment. */
+    lineStyle: LineStyle;
+    /** Layout mode (1.html parity).  'mindmap' = center + left/right
+     *  fans; 'tree' = single column expanding to the right; 'org' =
+     *  downward hierarchy.  Default 'mindmap'. */
+    layoutMode: LayoutMode;
+    /** When true (default), each edge tapers independently — its
+     *  parent-end width comes from the parent node's tier and its
+     *  child-end width comes from `lineWidthEnd`.  Visually you get
+     *  discrete ribbons where the parent side of a level-2 edge can
+     *  be thicker than the child side of a level-1 edge.
+     *  When false, the whole tree forms a single tapered band:
+     *  every edge's parent end = the previous edge's child end, so
+     *  widths interpolate continuously from root to leaves. */
+    taperedEdge: boolean;
+    /** When true, every node shows a small badge with its zero-based
+     *  position in its parent's children array ("1.", "2.", "3.").
+     *  Default false — useful when verifying the data-tree order
+     *  against the visual layout. */
+    showOrderBadge: boolean;
+}
+export interface NodeStyle {
+    bg?: string;
+    textColor?: string;
+    borderColor?: string;
+    fontWeight?: 400 | 600;
+}
+export interface MindMapExpose {
+    addChild: (parentId: string) => void;
+    addSibling: (nodeId: string) => void;
+    removeNode: (nodeId: string) => void;
+    duplicateNode: (nodeId: string) => void;
+    /** Set a node's text (no-op if unchanged).  Used by the outline
+     *  panel's inline edit; the canvas has its own dblclick → input
+     *  flow. */
+    setNodeText: (nodeId: string, text: string) => void;
+    /** Move a node to a new location.  `position` is relative to
+     *  `targetId`: 'before' / 'after' insert as siblings, 'child'
+     *  makes it the last child of target.  Used by the outline panel's
+     *  drag-and-drop.  Returns true on success, false (no-op) if the
+     *  move would create a cycle or hit another invalid case. */
+    moveNode: (srcId: string, targetId: string, position: 'before' | 'after' | 'child') => boolean;
+    getData: () => MindMapNode;
+    setData: (data: MindMapNode) => void;
+    resetView: () => void;
+    exportData: () => string;
+    importData: (json: string) => boolean;
+    /** Serialize the current data tree as markdown. */
+    getMarkdown: () => string;
+    /** Replace the data tree with the result of parsing `md`.  The
+     *  `emitMarkdownChange` flag (default true) controls whether the
+     *  change is also echoed via `markdownChange` — set false to
+     *  avoid feedback loops when the host just wrote back the
+     *  value the component emitted. */
+    setMarkdown: (md: string, emitMarkdownChange?: boolean) => void;
+    setBalanced: (value: boolean) => void;
+    isBalanced: () => boolean;
+    balance: () => void;
+    /** Apply or update the per-node style override (empty object clears it). */
+    applyNodeStyle: (nodeId: string, style: NodeStyle) => void;
+    /** Read the current per-node style override. */
+    getNodeStyle: (nodeId: string) => NodeStyle;
+    /** Set a node's external link.  Pass an empty string to clear. */
+    applyNodeLink: (nodeId: string, url: string) => void;
+    /** Remove a node's link (no-op if absent). */
+    removeNodeLink: (nodeId: string) => void;
+    /** Set a node's note text.  Pass an empty string to clear. */
+    applyNodeNote: (nodeId: string, text: string) => void;
+    /** Remove a node's note (no-op if absent). */
+    removeNodeNote: (nodeId: string) => void;
+    /** Set a node's image from a URL or data: URI.  Fetches the
+     *  asset to read its natural dimensions; clamps to IMG_MAX_W
+     *  with a preserved aspect ratio.  Empty string removes the
+     *  image. */
+    applyNodeImageByUrl: (nodeId: string, url: string) => void;
+    /** Set a node's image from a fully-resolved MindMapImage.
+     *  Used by the file-picker flow (readImageFile) and the drag
+     *  resize handle.  Prefer `applyNodeImageByUrl` from the
+     *  panel — it fetches the natural dimensions for you. */
+    applyNodeImage: (nodeId: string, image: MindMapImage) => void;
+    /** Remove a node's image (no-op if absent). */
+    removeNodeImage: (nodeId: string) => void;
+    /** Set a node's rich body (code block or table).  Pass `null`
+     *  to remove the body.  The renderer reads `kind` to decide
+     *  which preview layout to use. */
+    applyNodeRichContent: (nodeId: string, content: {
+        kind: 'code' | 'table';
+        raw: string;
+        lang?: string;
+    } | null) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    /** Apply a partial settings object — keys you omit are left as-is. */
+    applySettings: (s: Partial<MindMapSettings>) => void;
+    /** Read the current effective settings. */
+    getSettings: () => MindMapSettings;
+    /** Set the active branch palette by id.  The id may be a built-in
+     *  ('default' / 'classic' / 'vivid' / 'dev' / 'mint') or a custom
+     *  palette id from `customPalettes`.  No-op if the id is unknown. */
+    setBranchPalette: (id: BranchPaletteId) => void;
+    /** Read the active palette id. */
+    getBranchPalette: () => BranchPaletteId;
+    /** Read every palette the canvas knows about — built-ins first,
+     *  then the user's custom palettes.  Useful for the host app to
+     *  render a picker. */
+    getBranchPalettes: () => BranchPalette[];
+    /** Stroke width used for the parent end of an edge that starts at
+     *  a node of the given depth. Lets the canvas taper sharply
+     *  (root → 1st → 2nd → 3rd+) instead of using a single global
+     *  width. */
+    lineWidthForDepth: (depth: number) => number;
+    /** Stroke width used for the child end of an edge that ends at
+     *  a node of the given depth. */
+    endWidthForDepth: (depth: number) => number;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "flow-mindmap",
-    "version":  "0.4.0",
+    "version":  "0.4.1",
     "description":  "A modern, minimalist mind mapping tool 闂?xmind-style, embeddable as a Vue component.",
     "type":  "module",
     "license":  "Apache-2.0",