deepsky-core 1.145.1 → 1.148.0

package/dist/index.css

@@ -2,12 +2,12 @@
 
 
 .freeze {
-&[data-v-429b7cc9] {
+&[data-v-4ede6082] {
     background: var(--scope-freeze-bg) !important;
     border: var(--scope-freeze-border) !important;
     box-shadow: var(--scope-freeze-shadow) !important;
 }
-.scope-item[data-v-429b7cc9] {
+.scope-item[data-v-4ede6082] {
         transition: 0.2s;
         background: var(--scope-freeze-item-bg) !important;
         border: var(--scope-freeze-item-border) !important;
@@ -16,20 +16,17 @@
 }
 }
 .note-scope {
-&[data-v-429b7cc9] {
+&[data-v-4ede6082] {
     transition: 0.2s;
     z-index: 7;
     position: fixed;
     background: var(--scope-bg);
     border: var(--scope-border);
     border-radius: 6px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
     box-shadow: var(--scope-shadow);
     box-sizing: border-box;
 }
-.scope-item[data-v-429b7cc9] {
+.scope-item[data-v-4ede6082] {
         transition: 0.2s;
         position: fixed;
         background: var(--scope-item-bg);
@@ -42,30 +39,30 @@
         box-sizing: border-box;
         text-shadow: 0px 0px 2px #ffffff66;
         box-shadow: var(--scope-item-shadow);
-        animation: scope-item-in-429b7cc9 0.2s ease-out both;
+        animation: scope-item-in-4ede6082 0.2s ease-out both;
 }
 .iconbox {
-&[data-v-429b7cc9] {
+&[data-v-4ede6082] {
         display: flex;
         justify-content: space-evenly;
         align-items: center;
         width: 100%;
 }
 .iconfont {
-&[data-v-429b7cc9] {
+&[data-v-4ede6082] {
             transition: 0.3s;
             text-shadow: var(--scope-icon-shadow);
             cursor: pointer;
             color: var(--scope-icon-color);
 }
-&[data-v-429b7cc9]:hover {
+&[data-v-4ede6082]:hover {
                 color: var(--scope-icon-hover-color);
                 text-shadow: var(--scope-icon-hover-shadow);
 }
 }
 }
 }
-@keyframes scope-item-in-429b7cc9 {
+@keyframes scope-item-in-4ede6082 {
 from {
         opacity: 0;
         transform: scale(0.5);
@@ -132,7 +129,7 @@ to {
 
 
 .map-mini {
-&[data-v-91845cb2] {
+&[data-v-6a36cb14] {
     position: absolute;
     bottom: 42px;
     left: 10px;
@@ -143,7 +140,7 @@ to {
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
 }
 .map-mini-title {
-&[data-v-91845cb2] {
+&[data-v-6a36cb14] {
         display: flex;
         flex-flow: row nowrap;
         justify-content: space-between;
@@ -153,18 +150,18 @@ to {
         border-bottom: 1px solid var(--map-mini-border, #e2e8f0);
         user-select: none;
 }
-.map-mini-label[data-v-91845cb2] {
+.map-mini-label[data-v-6a36cb14] {
             font-size: 11px;
             color: var(--map-mini-title-color, #94a3b8);
             white-space: nowrap;
 }
 .scale-btns {
-&[data-v-91845cb2] {
+&[data-v-6a36cb14] {
             display: flex;
             gap: 1px;
 }
 button {
-&[data-v-91845cb2] {
+&[data-v-6a36cb14] {
                 padding: 1px 5px;
                 border: none;
                 border-radius: 3px;
@@ -177,10 +174,10 @@ button {
                     background 0.12s,
                     color 0.12s;
 }
-&[data-v-91845cb2]:hover {
+&[data-v-6a36cb14]:hover {
                     background: var(--map-mini-border, #e2e8f0);
 }
-&.active[data-v-91845cb2] {
+&.active[data-v-6a36cb14] {
                     background: var(--map-mini-title-color, #94a3b8);
                     color: var(--map-mini-bg, #fff);
 }
@@ -188,11 +185,11 @@ button {
 }
 }
 canvas {
-&[data-v-91845cb2] {
+&[data-v-6a36cb14] {
         display: block;
         cursor: grab;
 }
-&[data-v-91845cb2]:active {
+&[data-v-6a36cb14]:active {
             cursor: grabbing;
 }
 }
@@ -200,7 +197,7 @@ canvas {
 
 
 .map-status {
-&[data-v-183f92ee] {
+&[data-v-30d3f85c] {
     display: flex;
     flex-flow: row nowrap;
     gap: 10px;
@@ -209,38 +206,37 @@ canvas {
     left: 0px;
     margin: 10px;
 }
-.tool-item[data-v-183f92ee] {
-        background: var(--map-status-tools-bg);
+.tool-item[data-v-30d3f85c] {
         box-shadow: var(--map-status-tools-shadow);
         color: var(--map-status-tools-color);
         padding: 4px 8px;
         font-size: 14px;
 }
 .map-canvas {
-&[data-v-183f92ee] {
+&[data-v-30d3f85c] {
         border-radius: 4px;
         cursor: pointer;
         user-select: none;
         transition: background 0.15s;
 }
-&.active[data-v-183f92ee] {
+&.active[data-v-30d3f85c] {
             background: var(--map-status-active-bg, rgba(100, 160, 240, 0.18));
 }
 }
 .map-nodes {
-&[data-v-183f92ee] {
+&[data-v-30d3f85c] {
         border-radius: 4px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         gap: 4px;
 }
-.iconfont[data-v-183f92ee] {
+.iconfont[data-v-30d3f85c] {
             cursor: pointer;
 }
 }
 .map-scale {
-&[data-v-183f92ee] {
+&[data-v-30d3f85c] {
         border-radius: 4px;
         display: flex;
         justify-content: space-between;
@@ -248,11 +244,11 @@ canvas {
         gap: 2px;
         padding: 0px 4px;
 }
-& > span[data-v-183f92ee] {
+& > span[data-v-30d3f85c] {
             padding: 4px;
             font-size: 14px;
 }
-.iconfont[data-v-183f92ee] {
+.iconfont[data-v-30d3f85c] {
             cursor: pointer;
 }
 }
@@ -1076,7 +1072,10 @@ input[data-v-13d4fd0e] {
 
 
 /* @import url("http://at.alicdn.com/t/c/font_4969407_yu0si81f92b.css"); */
-
+:root {
+    background: var(--page-bg);
+    color: var(--color);
+}
 * {
     margin: 0px;
     padding: 0px;
@@ -1164,47 +1163,53 @@ input[data-v-13d4fd0e] {
 }
 
 
-.cube-map[data-v-53b2d705] {
+.cube-map[data-v-4a2718d4] {
     position: relative;
     width: 100%;
     height: 100%;
 }
-
+.group-outbox {
+.node-outbox[data-v-4a2718d4] {
+        fill: var(--node-bg);
+        stroke: var(--node-hover-stroke);
+        stroke-width: 2;
+}
+}
 /* 硬件加速 */
-.group-nodes[data-v-53b2d705] {
+.group-nodes[data-v-4a2718d4] {
     transform: translateZ(1);
 }
 .group-linkers {
-&[data-v-53b2d705]{
+&[data-v-4a2718d4]{
     transform: translateZ(1);
     }
-path[data-v-53b2d705] {
+path[data-v-4a2718d4] {
         fill: none;
         filter: var(--linker-filter);
 }
 }
 .group-placeholder {
-&[data-v-53b2d705]{
+&[data-v-4a2718d4]{
     pointer-events: none;
     }
-.placeholder-linker[data-v-53b2d705] {
+.placeholder-linker[data-v-4a2718d4] {
         fill: none;
         filter: var(--linker-filter);
         stroke: var(--placeholder-linker-stroke);
         stroke-width: 2;
 }
-.placeholder-box-selector[data-v-53b2d705] {
+.placeholder-box-selector[data-v-4a2718d4] {
         stroke: var(--placeholder-box-selector-stroke);
         fill: var(--placeholder-box-selector-fill);
         stroke-width: 2;
 }
-.placeholder-line-delete[data-v-53b2d705] {
+.placeholder-line-delete[data-v-4a2718d4] {
         stroke-width: 2;
         fill: none;
         filter: drop-shadow(0px 0px 6px #ff7f7f);
 }
 }
-svg[data-v-53b2d705] {
+svg[data-v-4a2718d4] {
     width: 100%;
     height: 100%;
     position: absolute;
@@ -1621,12 +1626,12 @@ img[data-v-69532892] {
 }
 
 
-.cube-doc[data-v-4a9ebd38] {
+.cube-doc[data-v-5c77245d] {
     position: relative;
     font-family: var(--text-family);
     padding: 2px;
 }
-.cube-doc-footer[data-v-4a9ebd38] {
+.cube-doc-footer[data-v-5c77245d] {
     user-select: none;
     width: 100%;
     height: 50vh;
@@ -1740,7 +1745,7 @@ img[data-v-69532892] {
 
 
 /* SVG描边动画 */
-@keyframes dash-b2a878c4 {
+@keyframes dash-54f9b946 {
 from {
         stroke-dashoffset: 0px;
         stroke-dasharray: 3% 2%;
@@ -1751,42 +1756,42 @@ to {
 }
 }
 .cube-node {
-foreignObject[data-v-b2a878c4] {
+foreignObject[data-v-54f9b946] {
         border-radius: 4px;
         contain: layout;
         color: var(--color);
 }
-path[data-v-b2a878c4] {
+path[data-v-54f9b946] {
         fill: var(--fill, var(--node-bg));
         stroke-dasharray: var(--node-border-dash-array);
         transition: var(--map-transition-duration);
 }
-&:hover > path[data-v-b2a878c4] {
+&:hover > path[data-v-54f9b946] {
         stroke: var(--node-hover-stroke);
 }
-&[data-editing="true"] > path[data-v-b2a878c4] {
+&[data-editing="true"] > path[data-v-54f9b946] {
         stroke: black;
         stroke-width: 2;
 }
 }
 .node-selected {
-path[data-v-b2a878c4] {
+path[data-v-54f9b946] {
         stroke: var(--node-selected-stroke) !important;
         stroke-width: var(--node-selected-stroke-width);
         stroke-dasharray: none;
 }
 }
 .line-delete-selected {
-path[data-v-b2a878c4] {
+path[data-v-54f9b946] {
         fill: var(--linker-delete-selected-fill) !important;
         filter: var(--linker-delete-selected-filter);
 }
 }
 .node-dragging {
-&[data-v-b2a878c4] {
+&[data-v-54f9b946] {
     opacity: var(--node-dragging-opacity);
 }
-path[data-v-b2a878c4] {
+path[data-v-54f9b946] {
         stroke: var(--node-dragging-stroke) !important;
         stroke-width: var(--node-dragging-stroke-width);
         stroke-dasharray: none;
@@ -1794,14 +1799,14 @@ path[data-v-b2a878c4] {
 }
 }
 .node-editable {
-path[data-v-b2a878c4] {
+path[data-v-54f9b946] {
         /* fill: var(--node-editable-bg) !important; */
         filter: drop-shadow(0px 0px 20px var(--fill));
-        animation: dash-b2a878c4 24s linear infinite;
+        animation: dash-54f9b946 24s linear infinite;
 }
 }
 .cube-node-box {
-&[data-v-b2a878c4] {
+&[data-v-54f9b946] {
     margin: 0px !important;
     display: inline-block;
     min-width: var(--node-cbox-min-width);
@@ -1810,7 +1815,7 @@ path[data-v-b2a878c4] {
     transition: 0.2s;
 }
 .node-status {
-&[data-v-b2a878c4] {
+&[data-v-54f9b946] {
         display: flex;
         flex-flow: row wrap;
         align-items: center;
@@ -1820,19 +1825,19 @@ path[data-v-b2a878c4] {
         border: var(--node-status-border);
         background: var(--node-status-bg);
 }
-&[data-v-b2a878c4]:empty {
+&[data-v-54f9b946]:empty {
             display: none;
 }
-div[data-v-b2a878c4] {
+div[data-v-54f9b946] {
             cursor: pointer;
 }
-.status-fold[data-v-b2a878c4] {
+.status-fold[data-v-54f9b946] {
             border-radius: 4px;
             font-size: 10px;
             border: 1px dashed;
             padding: 1px 4px;
 }
-.iconfont[data-v-b2a878c4] {
+.iconfont[data-v-54f9b946] {
             cursor: pointer;
 }
 }
@@ -1929,7 +1934,7 @@ div[data-v-b2a878c4] {
 
 
 .cube-detail-list {
-&[data-v-e697f078] {
+&[data-v-a4ea0644] {
     --width-col1: 100px;
     --adjuster-bg: transparent;
     display: grid;
@@ -1941,15 +1946,15 @@ div[data-v-b2a878c4] {
     width: fit-content;
     max-width: 100%;
 }
-.cube-box[data-v-e697f078]:nth-child(odd) {
+.cube-box[data-v-a4ea0644]:nth-child(odd) {
         background: var(--detail-odd-bg);
 }
-.cube-box[data-v-e697f078]:nth-child(even) {
+.cube-box[data-v-a4ea0644]:nth-child(even) {
         background: var(--detail-even-bg);
         min-width: 100px;
 }
 .adder-wrap {
-&[data-v-e697f078] {
+&[data-v-a4ea0644] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -1958,14 +1963,14 @@ div[data-v-b2a878c4] {
         border-radius: 4px;
         cursor: pointer;
 }
-&>.adder[data-v-e697f078] {
+& > .adder[data-v-a4ea0644] {
             display: flex;
 }
-&:hover>.adder[data-v-e697f078] {
+&:hover > .adder[data-v-a4ea0644] {
             display: flex;
 }
 .adder {
-&[data-v-e697f078] {
+&[data-v-a4ea0644] {
             justify-content: center;
             align-items: center;
             background-color: var(--detail-adder-bg);
@@ -1974,7 +1979,7 @@ div[data-v-b2a878c4] {
             height: 20px;
             border-radius: 4px;
 }
-&[data-v-e697f078]::before {
+&[data-v-a4ea0644]::before {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -1982,7 +1987,7 @@ div[data-v-b2a878c4] {
                 height: 2px;
                 background-color: #48cae4;
 }
-&[data-v-e697f078]::after {
+&[data-v-a4ea0644]::after {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -1994,7 +1999,7 @@ div[data-v-b2a878c4] {
 }
 }
 .adjuster {
-&[data-v-e697f078] {
+&[data-v-a4ea0644] {
 
         position: absolute;
         left: calc(var(--width-col1) - 2px);
@@ -2005,7 +2010,7 @@ div[data-v-b2a878c4] {
         cursor: ew-resize;
         border-radius: 8px;
 }
-&[data-v-e697f078]:hover {
+&[data-v-a4ea0644]:hover {
             background: linear-gradient(0deg, #48cae4, deepskyblue);
 }
 }
@@ -2235,7 +2240,7 @@ div[data-v-b2a878c4] {
 }
 
 
-@keyframes slide-down-0c33f649 {
+@keyframes slide-down-3faf9e04 {
 from {
         /* height: 0px ;
         opacity: 0 ; */
@@ -2246,7 +2251,7 @@ to {
 }
 }
 .cube-code {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
     margin: 2px;
     text-align: left !important;
     position: relative;
@@ -2258,7 +2263,7 @@ to {
     overflow: hidden;
     break-inside: avoid;
 }
-.code-dragger[data-v-0c33f649] {
+.code-dragger[data-v-3faf9e04] {
         border-radius: 20px;
         width: 20px;
         aspect-ratio: 1;
@@ -2271,26 +2276,26 @@ to {
         cursor: nwse-resize;
 }
 .code-tabbar {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
         height: var(--code-tabbar-height);
         overflow: hidden;
 }
-.code-tabs-box[data-v-0c33f649] {
+.code-tabs-box[data-v-3faf9e04] {
             height: 100%;
 }
-.code-tab[data-v-0c33f649]:first-child {
+.code-tab[data-v-3faf9e04]:first-child {
             padding-left: 0px;
 }
 .code-tab {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
             transition: 0.5s;
             width: 160px;
             padding: 0px 2px;
 }
-&[data-v-0c33f649] > * {
+&[data-v-3faf9e04] > * {
                 pointer-events: var(--drag-item-point-event);
 }
-.code-tab-name[data-v-0c33f649] {
+.code-tab-name[data-v-3faf9e04] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -2300,14 +2305,14 @@ to {
                 background: var(--code-tabbar-item-bg);
                 color: var(--code-tabbar-item-color);
 }
-.code-active-tab[data-v-0c33f649] {
+.code-active-tab[data-v-3faf9e04] {
                 background: var(--code-tabbar-item-active-bg);
                 color: var(--code-tabbar-item-active-color);
 }
 }
 }
 .code-toolbar {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2316,16 +2321,16 @@ to {
         background: var(--code-toolbar-bg);
 }
 .code-langs-box {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
             cursor: pointer;
             position: relative;
 }
-.code-active-lang[data-v-0c33f649] {
+.code-active-lang[data-v-3faf9e04] {
                 color: blueviolet;
                 cursor: pointer;
 }
 .code-langs {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
                 transition: 0.3s;
                 opacity: 0;
                 position: absolute;
@@ -2339,10 +2344,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-0c33f649 forwards;
+                animation: 0.3s slide-down-3faf9e04 forwards;
 }
 .code-lang-item {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2351,26 +2356,26 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-0c33f649]:hover {
+&[data-v-3faf9e04]:hover {
                         background: #bdbdbd66;
 }
 }
 }
 }
 .code-theme-box {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
             cursor: pointer;
             position: relative;
 }
-.code-active-theme[data-v-0c33f649]:hover {
+.code-active-theme[data-v-3faf9e04]:hover {
                 color: var(--code-toolbar-item-hover-color);
 }
-.code-active-theme[data-v-0c33f649] {
+.code-active-theme[data-v-3faf9e04] {
                 color: deeppink;
                 cursor: pointer;
 }
 .code-themes {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
                 opacity: 0;
                 transition: 0.3s;
                 position: absolute;
@@ -2384,10 +2389,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-0c33f649 forwards;
+                animation: 0.3s slide-down-3faf9e04 forwards;
 }
 .code-theme-item {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2396,7 +2401,7 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-0c33f649]:hover {
+&[data-v-3faf9e04]:hover {
                         background: #bdbdbd66;
 }
 }
@@ -2404,7 +2409,7 @@ to {
 }
 .input_add,
         .input_rename {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
             border: none;
             outline: none;
             background: transparent;
@@ -2413,7 +2418,7 @@ to {
             width: 0px;
             letter-spacing: 1px;
 }
-&[data-v-0c33f649]:focus {
+&[data-v-3faf9e04]:focus {
                 border: var(--code-input-border);
                 color: var(--code-input-color);
                 padding: 5px;
@@ -2421,7 +2426,7 @@ to {
 }
 }
 .code-tools {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -2429,11 +2434,11 @@ to {
             flex-flow: row nowrap;
 }
 .code-help {
-&:hover .code-tooltip[data-v-0c33f649] {
+&:hover .code-tooltip[data-v-3faf9e04] {
                     display: flex;
 }
 .code-tooltip {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
                     display: none;
                     padding: 5px 10px;
                     background: var(--code-tooltip-bg);
@@ -2446,7 +2451,7 @@ to {
                     color: var(--code-tooltip-color);
                     z-index: 2;
 }
-&[data-v-0c33f649]::before {
+&[data-v-3faf9e04]::before {
                         content: "";
                         border: 10px solid;
                         border-color: transparent;
@@ -2458,18 +2463,18 @@ to {
 }
 }
 .iconfont {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
                 cursor: pointer;
                 text-indent: 0px;
 }
-&[data-v-0c33f649]:hover {
+&[data-v-3faf9e04]:hover {
                     color: var(--code-toolbar-item-hover-color);
 }
 }
 }
 }
 .code-box {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
         position: relative;
         width: 100%;
         height: calc(100% - var(--code-tabbar-height));
@@ -2477,13 +2482,13 @@ to {
         overflow: hidden;
         border-radius: 4px;
 }
-.code-box-inner[data-v-0c33f649] {
+.code-box-inner[data-v-3faf9e04] {
             position: relative;
             min-width: 100%;
             min-height: 100%;
             display: inline-block;
 }
-textarea[data-v-0c33f649] {
+textarea[data-v-3faf9e04] {
             position: absolute;
             top: 0px;
             left: 0px;
@@ -2503,7 +2508,7 @@ textarea[data-v-0c33f649] {
             overflow: hidden;
 }
 .code-highlight {
-&[data-v-0c33f649] {
+&[data-v-3faf9e04] {
             pointer-events: none;
             position: relative;
             top: 0px;
@@ -2513,11 +2518,11 @@ textarea[data-v-0c33f649] {
             min-height: 100%;
             overflow: hidden;
 }
-&[data-v-0c33f649] code {
+&[data-v-3faf9e04] code {
                 font-family: inherit !important;
                 font-size: inherit;
 }
-&[data-v-0c33f649] pre {
+&[data-v-3faf9e04] pre {
                 font-family: inherit;
                 display: inline-block;
                 position: relative;
@@ -2550,7 +2555,7 @@ textarea[data-v-0c33f649] {
 
 
 .cube-table {
-&[data-v-4aca7a12] {
+&[data-v-ee541abe] {
     position: relative;
     min-width: var(--table-min-width);
     max-width: 100%;
@@ -2558,15 +2563,15 @@ textarea[data-v-0c33f649] {
     overflow: hidden;
 }
 .cube-table-title {
-&[data-v-4aca7a12] {
+&[data-v-ee541abe] {
         background: var(--table-title-bg);
 }
-&[data-v-4aca7a12] .cube-line {
+&[data-v-ee541abe] .cube-line {
             text-align: center;
 }
 }
 .cube-table-toolbar {
-&[data-v-4aca7a12] {
+&[data-v-ee541abe] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2575,15 +2580,15 @@ textarea[data-v-0c33f649] {
         background: var(--table-toolbar-bg);
 }
 .iconfont {
-&[data-v-4aca7a12] {
+&[data-v-ee541abe] {
             cursor: pointer;
             text-indent: 0px !important;
 }
-&[data-v-4aca7a12]:hover {
+&[data-v-ee541abe]:hover {
                 color: var(--table-toolbar-icon-hover-color);
 }
 }
-.table-size[data-v-4aca7a12] {
+.table-size[data-v-ee541abe] {
             text-indent: 0px !important;
             border: 1px dashed;
             padding: 2px;
@@ -2592,26 +2597,26 @@ textarea[data-v-0c33f649] {
 }
 }
 .cube-table-container {
-&[data-v-4aca7a12] {
+&[data-v-ee541abe] {
         --drag-pointer-events: auto;
         display: grid;
         gap: 1px;
 }
 .cube-box {
-&[data-v-4aca7a12] {
+&[data-v-ee541abe] {
             background: var(--table-cell-bg);
             border-radius: 4px;
             padding: 4px;
 }
-&[data-v-4aca7a12] > * {
+&[data-v-ee541abe] > * {
                 pointer-events: var(--drag-pointer-events);
 }
 }
-.cube-box[data-v-4aca7a12]:focus-within {
+.cube-box[data-v-ee541abe]:focus-within {
             background: var(--table-cell-active-bg);
 }
 }
-.cube-table-dragger[data-v-4aca7a12] {
+.cube-table-dragger[data-v-ee541abe] {
         position: absolute;
         bottom: 0px;
         right: 0px;
@@ -2622,7 +2627,7 @@ textarea[data-v-0c33f649] {
         cursor: w-resize;
         background: var(--table-dragger-bg);
 }
-.cube-cell-selection[data-v-4aca7a12] {
+.cube-cell-selection[data-v-ee541abe] {
         user-select: none;
         background: var(--table-cell-selection-bg) !important;
 }
@@ -2676,7 +2681,7 @@ textarea[data-v-0c33f649] {
 
 
 .cube-submap {
-&[data-v-71da5452] {
+&[data-v-b0f22a9c] {
     overflow: hidden;
     border-radius: 4px;
     position: relative;
@@ -2686,41 +2691,48 @@ textarea[data-v-0c33f649] {
     box-shadow: var(--submap-shadow);
     break-inside: avoid;
 }
-& > svg[data-v-71da5452] {
+& > svg[data-v-b0f22a9c] {
         width: 100%;
         height: 100%;
         position: absolute;
         background: var(--submap-bg);
 }
 }
+.group-outbox {
+.node-outbox[data-v-b0f22a9c] {
+        fill: var(--node-bg);
+        stroke: var(--node-hover-stroke);
+        stroke-width: 2;
+}
+}
 .group-linkers {
-path[data-v-71da5452] {
+path[data-v-b0f22a9c] {
         fill: none;
         filter: var(--linker-filter);
 }
 }
 .group-placeholder {
-&[data-v-71da5452] {
+&[data-v-b0f22a9c] {
     pointer-events: none;
 }
-.placeholder-linker[data-v-71da5452] {
+.placeholder-linker[data-v-b0f22a9c] {
         fill: none;
         filter: var(--linker-filter);
         stroke: var(--placeholder-linker-stroke);
         stroke-width: 2;
 }
-.placeholder-box-selector[data-v-71da5452] {
+.placeholder-box-selector[data-v-b0f22a9c] {
         stroke: var(--placeholder-box-selector-stroke);
         fill: var(--placeholder-box-selector-fill);
         stroke-width: 2;
 }
-.placeholder-line-delete[data-v-71da5452] {
+.placeholder-line-delete[data-v-b0f22a9c] {
         stroke-width: 2;
         fill: none;
         filter: drop-shadow(0px 0px 6px #ff7f7f);
 }
 }
-.submap-dragger[data-v-71da5452] {
+.submap-dragger[data-v-b0f22a9c] {
     position: absolute;
     bottom: 0px;
     right: 0px;
@@ -2733,7 +2745,7 @@ path[data-v-71da5452] {
 }
 
 
-@keyframes slide-down-563d8528 {
+@keyframes slide-down-e5b5ee36 {
 from {
         opacity: 0;
 }
@@ -2743,14 +2755,14 @@ to {
 }
 }
 .cube-box-columns {
-&[data-v-563d8528] {
+&[data-v-e5b5ee36] {
     background: var(--box-columns-bg);
     position: relative;
     border-radius: 4px;
     min-width: var(--box-columns-min-width);
 }
 .box-columns-toolbar {
-&[data-v-563d8528] {
+&[data-v-e5b5ee36] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2758,17 +2770,17 @@ to {
         height: var(--box-columns-toolbar-height);
         background: var(--box-columns-toolbar-bg);
 }
-.iconfont[data-v-563d8528] {
+.iconfont[data-v-e5b5ee36] {
             cursor: pointer;
             text-indent: 0px;
 }
 .box-columns-tool-layout {
-&[data-v-563d8528] {
+&[data-v-e5b5ee36] {
             position: relative;
 }
 .box-columns-layout {
-&[data-v-563d8528] {
-                animation: 0.3s slide-down-563d8528 forwards;
+&[data-v-e5b5ee36] {
+                animation: 0.3s slide-down-e5b5ee36 forwards;
                 z-index: 2;
                 position: absolute;
                 display: flex;
@@ -2784,16 +2796,16 @@ to {
                 background: var(--box-columns-layout-bg);
                 box-shadow: 0px 0px 4px var(--box-columns-layout-bg);
 }
-& > div[data-v-563d8528] {
+& > div[data-v-e5b5ee36] {
                     flex: 1;
 }
 & > div > div {
-&[data-v-563d8528] {
+&[data-v-e5b5ee36] {
                     font-size: 14px;
                     margin: 6px 0px;
                     cursor: pointer;
 }
-&[data-v-563d8528]:hover {
+&[data-v-e5b5ee36]:hover {
                         color: var(--box-columns-layout-item-hover-color);
 }
 }
@@ -2801,18 +2813,18 @@ to {
 }
 }
 .box-columns-content {
-&[data-v-563d8528] {
+&[data-v-e5b5ee36] {
         gap: var(--box-columns-gap);
         padding-top: 4px;
 }
-& > div[data-v-563d8528] {
+& > div[data-v-e5b5ee36] {
             margin-top: 0px;
             margin-bottom: var(--box-columns-gap);
             break-inside: avoid;
             background: var(--box-columns-block-bg);
 }
 }
-.box-columns-dragger[data-v-563d8528] {
+.box-columns-dragger[data-v-e5b5ee36] {
         position: absolute;
         bottom: 0px;
         right: 0px;