deepsky 2.54.3 → 2.54.11

package/dist/index.css

@@ -459,7 +459,7 @@ img[data-v-680e3ae6] {
 
 
 .cube-badge {
-&[data-v-6d87101a] {
+&[data-v-bb9033c0] {
     display: inline-flex;
     align-items: center;
     box-sizing: border-box;
@@ -476,14 +476,14 @@ img[data-v-680e3ae6] {
     user-select: none;
     transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
 }
-&[data-v-6d87101a]:hover,
-    &[data-v-6d87101a]:focus-visible {
+&[data-v-bb9033c0]:hover,
+    &[data-v-bb9033c0]:focus-visible {
         border-color: var(--badge-color);
         background: color-mix(in srgb, var(--badge-color) 24%, var(--page-bg));
         box-shadow: 0 2px 8px color-mix(in srgb, var(--badge-color) 24%, transparent);
         outline: none;
 }
-&[data-v-6d87101a]:active { transform: translateY(1px);
+&[data-v-bb9033c0]:active { transform: translateY(1px);
 }
 }
 
@@ -2162,53 +2162,53 @@ canvas {
 }
 
 
-.cube-map[data-v-eaa27ae0] {
+.cube-map[data-v-4da061ea] {
     position: relative;
     width: 100%;
     height: 100%;
 }
 .group-outbox {
-.node-outbox[data-v-eaa27ae0] {
+.node-outbox[data-v-4da061ea] {
         fill: var(--node-bg);
         stroke: var(--node-hover-stroke);
         stroke-width: 2;
 }
 }
 /* 硬件加速 */
-.group-nodes[data-v-eaa27ae0] {
+.group-nodes[data-v-4da061ea] {
     transform: translateZ(1);
 }
 .group-linkers {
-&[data-v-eaa27ae0]{
+&[data-v-4da061ea]{
     transform: translateZ(1);
     }
-path[data-v-eaa27ae0] {
+path[data-v-4da061ea] {
         fill: none;
         filter: var(--linker-filter);
 }
 }
 .group-placeholder {
-&[data-v-eaa27ae0]{
+&[data-v-4da061ea]{
     pointer-events: none;
     }
-.placeholder-linker[data-v-eaa27ae0] {
+.placeholder-linker[data-v-4da061ea] {
         fill: none;
         filter: var(--linker-filter);
         stroke: var(--placeholder-linker-stroke);
         stroke-width: 2;
 }
-.placeholder-box-selector[data-v-eaa27ae0] {
+.placeholder-box-selector[data-v-4da061ea] {
         stroke: var(--placeholder-box-selector-stroke);
         fill: var(--placeholder-box-selector-fill);
         stroke-width: 2;
 }
-.placeholder-line-delete[data-v-eaa27ae0] {
+.placeholder-line-delete[data-v-4da061ea] {
         stroke-width: 2;
         fill: none;
         filter: drop-shadow(0px 0px 6px #ff7f7f);
 }
 }
-svg[data-v-eaa27ae0] {
+svg[data-v-4da061ea] {
     width: 100%;
     height: 100%;
     position: absolute;
@@ -2521,7 +2521,7 @@ div[data-v-136c7c52] {
 
 
 .cube-link {
-&[data-v-3f039ea4] {
+&[data-v-b6c62cce] {
     display: flex;
     z-index: 5;
     padding: 5px;
@@ -2530,22 +2530,22 @@ div[data-v-136c7c52] {
     flex-flow: row nowrap;
     gap: 5px;
 }
-.title[data-v-3f039ea4] { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+.title[data-v-b6c62cce] { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .link {
-&[data-v-3f039ea4] { max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;
+&[data-v-b6c62cce] { max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;
 }
-&[data-v-3f039ea4]:hover { text-decoration: underline; text-decoration-style: wavy;
+&[data-v-b6c62cce]:hover { text-decoration: underline; text-decoration-style: wavy;
 }
 }
-& > div[data-v-3f039ea4] { font-size: 14px; padding: 5px; border-radius: 4px; background: var(--link-bg); width: fit-content; color: var(--link-color);
+& > div[data-v-b6c62cce] { font-size: 14px; padding: 5px; border-radius: 4px; background: var(--link-bg); width: fit-content; color: var(--link-color);
 }
 .iconbox {
-&[data-v-3f039ea4] { display: flex; flex-flow: row nowrap; align-items: center; gap: 5px;
+&[data-v-b6c62cce] { display: flex; flex-flow: row nowrap; align-items: center; gap: 5px;
 }
-.iconfont[data-v-3f039ea4] { cursor: pointer; padding: 3px 6px; border-radius: 4px;
+.iconfont[data-v-b6c62cce] { cursor: pointer; padding: 3px 6px; border-radius: 4px;
 }
-.iconfont[data-v-3f039ea4]:hover { background: var(--link-icon-hover-bg); color: var(--link-icon-hover-color);
+.iconfont[data-v-b6c62cce]:hover { background: var(--link-icon-hover-bg); color: var(--link-icon-hover-color);
 }
 }
 }
@@ -2632,57 +2632,57 @@ div[data-v-136c7c52] {
 }
 
 
-.cube-timeline[data-v-b35c314a] { --timeline-line: color-mix(in srgb, var(--color) 20%, transparent); --timeline-default: color-mix(in srgb, var(--color) 52%, var(--page-bg)); --timeline-current: var(--selection-bg); --timeline-done: #22a06b; display: flex; flex-direction: column; margin: 0.5em 0; padding: 0.2em 0;
+.cube-timeline[data-v-cb6d0e76] { --timeline-line: color-mix(in srgb, var(--color) 20%, transparent); --timeline-default: color-mix(in srgb, var(--color) 52%, var(--page-bg)); --timeline-current: var(--selection-bg); --timeline-done: #22a06b; display: flex; flex-direction: column; margin: 0.5em 0; padding: 0.2em 0;
 }
 .timeline-item {
-&[data-v-b35c314a] { display: grid; grid-template-columns: 2.1em minmax(0, 1fr); min-height: 3.2em; transition: opacity 0.14s ease;
+&[data-v-cb6d0e76] { display: grid; grid-template-columns: 2.1em minmax(0, 1fr); min-height: 3.2em; transition: opacity 0.14s ease;
  }
-&:last-child .timeline-rail[data-v-b35c314a]::after { display: none;
+&:last-child .timeline-rail[data-v-cb6d0e76]::after { display: none;
 }
-&.dragging[data-v-b35c314a] { opacity: 0.45;
+&.dragging[data-v-cb6d0e76] { opacity: 0.45;
 }
-&.drop-target .timeline-main[data-v-b35c314a] { box-shadow: inset 0 2px 0 var(--timeline-current);
+&.drop-target .timeline-main[data-v-cb6d0e76] { box-shadow: inset 0 2px 0 var(--timeline-current);
 }
 }
 .timeline-rail {
-&[data-v-b35c314a] { position: relative; display: flex; justify-content: center; padding-top: 0.2em;
+&[data-v-cb6d0e76] { position: relative; display: flex; justify-content: center; padding-top: 0.2em;
  }
-&[data-v-b35c314a]::after { position: absolute; top: 1.7em; bottom: -0.2em; width: 1px; background: var(--timeline-line); content: "";
+&[data-v-cb6d0e76]::after { position: absolute; top: 1.95em; bottom: -0.2em; width: 1px; background: var(--timeline-line); content: "";
 }
 }
-.line-dashed .timeline-rail[data-v-b35c314a]::after { background: repeating-linear-gradient(to bottom, var(--timeline-line) 0 4px, transparent 4px 8px);
+.line-dashed .timeline-rail[data-v-cb6d0e76]::after { background: repeating-linear-gradient(to bottom, var(--timeline-line) 0 4px, transparent 4px 8px);
 }
 .timeline-marker {
-&[data-v-b35c314a] { z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 1.15em; height: 1.15em; padding: 0; border: 2px solid currentColor; border-radius: 50%; color: var(--timeline-default); background: var(--page-bg); cursor: pointer; font-size: 0.88em; line-height: 1; transition: transform 0.16s ease, box-shadow 0.16s ease;
+&[data-v-cb6d0e76] { z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 1.4em; height: 1.4em; padding: 0; border: 2px solid currentColor; border-radius: 50%; color: var(--timeline-default); background: var(--page-bg); cursor: pointer; font-size: 0.88em; line-height: 1; transition: transform 0.16s ease, box-shadow 0.16s ease;
  }
-&[data-v-b35c314a]:hover, &[data-v-b35c314a]:focus-visible { transform: scale(1.12); box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent); outline: none;
+&[data-v-cb6d0e76]:hover, &[data-v-cb6d0e76]:focus-visible { transform: scale(1.12); box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 18%, transparent); outline: none;
 }
 }
-.state-current .timeline-marker[data-v-b35c314a] { color: var(--timeline-current); background: var(--timeline-current); box-shadow: 0 0 0 3px color-mix(in srgb, var(--timeline-current) 18%, transparent);
-}.state-done .timeline-marker[data-v-b35c314a] { border-color: var(--timeline-done); color: white; background: var(--timeline-done);
+.state-current .timeline-marker[data-v-cb6d0e76] { color: var(--timeline-current); background: var(--timeline-current); box-shadow: 0 0 0 3px color-mix(in srgb, var(--timeline-current) 18%, transparent);
+}.state-done .timeline-marker[data-v-cb6d0e76] { border-color: var(--timeline-done); color: white; background: var(--timeline-done);
 }.marker-diamond .timeline-marker {
-&[data-v-b35c314a] { border-radius: 2px; transform: rotate(45deg);
+&[data-v-cb6d0e76] { border-radius: 2px; transform: rotate(45deg);
  }
-> span[data-v-b35c314a] { transform: rotate(-45deg);
+> span[data-v-cb6d0e76] { transform: rotate(-45deg);
 }
-&[data-v-b35c314a]:hover, &[data-v-b35c314a]:focus-visible { transform: rotate(45deg) scale(1.12);
+&[data-v-cb6d0e76]:hover, &[data-v-cb6d0e76]:focus-visible { transform: rotate(45deg) scale(1.12);
 }
-}.marker-flag .timeline-marker[data-v-b35c314a] { width: 1.3em; border-radius: 2px 2px 2px 0;
+}.marker-flag .timeline-marker[data-v-cb6d0e76] { width: 1.55em; border-radius: 2px 2px 2px 0;
 }
-.timeline-main[data-v-b35c314a] { min-width: 0; padding-bottom: 0.8em;
-}.timeline-meta[data-v-b35c314a] { position: relative; display: flex; align-items: center; gap: 0.35em; min-height: 1.35em;
+.timeline-main[data-v-cb6d0e76] { min-width: 0; padding-bottom: 0.8em;
+}.timeline-meta[data-v-cb6d0e76] { position: relative; display: flex; align-items: center; gap: 0.35em; min-height: 1.35em;
 }.timeline-time {
-&[data-v-b35c314a] { padding: 0; border: 0; color: color-mix(in srgb, var(--color) 62%, transparent); background: transparent; cursor: pointer; font-size: 0.78em; font-variant-numeric: tabular-nums;
+&[data-v-cb6d0e76] { padding: 0; border: 0; color: color-mix(in srgb, var(--color) 62%, transparent); background: transparent; cursor: pointer; font-size: 0.78em; font-variant-numeric: tabular-nums;
  }
-&[data-v-b35c314a]:hover, &[data-v-b35c314a]:focus-visible { color: var(--selection-bg); outline: none;
+&[data-v-cb6d0e76]:hover, &[data-v-cb6d0e76]:focus-visible { color: var(--selection-bg); outline: none;
 }
-}.timeline-drag[data-v-b35c314a], .timeline-add[data-v-b35c314a] { visibility: hidden; padding: 0.1em; border: 0; color: color-mix(in srgb, var(--color) 44%, transparent); background: transparent; cursor: grab; font-size: 0.78em; line-height: 1; touch-action: none; user-select: none;
-}.timeline-add[data-v-b35c314a] { cursor: pointer;
-}.timeline-item:hover .timeline-drag[data-v-b35c314a], .timeline-item:hover .timeline-add[data-v-b35c314a], .timeline-item:focus-within .timeline-drag[data-v-b35c314a], .timeline-item:focus-within .timeline-add[data-v-b35c314a] { visibility: visible;
+}.timeline-drag[data-v-cb6d0e76], .timeline-add[data-v-cb6d0e76] { visibility: hidden; padding: 0.1em; border: 0; color: color-mix(in srgb, var(--color) 44%, transparent); background: transparent; cursor: grab; font-size: 0.78em; line-height: 1; touch-action: none; user-select: none;
+}.timeline-add[data-v-cb6d0e76] { cursor: pointer;
+}.timeline-item:hover .timeline-drag[data-v-cb6d0e76], .timeline-item:hover .timeline-add[data-v-cb6d0e76], .timeline-item:focus-within .timeline-drag[data-v-cb6d0e76], .timeline-item:focus-within .timeline-add[data-v-cb6d0e76] { visibility: visible;
 }.timeline-box {
-&[data-v-b35c314a] { min-width: 0; border-radius: 6px;
+&[data-v-cb6d0e76] { min-width: 0; border-radius: 6px;
  }
-&[data-v-b35c314a]:hover, &[data-v-b35c314a]:focus-within { background: color-mix(in srgb, var(--selection-bg) 5%, transparent);
+&[data-v-cb6d0e76]:hover, &[data-v-cb6d0e76]:focus-within { background: color-mix(in srgb, var(--selection-bg) 5%, transparent);
 }
 }
 
@@ -3774,60 +3774,106 @@ input[data-v-7c37dcaa] {
 }
 
 
-.badge-overlay[data-v-a522bce8] { position: fixed; inset: 0; z-index: var(--float-zindex); display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.35);
+.badge-overlay[data-v-5df8b0c6] { position: fixed; inset: 0; z-index: var(--float-zindex); display: flex; justify-content: center; align-items: flex-start; padding: 10vh 16px 16px; background: rgba(0, 0, 0, 0.35);
 }
-.badge-dialog[data-v-a522bce8] { position: relative; width: min(680px, calc(100vw - 32px)); max-height: min(680px, calc(100vh - 32px)); overflow: auto; padding: 22px; border: var(--dialog-cubelist-border); border-radius: 12px; color: var(--dialog-cubelist-input-color); background: var(--dialog-cubelist-bg); box-shadow: var(--dialog-cubelist-box-shadow);
+.badge-dialog[data-v-5df8b0c6] { position: relative; display: flex; flex-direction: column; width: min(980px, calc(100vw - 32px)); max-height: min(720px, calc(100vh - 48px)); overflow: hidden; padding: 20px; border: var(--dialog-cubelist-border); border-radius: 14px; color: var(--dialog-cubelist-input-color); background: linear-gradient(145deg, color-mix(in srgb, var(--dialog-cubelist-bg) 94%, white), var(--dialog-cubelist-bg) 38%); box-shadow: var(--dialog-cubelist-box-shadow);
 }
-.close-corner[data-v-a522bce8] { position: absolute; top: 10px; right: 10px; border: 0; color: inherit; background: transparent; cursor: pointer;
+.close-corner[data-v-5df8b0c6] { position: absolute; top: 10px; right: 10px; border: 0; color: inherit; background: transparent; cursor: pointer;
 }
 header {
-&[data-v-a522bce8] { margin-bottom: 16px;
+&[data-v-5df8b0c6] { margin: 0 30px 14px 0;
  }
-h2[data-v-a522bce8], p[data-v-a522bce8] { margin: 0;
+h2[data-v-5df8b0c6], p[data-v-5df8b0c6] { margin: 0;
 }
-p[data-v-a522bce8] { margin-top: 5px; font-size: 13px; opacity: 0.7;
+p[data-v-5df8b0c6] { margin-top: 5px; font-size: 13px; opacity: 0.65;
 }
 }
-.badge-items[data-v-a522bce8] { display: flex; flex-direction: column; gap: 8px;
+.badge-search {
+&[data-v-5df8b0c6] { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: var(--menu-dialog-input-border); border-radius: 7px;
+ }
+.iconfont[data-v-5df8b0c6] { opacity: 0.6;
+}
+input[data-v-5df8b0c6] { min-width: 0; flex: 1; border: 0; outline: 0; color: inherit; background: transparent; font: inherit;
+}
+}
+.badge-categories[data-v-5df8b0c6] { min-height: 0; flex: 1 1 auto; overflow: auto; padding: 12px 2px 2px;
+}
+.badge-category[data-v-5df8b0c6] { --category-color: var(--selection-bg); padding: 9px; border: 1px solid color-mix(in srgb, var(--category-color) 20%, transparent); border-radius: 8px; background: color-mix(in srgb, var(--category-color) 4%, transparent);
+}
+.badge-category[data-category="workflow"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 82%, #2563eb);
+}
+.badge-category[data-category="priority"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 82%, #d97706);
+}
+.badge-category[data-category="planning"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 82%, #7c3aed);
+}
+.badge-category[data-category="marker"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 82%, #0f766e);
+}
+.badge-category[data-category="python"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 86%, #3776ab);
+}
+.badge-category[data-category="rust"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 86%, #c2410c);
+}
+.badge-category[data-category="go"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 86%, #0891b2);
+}
+.badge-category[data-category="java"][data-v-5df8b0c6] { --category-color: color-mix(in srgb, var(--selection-bg) 86%, #b91c1c);
+}
+.badge-category[data-category="custom"][data-v-5df8b0c6] { --category-color: var(--menu-item-active-color, var(--selection-bg));
+}
+.badge-category + .badge-category[data-v-5df8b0c6] { margin-top: 9px;
 }
-.badge-item {
-&[data-v-a522bce8] { display: grid; grid-template-columns: 34px minmax(110px, 1fr) auto auto auto auto; align-items: center; gap: 8px;
+.category-title[data-v-5df8b0c6] { display: flex; align-items: center; justify-content: space-between; margin: 0 0 7px;
+}
+h3[data-v-5df8b0c6] { margin: 0; color: var(--category-color); font-size: 12px; font-weight: 650; letter-spacing: 0.02em;
+}
+.category-title span[data-v-5df8b0c6] { min-width: 1.7em; padding: 1px 5px; border-radius: 999px; color: var(--category-color); background: color-mix(in srgb, var(--category-color) 12%, transparent); font-size: 10px; text-align: center;
+}
+.badge-grid[data-v-5df8b0c6] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px;
+}
+.badge-card {
+&[data-v-5df8b0c6] { display: flex; min-width: 0; min-height: 38px; align-items: center; padding: 5px 7px; border: 1px solid color-mix(in srgb, var(--category-color) 28%, transparent); border-radius: 4px; color: inherit; background: color-mix(in srgb, var(--category-color) 6%, transparent); text-align: left; cursor: pointer; transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
  }
-input[data-v-a522bce8], button[data-v-a522bce8] { height: 34px; box-sizing: border-box; border-radius: 6px;
+&[data-v-5df8b0c6]:hover { border-color: color-mix(in srgb, var(--category-color) 70%, transparent); background: color-mix(in srgb, var(--category-color) 12%, transparent); transform: translateY(-1px);
 }
-input[type="color"][data-v-a522bce8] { width: 34px; padding: 2px; border: 0; cursor: pointer; background: transparent;
+&.active[data-v-5df8b0c6] { border-color: var(--category-color); background: color-mix(in srgb, var(--category-color) 15%, transparent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--category-color) 16%, transparent);
 }
-.label-input[data-v-a522bce8] { min-width: 0; padding: 0 9px; border: var(--menu-dialog-input-border); color: inherit; background: transparent;
 }
-button {
-&[data-v-a522bce8] { min-width: 34px; border: var(--menu-dialog-input-border); color: inherit; background: transparent; cursor: pointer;
-  }
-&[data-v-a522bce8]:disabled { opacity: 0.38; cursor: not-allowed;
+.badge-preview[data-v-5df8b0c6] { display: block; max-width: 100%; overflow: hidden; padding: 0; color: color-mix(in srgb, var(--category-color) 84%, var(--color)); background: transparent; font-size: 14px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap;
 }
-&[data-v-a522bce8]:not(:disabled):hover { background: var(--menu-item-bg-hover);
+.empty[data-v-5df8b0c6] { margin: 24px 0; text-align: center; opacity: 0.6;
 }
+.custom-form {
+&[data-v-5df8b0c6] { display: grid; grid-template-columns: auto minmax(0, 1fr) 36px auto; align-items: center; gap: 8px; margin-top: 15px; padding-top: 14px; border-top: 1px solid color-mix(in srgb, var(--dialog-cubelist-input-color) 14%, transparent);
+ }
+strong[data-v-5df8b0c6] { font-size: 13px; white-space: nowrap;
 }
+input[type="text"][data-v-5df8b0c6] { min-width: 0; height: 34px; padding: 0 9px; border: var(--menu-dialog-input-border); border-radius: 6px; color: inherit; background: transparent;
 }
-.default-item[data-v-a522bce8] { display: flex; align-items: center; gap: 3px; font-size: 12px; white-space: nowrap;
+input[type="color"][data-v-5df8b0c6] { width: 36px; height: 34px; padding: 2px; border: 0; background: transparent; cursor: pointer;
 }
-.actions {
-&[data-v-a522bce8] { display: grid; grid-template-columns: auto 1fr auto auto; gap: 8px; margin-top: 18px;
+button[data-v-5df8b0c6] { height: 34px; padding: 0 10px; border: 1px solid var(--menu-item-active-color); border-radius: 6px; color: var(--menu-dialog-bg); background: var(--menu-item-active-color); cursor: pointer; white-space: nowrap;
+}
+}
+footer {
+&[data-v-5df8b0c6] { display: flex; gap: 14px; margin-top: 12px; font-size: 11px; opacity: 0.54;
  }
-button[data-v-a522bce8] { padding: 8px 12px; border-radius: 7px; cursor: pointer;
+kbd[data-v-5df8b0c6] { padding: 1px 4px; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); border-radius: 3px; font: inherit;
 }
-.secondary {
-&[data-v-a522bce8] { border: var(--menu-dialog-input-border); color: inherit; background: transparent;
-  }
-&[data-v-a522bce8]:hover { background: var(--menu-item-bg-hover);
 }
+@media (max-width: 880px) {
+.badge-grid[data-v-5df8b0c6] { grid-template-columns: repeat(4, minmax(0, 1fr));
 }
-.primary[data-v-a522bce8] { border: 1px solid var(--menu-item-active-color); color: var(--menu-dialog-bg); background: var(--menu-item-active-color);
 }
+@media (max-width: 620px) {
+.badge-dialog[data-v-5df8b0c6] { padding: 18px;
+}
+.badge-grid[data-v-5df8b0c6] { grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.custom-form {
+&[data-v-5df8b0c6] { grid-template-columns: 1fr 36px auto;
+  }
+strong[data-v-5df8b0c6] { grid-column: 1 / -1;
 }
-@media (max-width: 560px) {
-.badge-item[data-v-a522bce8] { grid-template-columns: 34px minmax(0, 1fr) auto auto auto;
 }
-.default-item[data-v-a522bce8] { grid-column: 2 / -1;
+footer[data-v-5df8b0c6] { gap: 8px;
 }
 }
 
@@ -5318,7 +5364,7 @@ to {
 }
 
 
-@keyframes goto-49f71128 {
+@keyframes goto-60f5dabc {
 from {
         opacity: 0;
 }
@@ -5326,7 +5372,7 @@ to {
         opacity: 1;
 }
 }
-.link-edit[data-v-49f71128] {
+.link-edit[data-v-60f5dabc] {
     position: fixed;
     display: flex;
     flex-flow: column nowrap;
@@ -5336,13 +5382,13 @@ to {
     box-shadow: var(--float-shadow);
     border-radius: 12px;
     border: var(--float-card-border);
-    animation: 0.5s goto-49f71128 ease-in forwards;
+    animation: 0.5s goto-60f5dabc ease-in forwards;
     background: var(--float-link-edit-bg);
     backdrop-filter: blur(8px);
     gap: 4px;
     z-index: var(--float-zindex);
 }
-.iconbox[data-v-49f71128] {
+.iconbox[data-v-60f5dabc] {
     display: flex;
     justify-content: flex-end;
     align-items: center;
@@ -5350,7 +5396,7 @@ to {
     width: 100%;
 }
 .confirm {
-&[data-v-49f71128] {
+&[data-v-60f5dabc] {
     cursor: pointer;
     padding: 8px 14px;
     border-radius: 8px;
@@ -5365,7 +5411,7 @@ to {
         box-shadow 0.2s ease,
         transform 0.15s ease;
 }
-&[data-v-49f71128]:hover {
+&[data-v-60f5dabc]:hover {
         box-shadow: var(--float-confirm-hover-shadow);
         transform: translateY(-1px);
 }
@@ -7376,7 +7422,7 @@ img[data-v-2e0ffeef] {
 }
 
 
-.note-statusbar[data-v-6508059e] {
+.note-statusbar[data-v-09c075f0] {
     flex-shrink: 0;
     transition:
         transform var(--transition-base, 0.24s),
@@ -7387,7 +7433,7 @@ img[data-v-2e0ffeef] {
     font-size: var(--statusbar-font-size, 12px);
 }
 .statusbar-shell {
-&[data-v-6508059e] {
+&[data-v-09c075f0] {
     min-height: var(--statusbar-height, 32px);
     font-size: var(--statusbar-font-size, 12px);
     display: flex;
@@ -7400,18 +7446,19 @@ img[data-v-2e0ffeef] {
     overflow: hidden;
     position: relative;
     }
-&[data-v-6508059e] > * {
+&[data-v-09c075f0] > * {
         position: relative;
         z-index: 1;
 }
 }
 .statusbar-docid {
-&[data-v-6508059e] {
+&[data-v-09c075f0] {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     flex-shrink: 0;
-    max-width: min(34%, 320px);
+    /* Keep normal document ids readable; narrow viewports still truncate safely. */
+    max-width: min(50vw, 480px);
     cursor: pointer;
     background: var(--statusbar-docid-bg);
     color: var(--statusbar-docid-color);
@@ -7424,32 +7471,32 @@ img[data-v-2e0ffeef] {
         background var(--transition-base, 0.24s);
     will-change: transform;
     }
-&[data-v-6508059e]:hover {
+&[data-v-09c075f0]:hover {
         transform: translateY(-2px);
         background: var(--statusbar-docid-hover-bg);
         box-shadow: var(--statusbar-docid-hover-shadow);
 }
 }
-.statusbar-end-items[data-v-6508059e] {
+.statusbar-end-items[data-v-09c075f0] {
     display: inline-flex;
     align-items: center;
     flex-shrink: 0;
     gap: 8px;
     min-width: 0;
 }
-.statusbar-docid-label[data-v-6508059e] {
+.statusbar-docid-label[data-v-09c075f0] {
     flex-shrink: 0;
     letter-spacing: 0.12em;
     opacity: 0.6;
 }
-.statusbar-docid-value[data-v-6508059e] {
+.statusbar-docid-value[data-v-09c075f0] {
     min-width: 0;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 .statusbar-items {
-&[data-v-6508059e] {
+&[data-v-09c075f0] {
     flex: 1;
     min-width: 0;
     max-width: var(--statusbar-items-max-width);
@@ -7461,7 +7508,7 @@ img[data-v-2e0ffeef] {
     padding: 1px;
     }
 .statusbar-item {
-&[data-v-6508059e] {
+&[data-v-09c075f0] {
         cursor: pointer;
         background: var(--statusbar-item-bg);
         color: var(--statusbar-item-color);
@@ -7480,41 +7527,41 @@ img[data-v-2e0ffeef] {
             box-shadow var(--transition-base, 0.24s);
         will-change: transform;
         }
-&[data-v-6508059e]:hover {
+&[data-v-09c075f0]:hover {
             background: var(--statusbar-item-hover-bg);
             border-color: var(--statusbar-item-hover-border);
             box-shadow: var(--statusbar-item-hover-shadow);
 }
 }
-.statusbar-item-text[data-v-6508059e] {
+.statusbar-item-text[data-v-09c075f0] {
         overflow: hidden;
         text-overflow: ellipsis;
 }
-.notsave[data-v-6508059e] {
+.notsave[data-v-09c075f0] {
         background: var(--statusbar-item-not-save-bg);
         color: var(--statusbar-item-not-save-color);
         box-shadow: var(--statusbar-item-not-save-shadow);
 }
-.mode-reading[data-v-6508059e] {
+.mode-reading[data-v-09c075f0] {
         background: var(--statusbar-item-reading-mode-bg);
         color: var(--statusbar-item-reading-mode-color);
         box-shadow: var(--statusbar-item-reading-mode-shadow);
 }
-.has-scope[data-v-6508059e] {
+.has-scope[data-v-09c075f0] {
         background: var(--statusbar-item-scope-exist-bg);
         color: var(--statusbar-item-scope-exist-color);
         box-shadow: var(--statusbar-item-scope-exist-shadow);
 }
 .statusbar-item.iconfont {
-&[data-v-6508059e] {
+&[data-v-09c075f0] {
         font-weight: 300;
         }
-&[data-v-6508059e]::before {
+&[data-v-09c075f0]::before {
             margin-right: 4px;
             opacity: 0.8;
 }
 }
-&[data-v-6508059e]::-webkit-scrollbar {
+&[data-v-09c075f0]::-webkit-scrollbar {
         display: none;
 }
 }