deepsky 2.11.6 → 2.12.1

package/dist/index.css

@@ -5222,14 +5222,14 @@ div[data-v-de9c6e02]::before {
 
 
 .ui-sideitem-theme {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
     height: 100%;
     overflow-y: scroll;
     user-select: none;
     padding: 0 0 10px;
 }
 .theme-toolbox {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
         background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 86%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 16%, transparent) 100%), var(--sidebar-panel-toolbox-bg);
         display: flex;
         align-items: center;
@@ -5238,45 +5238,45 @@ div[data-v-de9c6e02]::before {
         padding: 10px 12px;
         margin: 6px;
 }
-.toolbox-copy[data-v-1d9bdcf9] {
+.toolbox-copy[data-v-16a272d3] {
             min-width: 0;
 }
-.toolbox-title[data-v-1d9bdcf9] {
+.toolbox-title[data-v-16a272d3] {
             font-size: 14px;
             font-weight: 700;
             color: var(--color);
             letter-spacing: 0.08em;
 }
-.toolbox-desc[data-v-1d9bdcf9] {
+.toolbox-desc[data-v-16a272d3] {
             font-size: 12px;
             color: color-mix(in srgb, var(--color, #333333) 64%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
             font-size: var(--ui-icon-size-lv2);
             color: var(--ui-theme-item-color);
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-1d9bdcf9]:hover {
+&[data-v-16a272d3]:hover {
                 color: var(--ui-catalogue-tools-hover-color);
                 transform: translateX(-2px);
 }
 }
-.tools-icon[data-v-1d9bdcf9] {
+.tools-icon[data-v-16a272d3] {
             display: flex;
             align-items: center;
             gap: 10px;
 }
 }
 .list-box {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
         padding: 0;
 }
 .bg-item-clear {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -5294,17 +5294,14 @@ div[data-v-de9c6e02]::before {
                 transform 0.2s ease;
 }
 .clear-shape {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
                 width: 44px;
                 height: 44px;
-                border-radius: 12px;
-                border: 1px solid color-mix(in srgb, var(--selection-bg, #bbbbbb) 36%, transparent);
-                background: linear-gradient(135deg, color-mix(in srgb, var(--selection-bg, #bbbbbb) 16%, transparent) 0%, transparent 100%), color-mix(in srgb, var(--page-bg, #ffffff) 88%, transparent);
                 clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
                 position: relative;
 }
-&[data-v-1d9bdcf9]::before,
-                &[data-v-1d9bdcf9]::after {
+&[data-v-16a272d3]::before,
+                &[data-v-16a272d3]::after {
                     content: "";
                     position: absolute;
                     inset: 50% auto auto 50%;
@@ -5313,18 +5310,21 @@ div[data-v-de9c6e02]::before {
                     background: color-mix(in srgb, var(--selection-bg, #bbbbbb) 65%, transparent);
                     transform-origin: center;
 }
-&[data-v-1d9bdcf9]::before {
+&[data-v-16a272d3]::before {
                     transform: translate(-50%, -50%) rotate(45deg);
 }
-&[data-v-1d9bdcf9]::after {
+&[data-v-16a272d3]::after {
                     transform: translate(-50%, -50%) rotate(-45deg);
 }
 }
 }
+.active-theme[data-v-16a272d3] {
+            border: 2px solid black;
+}
 .bg-item {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
             cursor: pointer;
-            border-radius: 14px;
+            border-radius: 4px;
             overflow: hidden;
             border: var(--ui-theme-bg-item-border);
             box-shadow: var(--ui-theme-bg-item-shadow);
@@ -5334,30 +5334,47 @@ div[data-v-de9c6e02]::before {
             position: relative;
             min-height: 120px;
 }
-.bg-frame[data-v-1d9bdcf9] {
+.extention[data-v-16a272d3] {
                 position: absolute;
-                inset: 10px;
-                border: 1px solid rgba(255, 255, 255, 0.5);
-                border-radius: 10px;
+                right: 6px;
+                bottom: 6px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                padding: 2px 6px;
+                font-size: 10px;
+                border-radius: 4px;
                 z-index: 1;
-                pointer-events: none;
-                mix-blend-mode: screen;
 }
-img[data-v-1d9bdcf9] {
+.extention-image[data-v-16a272d3] {
+                color: var(--color);
+                background: var(--text-hover-bg);
+}
+.extention-video[data-v-16a272d3] {
+                color: var(--selection-color);
+                background: var(--selection-bg);
+}
+video[data-v-16a272d3] {
                 width: 100%;
                 min-height: 120px;
                 object-fit: cover;
                 display: block;
 }
+img[data-v-16a272d3] {
+                width: 100%;
+                min-height: 120px;
+                object-fit: cover;
+                display: block;
 }
-.bg-item[data-v-1d9bdcf9]:hover,
-        .bg-item-clear[data-v-1d9bdcf9]:hover {
+}
+.bg-item[data-v-16a272d3]:hover,
+        .bg-item-clear[data-v-16a272d3]:hover {
             transform: translateY(-3px);
             box-shadow: var(--ui-theme-item-hover-shadow);
 }
 }
 .list-title {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
         color: var(--ui-theme-title-color);
         padding: 8px 10px;
         display: flex;
@@ -5365,41 +5382,41 @@ img[data-v-1d9bdcf9] {
         align-items: center;
         gap: 12px;
         margin: 0 0 10px;
-        border-radius: 10px;
+        border-radius: 4px;
 }
-.section-title[data-v-1d9bdcf9] {
+.section-title[data-v-16a272d3] {
             font-size: 14px;
             font-weight: 700;
             letter-spacing: 0.04em;
 }
-.section-desc[data-v-1d9bdcf9] {
+.section-desc[data-v-16a272d3] {
             font-size: 12px;
             color: color-mix(in srgb, currentColor 65%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
             cursor: pointer;
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-1d9bdcf9]:hover {
+&[data-v-16a272d3]:hover {
                 transform: rotate(-20deg);
 }
 }
 }
-.list-background[data-v-1d9bdcf9] {
+.list-background[data-v-16a272d3] {
         background: var(--ui-background-title-bg);
         color: var(--ui-background-title-color);
 }
-.list-theme[data-v-1d9bdcf9] {
+.list-theme[data-v-16a272d3] {
         background: var(--ui-theme-title-bg);
 }
-.list-note-theme[data-v-1d9bdcf9] {
+.list-note-theme[data-v-16a272d3] {
         background: var(--ui-theme-title-bg);
 }
-.theme-list[data-v-1d9bdcf9] {
+.theme-list[data-v-16a272d3] {
         border: var(--sidebar-cube-border);
         background: var(--ui-theme-list-bg);
         border-radius: 12px;
@@ -5408,10 +5425,9 @@ img[data-v-1d9bdcf9] {
         box-shadow: var(--ui-theme-list-shadow);
 }
 .note-theme-list {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
         border: var(--sidebar-cube-border);
-        background: linear-gradient(160deg, color-mix(in srgb, var(--page-bg, #ffffff) 96%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 8%, transparent) 100%), var(--ui-theme-list-bg);
-        border-radius: 16px;
+        border-radius: 6px;
         padding: 12px;
         margin: 6px;
         box-shadow:
@@ -5420,7 +5436,7 @@ img[data-v-1d9bdcf9] {
         position: relative;
         overflow: hidden;
 }
-&[data-v-1d9bdcf9]::before {
+&[data-v-16a272d3]::before {
             content: "";
             position: absolute;
             inset: 0 auto auto 0;
@@ -5429,17 +5445,17 @@ img[data-v-1d9bdcf9] {
             background: radial-gradient(circle, color-mix(in srgb, var(--selection-bg, #bbbbbb) 10%, transparent) 0%, transparent 72%);
             pointer-events: none;
 }
-.theme-card-grid[data-v-1d9bdcf9] {
+.theme-card-grid[data-v-16a272d3] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
             gap: 14px;
 }
 .theme-card {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
             padding: 14px;
             min-height: 216px;
             border: 1px solid color-mix(in srgb, var(--card-primary) 28%, transparent);
-            border-radius: 16px;
+            border-radius: 6px;
             position: relative;
             overflow: hidden;
             cursor: pointer;
@@ -5456,9 +5472,8 @@ img[data-v-1d9bdcf9] {
             box-shadow:
                 0 12px 24px color-mix(in srgb, var(--card-primary) 10%, transparent),
                 inset 0 1px 0 rgba(255, 255, 255, 0.55);
-            clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
 }
-&[data-v-1d9bdcf9]::before {
+&[data-v-16a272d3]::before {
                 content: "";
                 position: absolute;
                 inset: -1px;
@@ -5467,7 +5482,7 @@ img[data-v-1d9bdcf9] {
                 clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
                 pointer-events: none;
 }
-&[data-v-1d9bdcf9]::after {
+&[data-v-16a272d3]::after {
                 content: "";
                 position: absolute;
                 right: -34px;
@@ -5477,13 +5492,13 @@ img[data-v-1d9bdcf9] {
                 background: radial-gradient(circle, color-mix(in srgb, var(--card-accent) 24%, transparent) 0%, transparent 70%);
                 pointer-events: none;
 }
-.theme-card-head[data-v-1d9bdcf9] {
+.theme-card-head[data-v-16a272d3] {
                 display: flex;
                 align-items: flex-start;
                 justify-content: space-between;
                 gap: 10px;
 }
-.theme-motif[data-v-1d9bdcf9] {
+.theme-motif[data-v-16a272d3] {
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 78%, transparent);
                 background: color-mix(in srgb, var(--card-primary) 10%, transparent);
@@ -5492,23 +5507,23 @@ img[data-v-1d9bdcf9] {
                 padding: 5px 10px;
                 max-width: 72%;
 }
-.theme-key[data-v-1d9bdcf9] {
+.theme-key[data-v-16a272d3] {
                 font-size: 11px;
                 font-weight: 700;
                 color: color-mix(in srgb, var(--card-primary) 84%, var(--card-ink) 16%);
                 letter-spacing: 0.08em;
                 text-transform: uppercase;
 }
-.theme-geometry[data-v-1d9bdcf9] {
+.theme-geometry[data-v-16a272d3] {
                 position: relative;
                 min-height: 96px;
                 margin: 12px 0 10px;
 }
-.geo[data-v-1d9bdcf9] {
+.geo[data-v-16a272d3] {
                 position: absolute;
                 display: block;
 }
-.geo-diamond[data-v-1d9bdcf9] {
+.geo-diamond[data-v-16a272d3] {
                 width: 74px;
                 height: 74px;
                 left: 12px;
@@ -5517,7 +5532,7 @@ img[data-v-1d9bdcf9] {
                 clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
                 box-shadow: 0 10px 24px color-mix(in srgb, var(--card-primary) 22%, transparent);
 }
-.geo-band[data-v-1d9bdcf9] {
+.geo-band[data-v-16a272d3] {
                 width: 88px;
                 height: 18px;
                 right: 8px;
@@ -5527,7 +5542,7 @@ img[data-v-1d9bdcf9] {
                 transform: rotate(-17deg);
 }
 .geo-orbit {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
                 width: 120px;
                 height: 54px;
                 right: 10px;
@@ -5536,7 +5551,7 @@ img[data-v-1d9bdcf9] {
                 border-radius: 999px;
                 transform: rotate(-18deg);
 }
-&[data-v-1d9bdcf9]::before {
+&[data-v-16a272d3]::before {
                     content: "";
                     position: absolute;
                     top: 50%;
@@ -5549,7 +5564,7 @@ img[data-v-1d9bdcf9] {
                     box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
 }
 }
-.geo-cut[data-v-1d9bdcf9] {
+.geo-cut[data-v-16a272d3] {
                 width: 48px;
                 height: 48px;
                 left: 92px;
@@ -5558,43 +5573,43 @@ img[data-v-1d9bdcf9] {
                 border: 1px solid color-mix(in srgb, var(--card-primary) 24%, transparent);
                 clip-path: polygon(0 0, 100% 0, 72% 100%, 0 100%);
 }
-.theme-card-foot[data-v-1d9bdcf9] {
+.theme-card-foot[data-v-16a272d3] {
                 position: relative;
                 z-index: 1;
 }
-.theme-name[data-v-1d9bdcf9] {
+.theme-name[data-v-16a272d3] {
                 font-size: 15px;
                 font-weight: 700;
 }
-.theme-palette-text[data-v-1d9bdcf9] {
+.theme-palette-text[data-v-16a272d3] {
                 margin-top: 4px;
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 65%, transparent);
 }
-.theme-swatches[data-v-1d9bdcf9] {
+.theme-swatches[data-v-16a272d3] {
                 display: flex;
                 align-items: center;
                 gap: 8px;
                 margin-top: 12px;
 }
-.swatch[data-v-1d9bdcf9] {
+.swatch[data-v-16a272d3] {
                 width: 18px;
                 height: 18px;
                 border-radius: 6px;
                 border: 1px solid rgba(255, 255, 255, 0.5);
                 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
 }
-.swatch-primary[data-v-1d9bdcf9] {
+.swatch-primary[data-v-16a272d3] {
                 background: var(--card-primary);
 }
-.swatch-accent[data-v-1d9bdcf9] {
+.swatch-accent[data-v-16a272d3] {
                 background: var(--card-accent);
 }
-.swatch-surface[data-v-1d9bdcf9] {
+.swatch-surface[data-v-16a272d3] {
                 background: var(--card-surface);
                 border-color: color-mix(in srgb, var(--card-primary) 18%, transparent);
 }
-&[data-v-1d9bdcf9]:hover {
+&[data-v-16a272d3]:hover {
                 transform: translateY(-4px);
                 border-color: color-mix(in srgb, var(--card-primary) 48%, transparent);
                 box-shadow:
@@ -5602,10 +5617,10 @@ img[data-v-1d9bdcf9] {
                     0 0 18px color-mix(in srgb, var(--card-accent) 14%, transparent),
                     inset 0 1px 0 rgba(255, 255, 255, 0.12);
 }
-&[data-v-1d9bdcf9]:active {
+&[data-v-16a272d3]:active {
                 transform: translateY(-1px);
 }
-&.active-theme[data-v-1d9bdcf9] {
+&.active-theme[data-v-16a272d3] {
                 border-color: color-mix(in srgb, var(--card-primary) 68%, transparent) !important;
                 box-shadow:
                     0 0 0 1px color-mix(in srgb, var(--card-primary) 34%, transparent),
@@ -5616,15 +5631,15 @@ img[data-v-1d9bdcf9] {
 }
 }
 .background-list {
-&[data-v-1d9bdcf9] {
+&[data-v-16a272d3] {
         margin: 6px;
         border: var(--ui-background-list-border);
         background: linear-gradient(155deg, color-mix(in srgb, var(--page-bg, #ffffff) 96%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 6%, transparent) 100%), var(--ui-background-list-bg);
-        border-radius: 16px;
+        border-radius: 6px;
         padding: 12px;
         box-shadow: var(--ui-theme-list-shadow);
 }
-.background-grid[data-v-1d9bdcf9] {
+.background-grid[data-v-16a272d3] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(136px, 1fr));
             gap: 12px;
@@ -6038,7 +6053,7 @@ textarea {
 
 
 .ui-sidebar {
-&[data-v-70d09d9a] {
+&[data-v-1128717f] {
     display: flex;
     flex-flow: row nowrap;
     /* 不设 height，依赖父级 flex stretch 拉伸 */
@@ -6047,7 +6062,7 @@ textarea {
 
     /* ————— 激活图标：不用 ::before（会覆盖 iconfont 字形），改用 ::after 做指示条 ————— */
 }
-.sidebar-icons[data-v-70d09d9a] {
+.sidebar-icons[data-v-1128717f] {
         box-sizing: border-box;
         padding: 10px 6px;
         display: flex;
@@ -6060,14 +6075,14 @@ textarea {
         z-index: calc(var(--ui-z-index) + 1);
         flex-shrink: 0;
 }
-.active-sideitem[data-v-70d09d9a] {
+.active-sideitem[data-v-1128717f] {
         color: var(--sidebar-icon-active-color);
         background: var(--sidebar-icon-active-gradient);
         text-shadow: var(--sidebar-icon-active-shadow);
         position: relative;
 }
 .iconfont {
-&[data-v-70d09d9a] {
+&[data-v-1128717f] {
         font-size: 22px;
         cursor: pointer;
         background: var(--sidebar-icon-bg);
@@ -6081,7 +6096,7 @@ textarea {
             transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
         will-change: transform;
 }
-&[data-v-70d09d9a]:hover {
+&[data-v-1128717f]:hover {
             background: var(--sidebar-icon-hover-bg);
             color: var(--sidebar-icon-hover-color);
             transform: scale(1.15);
@@ -6092,7 +6107,7 @@ textarea {
 
 /* ————— 面板胶囊 ————— */
 .sidebar-panel {
-&[data-v-70d09d9a] {
+&[data-v-1128717f] {
     box-sizing: border-box;
     position: relative;
     /* 与图标胶囊上下对齐，左侧无间距贴近图标 */
@@ -6102,7 +6117,7 @@ textarea {
     max-width: 1200px;
 }
 .dragger {
-&[data-v-70d09d9a] {
+&[data-v-1128717f] {
         position: absolute;
         right: 0px;
         top: 0px;
@@ -6118,28 +6133,28 @@ textarea {
             height var(--transition-base, 0.24s),
             opacity var(--transition-fast, 0.15s);
 }
-&[data-v-70d09d9a]:hover {
+&[data-v-1128717f]:hover {
             height: 140px;
             opacity: 1;
 }
 }
 .sideitem-component {
-&[data-v-70d09d9a] {
+&[data-v-1128717f] {
         overflow: hidden;
         height: 100%;
         width: 100%;
         backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
         -webkit-backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
 }
-&[data-v-70d09d9a] > *::-webkit-scrollbar {
+&[data-v-1128717f] > *::-webkit-scrollbar {
             display: none;
 }
-& > div[data-v-70d09d9a] {
+& > div[data-v-1128717f] {
             height: 100%;
             overflow: scroll;
             padding-right: 4px;
 }
-&[data-v-70d09d9a] .sidebar-panel-toolbox {
+&[data-v-1128717f] .sidebar-panel-toolbox {
             position: sticky;
             top: 0px;
             background: var(--sidebar-panel-toolbox-bg);
@@ -6177,14 +6192,13 @@ textarea {
 
 
 .note-menubar {
-&[data-v-2846f7dc] {
+&[data-v-5222506e] {
     box-sizing: border-box;
     flex-shrink: 0;
     /* 高度仅为自身盒子，上下 margin 6px 产生悬浮胶囊效果 */
     height: var(--menubar-height);
     padding: 0 12px;
-
-    backdrop-filter: var(--menubar-backdrop, blur(18px) saturate(160%));
+    backdrop-filter: var(--menubar-backdrop, blur(4px) saturate(160%));
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
@@ -6194,13 +6208,13 @@ textarea {
     /* 菜单栏在 flex column 中天然置顶，无需 sticky */
     z-index: var(--ui-z-index);
 }
-.iconfont.active[data-v-2846f7dc] {
+.iconfont.active[data-v-5222506e] {
         background: var(--menubar-active-icon-bg);
         color: var(--menubar-active-icon-color);
         text-shadow: var(--menubar-active-icon-shadow);
 }
 .iconfont {
-&[data-v-2846f7dc] {
+&[data-v-5222506e] {
         transition:
             background var(--transition-base, 0.24s),
             color var(--transition-base, 0.24s),
@@ -6213,7 +6227,7 @@ textarea {
         border: var(--menubar-icon-border);
         will-change: transform;
 }
-&[data-v-2846f7dc]:hover {
+&[data-v-5222506e]:hover {
             transform: scale(1.12);
             background: var(--menubar-icon-hover-bg);
             color: var(--menubar-icon-hover-color);
@@ -6363,7 +6377,7 @@ textarea {
    根容器
    ============================================================ */
 .deepsky-note {
-&[data-v-e0b96d8e]{
+&[data-v-a15b0654]{
     display: flex;
     flex-flow: column nowrap;
     width: 100vw;
@@ -6377,14 +6391,17 @@ textarea {
 
     /* 主题环境光层 —— 用 selection-bg 在四角投射极淡的晕光，随主题变色 */
 }
-.deepsky-note-bg[data-v-e0b96d8e] {
+.deepsky-note-bg[data-v-a15b0654] {
         position: absolute;
         inset: 0;
         pointer-events: none;
         z-index: 0;
         background: var(--background);
+        object-fit: cover;
+        width: 100%;
+        height: 100%;
 }
-&[data-v-e0b96d8e]::before {
+&[data-v-a15b0654]::before {
         content: "";
         position: absolute;
         inset: 0;
@@ -6398,7 +6415,7 @@ textarea {
    编辑区布局（flex:1 自动消耗剩余高度，不依赖 calc）
    ============================================================ */
 .deepsky-ui-box {
-&[data-v-e0b96d8e]{
+&[data-v-a15b0654]{
     box-sizing: border-box;
     display: flex;
     flex-flow: row nowrap;
@@ -6408,7 +6425,7 @@ textarea {
     z-index: 1;
 }
 .note-box {
-&[data-v-e0b96d8e]{
+&[data-v-a15b0654]{
         display: flex;
         flex-flow: column nowrap;
         box-sizing: border-box;
@@ -6416,7 +6433,7 @@ textarea {
         min-width: 0;
         overflow: scroll;
 }
-.note[data-v-e0b96d8e] {
+.note[data-v-a15b0654] {
             flex: 1;
 }
 }
@@ -6427,7 +6444,7 @@ textarea {
    ============================================================ */
 @media (prefers-color-scheme: dark) {
 .deepsky-note {
-.deepsky-note-bg[data-v-e0b96d8e] {
+.deepsky-note-bg[data-v-a15b0654] {
             background: var(--background);
 }
 }

package/dist/index.d.ts

@@ -765,10 +765,10 @@ declare abstract class CubeChild<T extends ICubeBase.Data = any> extends CubeBas
 
 declare class NoteScope extends NoteBase {
     protected _id: string;
-    protected scroll_offset: number;
+    protected _boxes: INoteScope.RectInfo[];
     protected _freeze: vue.Ref<boolean, boolean>;
+    protected scroll_offset: number;
     protected selection_line: ShallowReactive<CubeChild[]>;
-    protected _boxes: INoteScope.RectInfo[];
     pos: Reactive<IMath.Rect>;
     css: Reactive<Record<string, string>>;
     get boxes(): INoteScope.RectInfo[];
@@ -834,7 +834,7 @@ declare class StatusCubeRoot<T extends ICubeRootBase.Data> extends StatusCube<T>
     init(): void;
     add_scope(scope: NoteScope): void;
     remove_scope(scope: NoteScope): void;
-    clear(): void;
+    clear_scopes(): void;
     add_postil(postil: CubePostil): void;
     remove_postil(postil: CubePostil): void;
     reset_postils(postils: Iterable<CubePostil>): void;
@@ -1026,13 +1026,13 @@ declare namespace IUiTheme {
     type BackgroundType = "image" | "video";
     interface BackgroundItem {
         type: BackgroundType;
-        key: string;
+        id: string;
         name: string;
         path: string;
         filters?: BackgroundFilter;
     }
     interface ThemeItem<T extends string = Names> {
-        key: T;
+        id: T;
         name: string;
         path?: string;
         css?: string;
@@ -1789,8 +1789,8 @@ declare class UITheme extends UiBase {
     };
     protected init(): void;
     get_background_filter(filters?: IUiTheme.BackgroundFilter): string;
-    get_theme(key: string): IUiTheme.ThemeItem | undefined;
-    get_background(name: string): IUiTheme.BackgroundItem | undefined;
+    get_theme(id: string): IUiTheme.ThemeItem | undefined;
+    get_background(id: string): IUiTheme.BackgroundItem | undefined;
     load_themes(themes: IUiTheme.ThemeItem[]): void;
     load_background(backgrounds: IUiTheme.BackgroundItem[]): void;
     fresh_themes(): Function | undefined;