@corum/corum-ui-base 0.6.0 → 0.7.0

package/lib/client.js

@@ -1,4 +1,4 @@
-;(function(){if(typeof document!=='undefined'&&document.querySelector('style[data-plugin="@corum/corum-ui-base"]')===null){var s=document.createElement('style');s.setAttribute('data-plugin','@corum/corum-ui-base');s.textContent=".N9y1Ba_card {\n  background: var(--corum-glass-1, var(--dsw-alias-bg-layer-1));\n  border: 1px solid var(--corum-glass-border, var(--dsw-alias-border-l1));\n  border-radius: 18px;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.N9y1Ba_cardTransparent {\n  background: none;\n  border-color: #0000;\n}\n\n.N9y1Ba_body {\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  overflow: hidden;\n}\n\n.N9y1Ba_body > * {\n  flex: 1;\n  min-height: 0;\n}\n.KbY6GG_grid, .KbY6GG_branchRow, .KbY6GG_branchColumn {\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.KbY6GG_branchCell {\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  position: absolute;\n  overflow: hidden;\n}\n\n.KbY6GG_branchInner {\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.KbY6GG_sashV {\n  cursor: col-resize;\n  z-index: 35;\n  touch-action: none;\n  width: 8px;\n  position: absolute;\n}\n\n.KbY6GG_sashH {\n  cursor: row-resize;\n  z-index: 35;\n  touch-action: none;\n  height: 8px;\n  position: absolute;\n}\n\n.KbY6GG_sashV:after, .KbY6GG_sashH:after {\n  content: \"\";\n  background: var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  opacity: 0;\n  border-radius: 2px;\n  transition: opacity .12s;\n  position: absolute;\n}\n\n.KbY6GG_sashV:after {\n  width: 3px;\n  margin-left: -1.5px;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n}\n\n.KbY6GG_sashH:after {\n  height: 3px;\n  margin-top: -1.5px;\n  top: 50%;\n  left: 0;\n  right: 0;\n}\n\n.KbY6GG_sashV:hover:after, .KbY6GG_sashH:hover:after {\n  opacity: 1;\n}\n\n.KbY6GG_leaf {\n  will-change: transform;\n  user-select: text;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n[data-drag-ghost], [data-drag-ghost] * {\n  backdrop-filter: none !important;\n}\n\n.KbY6GG_detachedPlaceholder {\n  justify-content: center;\n  align-items: center;\n  gap: calc(6px * var(--corum-density-scale, 1));\n  height: 100%;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: calc(12px * var(--corum-ui-font-scale, 1));\n  flex-direction: column;\n  display: flex;\n}\n\n.KbY6GG_detachedIcon {\n  font-size: calc(20px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.KbY6GG_detachedHint {\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.KbY6GG_dropHint {\n  pointer-events: none;\n  background: var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  opacity: .16;\n  z-index: 5;\n  position: absolute;\n  inset: 0;\n}\n\n.KbY6GG_dropHint[data-zone=\"left\"] {\n  border-radius: 14px 0 0 14px;\n  right: 50%;\n}\n\n.KbY6GG_dropHint[data-zone=\"right\"] {\n  border-radius: 0 14px 14px 0;\n  left: 50%;\n}\n\n.KbY6GG_dropHint[data-zone=\"top\"] {\n  border-radius: 14px 14px 0 0;\n  bottom: 50%;\n}\n\n.KbY6GG_dropHint[data-zone=\"bottom\"] {\n  border-radius: 0 0 14px 14px;\n  top: 50%;\n}\n\n.KbY6GG_dropHint[data-zone=\"center\"] {\n  opacity: .22;\n  border-radius: 14px;\n  inset: 0;\n}\n\n.KbY6GG_leaf[data-drop-zone] {\n  outline: 2px solid var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  outline-offset: -2px;\n}\n\n.KbY6GG_dockPreview {\n  pointer-events: none;\n  background: var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  opacity: .22;\n  border: 2px solid var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  z-index: 40;\n  border-radius: 12px;\n  transition: left 80ms, top 80ms, width 80ms, height 80ms;\n  position: absolute;\n}\n.K0s1dq_host {\n  z-index: 100;\n  pointer-events: none;\n  position: fixed;\n  inset: 0;\n}\n\n.K0s1dq_item {\n  pointer-events: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.K0s1dq_item[data-modal] {\n  pointer-events: auto;\n}\n\n.K0s1dq_mask {\n  background: var(--dsw-alias-bg-mask-1);\n  backdrop-filter: var(--dsw-mask-blur);\n  position: absolute;\n  inset: 0;\n}\n\n.K0s1dq_body {\n  pointer-events: auto;\n  position: relative;\n}\n.yPBkUG_overlay {\n  z-index: 10001;\n  backdrop-filter: blur(8px);\n  background: #00000059;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: fixed;\n  inset: 0;\n}\n\n.yPBkUG_dialog {\n  gap: calc(8px * var(--corum-density-scale, 1));\n  width: 360px;\n  max-width: calc(100vw - 48px);\n  padding: calc(16px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-1);\n  backdrop-filter: blur(16px) saturate(140%);\n  box-sizing: border-box;\n  border-radius: 16px;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n  box-shadow: 0 16px 48px #0000004d;\n}\n\n.yPBkUG_closeBtn {\n  cursor: pointer;\n  width: 24px;\n  height: 24px;\n  color: var(--dsw-alias-label-tertiary);\n  background: none;\n  border: none;\n  border-radius: 6px;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n.yPBkUG_closeBtn:hover {\n  background: var(--corum-glass-2);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.yPBkUG_inlinePop {\n  gap: calc(8px * var(--corum-density-scale, 1));\n  width: 224px;\n  padding: calc(10px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-1);\n  box-sizing: border-box;\n  z-index: 20;\n  border-radius: 12px;\n  flex-direction: column;\n  display: flex;\n  position: absolute;\n  bottom: calc(100% + 8px);\n  right: 0;\n  box-shadow: 0 12px 28px #00000040;\n}\n\n.yPBkUG_title {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(12px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-primary);\n  font-weight: 600;\n}\n\n.yPBkUG_dialog .yPBkUG_title {\n  font-size: calc(15px * var(--corum-ui-font-scale, 1));\n  font-weight: 700;\n}\n\n.yPBkUG_message {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-secondary);\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n.yPBkUG_dialog .yPBkUG_message {\n  font-size: calc(13px * var(--corum-ui-font-scale, 1));\n}\n\n.yPBkUG_warning {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(10px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-state-error-primary);\n  font-weight: 400;\n  line-height: 1.4;\n}\n\n.yPBkUG_dialog .yPBkUG_warning {\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n}\n\n.yPBkUG_row {\n  justify-content: flex-end;\n  gap: calc(6px * var(--corum-density-scale, 1));\n  padding-top: calc(4px * var(--corum-density-scale, 1));\n  display: flex;\n}\n\n.yPBkUG_cancelBtn {\n  padding: calc(5px * var(--corum-density-scale, 1)) calc(12px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-2);\n  cursor: pointer;\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-primary);\n  border-radius: 8px;\n  font-weight: 400;\n}\n\n.yPBkUG_cancelBtn:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.yPBkUG_confirmBtnDanger {\n  padding: calc(5px * var(--corum-density-scale, 1)) calc(12px * var(--corum-density-scale, 1));\n  background: var(--dsw-alias-state-error-primary);\n  cursor: pointer;\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--corum-label-on-brand);\n  border: none;\n  border-radius: 8px;\n  font-weight: 600;\n}\n\n.yPBkUG_confirmBtnPrimary {\n  padding: calc(5px * var(--corum-density-scale, 1)) calc(12px * var(--corum-density-scale, 1));\n  background: var(--dsw-alias-brand-primary, var(--corum-state-running));\n  cursor: pointer;\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--corum-label-on-brand);\n  border: none;\n  border-radius: 8px;\n  font-weight: 600;\n}\n\n.yPBkUG_confirmBtnDanger:disabled, .yPBkUG_confirmBtnPrimary:disabled {\n  opacity: .5;\n  cursor: default;\n}\n.C7ym2q_tileGrid {\n  --mosaic-gap: calc(8px * var(--corum-density-scale, 1));\n  --mosaic-unit: min(calc(128px * var(--corum-density-scale, 1)),\n    calc((100cqw - 5 * var(--mosaic-gap)) / 6));\n  gap: var(--mosaic-gap);\n  flex-direction: column;\n  align-content: start;\n  min-width: 0;\n  display: flex;\n  container-type: inline-size;\n}\n\n.C7ym2q_mosaicBlock {\n  align-items: stretch;\n  gap: var(--mosaic-gap);\n  width: 100%;\n  min-width: 0;\n  display: flex;\n}\n\n.C7ym2q_mosaicBlock[data-mosaic-block=\"264\"] {\n  height: max(calc(2 * var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))) + var(--mosaic-gap)),\n    calc(200px * var(--corum-density-scale, 1)));\n}\n\n.C7ym2q_mosaicBlock[data-mosaic-block=\"128\"] {\n  height: max(var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))),\n    calc(96px * var(--corum-density-scale, 1)));\n}\n\n.C7ym2q_mosaicCol {\n  gap: var(--mosaic-gap);\n  min-width: 0;\n  min-height: 0;\n  width: var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1)));\n  flex-direction: column;\n  flex: none;\n  display: flex;\n}\n\n.C7ym2q_mosaicCol[data-col=\"264\"] {\n  width: calc(2 * var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))) + var(--mosaic-gap));\n}\n\n.C7ym2q_mosaicCol > * {\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 0;\n}\n\n.C7ym2q_mosaicCol > [data-tile-size=\"big\"], .C7ym2q_mosaicCol > [data-tile-size=\"tall\"] {\n  flex: auto;\n}\n\n.C7ym2q_tile {\n  box-sizing: border-box;\n  padding: clamp(calc(8px * var(--corum-density-scale, 1)),\n    calc(var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))) * .09),\n    calc(12px * var(--corum-density-scale, 1)));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--tile-tint, var(--corum-glass-1));\n  text-align: left;\n  cursor: pointer;\n  border-radius: 10px;\n  flex-direction: column;\n  justify-content: space-between;\n  font-family: inherit;\n  transition: border-color .15s, background .15s;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.C7ym2q_tile:hover {\n  border-color: var(--corum-glass-border-active);\n}\n\n.C7ym2q_tile:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.C7ym2q_tileTintViolet {\n  --tile-tint: var(--corum-tile-violet, var(--corum-glass-1));\n}\n\n.C7ym2q_tileTintDeep {\n  --tile-tint: var(--corum-tile-deep, var(--corum-glass-1));\n}\n\n.C7ym2q_tileTintSlate {\n  --tile-tint: var(--corum-tile-slate, var(--corum-glass-1));\n}\n\n.C7ym2q_tileTintMauve {\n  --tile-tint: var(--corum-tile-mauve, var(--corum-glass-1));\n}\n\n.C7ym2q_tileActive {\n  background: var(--corum-glass-2);\n  border-color: var(--corum-glass-border-active);\n}\n\n.C7ym2q_tile[data-tile-size=\"big\"]:before, .C7ym2q_tileGlow:before {\n  content: \"\";\n  pointer-events: none;\n  background: radial-gradient(circle at 78% 22%,\n    color-mix(in srgb, var(--dsw-alias-brand-primary) 36%, transparent) 0%,\n    transparent 62%);\n  position: absolute;\n  inset: 0;\n}\n\n.C7ym2q_tileTop {\n  justify-content: space-between;\n  align-items: center;\n  gap: calc(6px * var(--corum-density-scale, 1));\n  display: flex;\n  position: relative;\n}\n\n.C7ym2q_tileIcon {\n  color: var(--dsw-alias-brand-text);\n  flex: none;\n  display: inline-flex;\n}\n\n.C7ym2q_tileCorner {\n  top: calc(10px * var(--corum-density-scale, 1));\n  right: calc(10px * var(--corum-density-scale, 1));\n  align-items: center;\n  gap: calc(3px * var(--corum-density-scale, 1));\n  display: inline-flex;\n  position: absolute;\n}\n\n.C7ym2q_tileBottom {\n  gap: calc(3px * var(--corum-density-scale, 1));\n  flex-direction: column;\n  min-width: 0;\n  display: flex;\n  position: relative;\n}\n\n.C7ym2q_tileNameRow {\n  align-items: flex-start;\n  gap: calc(4px * var(--corum-density-scale, 1));\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  display: flex;\n}\n\n.C7ym2q_tileName {\n  -webkit-line-clamp: 3;\n  overflow-wrap: anywhere;\n  width: 100%;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  font-weight: 600;\n  font-size: calc(13px * var(--corum-ui-font-scale, 1));\n  -webkit-box-orient: vertical;\n  min-height: 3.9em;\n  line-height: 1.3;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.C7ym2q_tile[data-tile-size=\"big\"] .C7ym2q_tileName {\n  font-size: calc(15px * var(--corum-ui-font-scale, 1));\n}\n\n.C7ym2q_tileVersion {\n  height: calc(16px * var(--corum-density-scale, 1));\n  padding: 0 calc(6px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-3);\n  color: var(--dsw-alias-label-tertiary);\n  font-family: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: calc(9px * var(--corum-ui-font-scale, 1));\n  white-space: nowrap;\n  border-radius: 999px;\n  flex: none;\n  align-items: center;\n  width: fit-content;\n  font-weight: 600;\n  display: inline-flex;\n}\n\n.C7ym2q_tileSub {\n  font-size: calc(10px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-tertiary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.C7ym2q_tileBodyScaffold {\n  gap: calc(3px * var(--corum-density-scale, 1));\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.C7ym2q_tile[data-tile-size=\"wide\"] .C7ym2q_tileBodyScaffold {\n  align-items: flex-start;\n  gap: calc(10px * var(--corum-density-scale, 1));\n  flex-direction: row;\n}\n\n.C7ym2q_tile[data-tile-size=\"wide\"] .C7ym2q_tileBodyText {\n  flex: auto;\n  min-width: 0;\n}\n\n.C7ym2q_tile[data-tile-size=\"tall\"] .C7ym2q_tileBodyScaffold {\n  justify-content: space-between;\n}\n\n.C7ym2q_tile[data-tile-size=\"big\"] .C7ym2q_tileName, .C7ym2q_tile[data-tile-size=\"tall\"] .C7ym2q_tileName {\n  -webkit-line-clamp: 3;\n  min-height: 3.9em;\n}\n\n.C7ym2q_tileDot {\n  background: var(--dsw-alias-state-success-primary);\n  border-radius: 50%;\n  flex: none;\n  width: 8px;\n  height: 8px;\n}\n\n.C7ym2q_tileDotOff {\n  background: var(--dsw-alias-label-dimmed);\n}\n\n.C7ym2q_tileSwitch {\n  width: calc(32px * var(--corum-density-scale, 1));\n  height: calc(18px * var(--corum-density-scale, 1));\n  background: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  border: 1px solid #0000;\n  border-radius: 999px;\n  flex: none;\n  padding: 0;\n  transition: background .15s;\n  position: relative;\n}\n\n.C7ym2q_tileSwitch[data-off] {\n  background: var(--corum-glass-3);\n  border-color: var(--corum-glass-border);\n}\n\n.C7ym2q_tileSwitch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.C7ym2q_tileSwitchKnob {\n  background: var(--corum-label-on-brand);\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  transition: left .15s;\n  position: absolute;\n  top: 2px;\n  left: 14px;\n}\n\n.C7ym2q_tileSwitch[data-off] .C7ym2q_tileSwitchKnob {\n  background: var(--dsw-alias-label-dimmed);\n  left: 2px;\n}\n\n.C7ym2q_tilePlaceholder {\n  justify-content: center;\n  align-items: center;\n  gap: calc(8px * var(--corum-density-scale, 1));\n  box-sizing: border-box;\n  padding: calc(12px * var(--corum-density-scale, 1));\n  border: 1px dashed var(--corum-glass-border);\n  color: var(--dsw-alias-label-dimmed);\n  cursor: default;\n  background: none;\n  border-radius: 10px;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.C7ym2q_tilePlaceholderIcon {\n  color: var(--dsw-alias-label-dimmed);\n  display: inline-flex;\n}\n\n.C7ym2q_tilePlaceholderText {\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-dimmed);\n  margin: 0;\n}\n\n.C7ym2q_hotRow {\n  gap: var(--mosaic-gap, calc(8px * var(--corum-density-scale, 1)));\n  min-width: 0;\n  display: flex;\n}\n\n.C7ym2q_hotRow > * {\n  min-width: 0;\n  height: calc(120px * var(--corum-density-scale, 1));\n  flex: 1 1 0;\n}\n\n.C7ym2q_tile {\n  container-type: size;\n}\n\n@container (height <= 180px) {\n  .C7ym2q_tileName {\n    -webkit-line-clamp: 2;\n    min-height: 2.6em;\n  }\n}\n\n@container (height <= 140px) {\n  .C7ym2q_tileName {\n    -webkit-line-clamp: 1;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    min-height: 1.3em;\n  }\n}\n\n@container (height <= 170px) {\n  .C7ym2q_tileVersion {\n    display: none;\n  }\n}\n\n@container (height <= 85px) {\n  .C7ym2q_tileIcon svg {\n    width: 16px;\n    height: 16px;\n  }\n}\nbody {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, \"PingFang SC\", \"SF Pro Text\", system-ui, sans-serif);\n}\n\ncode, pre, kbd, samp, [data-corume-mono] {\n  font-family: JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, :before, :after {\n    transition-duration: .001ms !important;\n    animation-duration: .001ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n";document.head.appendChild(s);}})();
+;(function(){if(typeof document!=='undefined'&&document.querySelector('style[data-plugin="@corum/corum-ui-base"]')===null){var s=document.createElement('style');s.setAttribute('data-plugin','@corum/corum-ui-base');s.textContent=".oT9sTq_card {\n  background: var(--corum-glass-1, var(--dsw-alias-bg-layer-1));\n  border: 1px solid var(--corum-glass-border, var(--dsw-alias-border-l1));\n  border-radius: 18px;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.oT9sTq_cardTransparent {\n  background: none;\n  border-color: #0000;\n}\n\n.oT9sTq_body {\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  overflow: hidden;\n}\n\n.oT9sTq_body > * {\n  flex: 1;\n  min-height: 0;\n}\n.rUtG1G_grid, .rUtG1G_branchRow, .rUtG1G_branchColumn {\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.rUtG1G_branchCell {\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  position: absolute;\n  overflow: hidden;\n}\n\n.rUtG1G_branchInner {\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.rUtG1G_sashV {\n  cursor: col-resize;\n  z-index: 35;\n  touch-action: none;\n  width: 8px;\n  position: absolute;\n}\n\n.rUtG1G_sashH {\n  cursor: row-resize;\n  z-index: 35;\n  touch-action: none;\n  height: 8px;\n  position: absolute;\n}\n\n.rUtG1G_sashV:after, .rUtG1G_sashH:after {\n  content: \"\";\n  background: var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  opacity: 0;\n  border-radius: 2px;\n  transition: opacity .12s;\n  position: absolute;\n}\n\n.rUtG1G_sashV:after {\n  width: 3px;\n  margin-left: -1.5px;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n}\n\n.rUtG1G_sashH:after {\n  height: 3px;\n  margin-top: -1.5px;\n  top: 50%;\n  left: 0;\n  right: 0;\n}\n\n.rUtG1G_sashV:hover:after, .rUtG1G_sashH:hover:after {\n  opacity: 1;\n}\n\n.rUtG1G_leaf {\n  will-change: transform;\n  user-select: text;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n[data-drag-ghost], [data-drag-ghost] * {\n  backdrop-filter: none !important;\n}\n\n.rUtG1G_detachedPlaceholder {\n  justify-content: center;\n  align-items: center;\n  gap: calc(6px * var(--corum-density-scale, 1));\n  height: 100%;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: calc(12px * var(--corum-ui-font-scale, 1));\n  flex-direction: column;\n  display: flex;\n}\n\n.rUtG1G_detachedIcon {\n  font-size: calc(20px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-brand-primary);\n}\n\n.rUtG1G_detachedHint {\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-dimmed);\n}\n\n.rUtG1G_dropHint {\n  pointer-events: none;\n  background: var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  opacity: .16;\n  z-index: 5;\n  position: absolute;\n  inset: 0;\n}\n\n.rUtG1G_dropHint[data-zone=\"left\"] {\n  border-radius: 14px 0 0 14px;\n  right: 50%;\n}\n\n.rUtG1G_dropHint[data-zone=\"right\"] {\n  border-radius: 0 14px 14px 0;\n  left: 50%;\n}\n\n.rUtG1G_dropHint[data-zone=\"top\"] {\n  border-radius: 14px 14px 0 0;\n  bottom: 50%;\n}\n\n.rUtG1G_dropHint[data-zone=\"bottom\"] {\n  border-radius: 0 0 14px 14px;\n  top: 50%;\n}\n\n.rUtG1G_dropHint[data-zone=\"center\"] {\n  opacity: .22;\n  border-radius: 14px;\n  inset: 0;\n}\n\n.rUtG1G_leaf[data-drop-zone] {\n  outline: 2px solid var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  outline-offset: -2px;\n}\n\n.rUtG1G_dockPreview {\n  pointer-events: none;\n  background: var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  opacity: .22;\n  border: 2px solid var(--corum-glass-border-active, var(--dsw-alias-brand-primary));\n  z-index: 40;\n  border-radius: 12px;\n  transition: left 80ms, top 80ms, width 80ms, height 80ms;\n  position: absolute;\n}\n.kH9e0W_host {\n  z-index: 100;\n  pointer-events: none;\n  position: fixed;\n  inset: 0;\n}\n\n.kH9e0W_item {\n  pointer-events: none;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.kH9e0W_item[data-modal] {\n  pointer-events: auto;\n}\n\n.kH9e0W_mask {\n  background: var(--dsw-alias-bg-mask-1);\n  backdrop-filter: var(--dsw-mask-blur);\n  position: absolute;\n  inset: 0;\n}\n\n.kH9e0W_body {\n  pointer-events: auto;\n  position: relative;\n}\n.wavfcW_overlay {\n  z-index: 10001;\n  backdrop-filter: blur(8px);\n  background: #00000059;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: fixed;\n  inset: 0;\n}\n\n.wavfcW_dialog {\n  gap: calc(8px * var(--corum-density-scale, 1));\n  width: 360px;\n  max-width: calc(100vw - 48px);\n  padding: calc(16px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-1);\n  backdrop-filter: blur(16px) saturate(140%);\n  box-sizing: border-box;\n  border-radius: 16px;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n  box-shadow: 0 16px 48px #0000004d;\n}\n\n.wavfcW_closeBtn {\n  cursor: pointer;\n  width: 24px;\n  height: 24px;\n  color: var(--dsw-alias-label-tertiary);\n  background: none;\n  border: none;\n  border-radius: 6px;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n}\n\n.wavfcW_closeBtn:hover {\n  background: var(--corum-glass-2);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.wavfcW_inlinePop {\n  gap: calc(8px * var(--corum-density-scale, 1));\n  width: 224px;\n  padding: calc(10px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-1);\n  box-sizing: border-box;\n  z-index: 20;\n  border-radius: 12px;\n  flex-direction: column;\n  display: flex;\n  position: absolute;\n  bottom: calc(100% + 8px);\n  right: 0;\n  box-shadow: 0 12px 28px #00000040;\n}\n\n.wavfcW_title {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(12px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-primary);\n  font-weight: 600;\n}\n\n.wavfcW_dialog .wavfcW_title {\n  font-size: calc(15px * var(--corum-ui-font-scale, 1));\n  font-weight: 700;\n}\n\n.wavfcW_message {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-secondary);\n  font-weight: 400;\n  line-height: 1.5;\n}\n\n.wavfcW_dialog .wavfcW_message {\n  font-size: calc(13px * var(--corum-ui-font-scale, 1));\n}\n\n.wavfcW_warning {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(10px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-state-error-primary);\n  font-weight: 400;\n  line-height: 1.4;\n}\n\n.wavfcW_dialog .wavfcW_warning {\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n}\n\n.wavfcW_row {\n  justify-content: flex-end;\n  gap: calc(6px * var(--corum-density-scale, 1));\n  padding-top: calc(4px * var(--corum-density-scale, 1));\n  display: flex;\n}\n\n.wavfcW_cancelBtn {\n  padding: calc(5px * var(--corum-density-scale, 1)) calc(12px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-2);\n  cursor: pointer;\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-primary);\n  border-radius: 8px;\n  font-weight: 400;\n}\n\n.wavfcW_cancelBtn:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.wavfcW_confirmBtnDanger {\n  padding: calc(5px * var(--corum-density-scale, 1)) calc(12px * var(--corum-density-scale, 1));\n  background: var(--dsw-alias-state-error-primary);\n  cursor: pointer;\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--corum-label-on-brand);\n  border: none;\n  border-radius: 8px;\n  font-weight: 600;\n}\n\n.wavfcW_confirmBtnPrimary {\n  padding: calc(5px * var(--corum-density-scale, 1)) calc(12px * var(--corum-density-scale, 1));\n  background: var(--dsw-alias-brand-primary, var(--corum-state-running));\n  cursor: pointer;\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, sans-serif);\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--corum-label-on-brand);\n  border: none;\n  border-radius: 8px;\n  font-weight: 600;\n}\n\n.wavfcW_confirmBtnDanger:disabled, .wavfcW_confirmBtnPrimary:disabled {\n  opacity: .5;\n  cursor: default;\n}\n.kgnWfG_tileGrid {\n  --mosaic-gap: calc(8px * var(--corum-density-scale, 1));\n  --mosaic-unit: min(calc(128px * var(--corum-density-scale, 1)),\n    calc((100cqw - 5 * var(--mosaic-gap)) / 6));\n  gap: var(--mosaic-gap);\n  flex-direction: column;\n  align-content: start;\n  min-width: 0;\n  display: flex;\n  container-type: inline-size;\n}\n\n.kgnWfG_mosaicBlock {\n  align-items: stretch;\n  gap: var(--mosaic-gap);\n  width: 100%;\n  min-width: 0;\n  display: flex;\n}\n\n.kgnWfG_mosaicBlock[data-mosaic-block=\"264\"] {\n  height: max(calc(2 * var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))) + var(--mosaic-gap)),\n    calc(200px * var(--corum-density-scale, 1)));\n}\n\n.kgnWfG_mosaicBlock[data-mosaic-block=\"128\"] {\n  height: max(var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))),\n    calc(96px * var(--corum-density-scale, 1)));\n}\n\n.kgnWfG_mosaicCol {\n  gap: var(--mosaic-gap);\n  min-width: 0;\n  min-height: 0;\n  width: var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1)));\n  flex-direction: column;\n  flex: none;\n  display: flex;\n}\n\n.kgnWfG_mosaicCol[data-col=\"264\"] {\n  width: calc(2 * var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))) + var(--mosaic-gap));\n}\n\n.kgnWfG_mosaicCol > * {\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 0;\n}\n\n.kgnWfG_mosaicCol > [data-tile-size=\"big\"], .kgnWfG_mosaicCol > [data-tile-size=\"tall\"] {\n  flex: auto;\n}\n\n.kgnWfG_tile {\n  box-sizing: border-box;\n  padding: clamp(calc(8px * var(--corum-density-scale, 1)),\n    calc(var(--mosaic-unit, calc(128px * var(--corum-density-scale, 1))) * .09),\n    calc(12px * var(--corum-density-scale, 1)));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--tile-tint, var(--corum-glass-1));\n  text-align: left;\n  cursor: pointer;\n  border-radius: 0;\n  flex-direction: column;\n  justify-content: space-between;\n  font-family: inherit;\n  transition: border-color .15s, background .15s;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.kgnWfG_tile:hover {\n  border-color: var(--corum-glass-border-active);\n}\n\n.kgnWfG_tile:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\n.kgnWfG_tileTintViolet {\n  --tile-tint: var(--corum-tile-violet, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintDeep {\n  --tile-tint: var(--corum-tile-deep, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintSlate {\n  --tile-tint: var(--corum-tile-slate, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintMauve {\n  --tile-tint: var(--corum-tile-mauve, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintBlue {\n  --tile-tint: var(--corum-tile-blue, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintCyan {\n  --tile-tint: var(--corum-tile-cyan, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintEmerald {\n  --tile-tint: var(--corum-tile-emerald, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintAmber {\n  --tile-tint: var(--corum-tile-amber, var(--corum-glass-1));\n}\n\n.kgnWfG_tileTintRose {\n  --tile-tint: var(--corum-tile-rose, var(--corum-glass-1));\n}\n\n.kgnWfG_tileActive {\n  background: var(--corum-glass-2);\n  border-color: var(--corum-glass-border-active);\n}\n\n.kgnWfG_tile[data-tile-size=\"big\"]:before, .kgnWfG_tileGlow:before {\n  content: \"\";\n  pointer-events: none;\n  background: radial-gradient(circle at 78% 22%,\n    color-mix(in srgb, var(--dsw-alias-brand-primary) 36%, transparent) 0%,\n    transparent 62%);\n  position: absolute;\n  inset: 0;\n}\n\n.kgnWfG_tileTop {\n  justify-content: space-between;\n  align-items: center;\n  gap: calc(6px * var(--corum-density-scale, 1));\n  display: flex;\n  position: relative;\n}\n\n.kgnWfG_tileIcon {\n  color: var(--dsw-alias-brand-text);\n  flex: none;\n  display: inline-flex;\n}\n\n.kgnWfG_tileCorner {\n  top: calc(10px * var(--corum-density-scale, 1));\n  right: calc(10px * var(--corum-density-scale, 1));\n  align-items: center;\n  gap: calc(3px * var(--corum-density-scale, 1));\n  display: inline-flex;\n  position: absolute;\n}\n\n.kgnWfG_tileBottom {\n  gap: calc(3px * var(--corum-density-scale, 1));\n  flex-direction: column;\n  min-width: 0;\n  display: flex;\n  position: relative;\n}\n\n.kgnWfG_tileNameRow {\n  align-items: flex-start;\n  gap: calc(4px * var(--corum-density-scale, 1));\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  display: flex;\n}\n\n.kgnWfG_tileName {\n  -webkit-line-clamp: 3;\n  overflow-wrap: anywhere;\n  width: 100%;\n  min-width: 0;\n  color: var(--dsw-alias-label-primary);\n  font-weight: 600;\n  font-size: calc(13px * var(--corum-ui-font-scale, 1));\n  -webkit-box-orient: vertical;\n  min-height: 3.9em;\n  line-height: 1.3;\n  display: -webkit-box;\n  overflow: hidden;\n}\n\n.kgnWfG_tile[data-tile-size=\"big\"] .kgnWfG_tileName {\n  font-size: calc(15px * var(--corum-ui-font-scale, 1));\n}\n\n.kgnWfG_tileVersion {\n  height: calc(16px * var(--corum-density-scale, 1));\n  padding: 0 calc(6px * var(--corum-density-scale, 1));\n  border: 1px solid var(--corum-glass-border);\n  background: var(--corum-glass-3);\n  color: var(--dsw-alias-label-tertiary);\n  font-family: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: calc(9px * var(--corum-ui-font-scale, 1));\n  white-space: nowrap;\n  border-radius: 999px;\n  flex: none;\n  align-items: center;\n  width: fit-content;\n  font-weight: 600;\n  display: inline-flex;\n}\n\n.kgnWfG_tileSub {\n  font-size: calc(10px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-tertiary);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.kgnWfG_tileBodyScaffold {\n  gap: calc(3px * var(--corum-density-scale, 1));\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n  display: flex;\n}\n\n.kgnWfG_tile[data-tile-size=\"wide\"] .kgnWfG_tileBodyScaffold {\n  align-items: flex-start;\n  gap: calc(10px * var(--corum-density-scale, 1));\n  flex-direction: row;\n}\n\n.kgnWfG_tile[data-tile-size=\"wide\"] .kgnWfG_tileBodyText {\n  flex: auto;\n  min-width: 0;\n}\n\n.kgnWfG_tile[data-tile-size=\"tall\"] .kgnWfG_tileBodyScaffold {\n  justify-content: space-between;\n}\n\n.kgnWfG_tile[data-tile-size=\"big\"] .kgnWfG_tileName, .kgnWfG_tile[data-tile-size=\"tall\"] .kgnWfG_tileName {\n  -webkit-line-clamp: 3;\n  min-height: 3.9em;\n}\n\n.kgnWfG_tileDot {\n  background: var(--dsw-alias-state-success-primary);\n  border-radius: 50%;\n  flex: none;\n  width: 8px;\n  height: 8px;\n}\n\n.kgnWfG_tileDotOff {\n  background: var(--dsw-alias-label-dimmed);\n}\n\n.kgnWfG_tileSwitch {\n  width: calc(32px * var(--corum-density-scale, 1));\n  height: calc(18px * var(--corum-density-scale, 1));\n  background: var(--dsw-alias-brand-primary);\n  cursor: pointer;\n  border: 1px solid #0000;\n  border-radius: 999px;\n  flex: none;\n  padding: 0;\n  transition: background .15s;\n  position: relative;\n}\n\n.kgnWfG_tileSwitch[data-off] {\n  background: var(--corum-glass-3);\n  border-color: var(--corum-glass-border);\n}\n\n.kgnWfG_tileSwitch:disabled {\n  opacity: .5;\n  cursor: default;\n}\n\n.kgnWfG_tileSwitchKnob {\n  background: var(--corum-label-on-brand);\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  transition: left .15s;\n  position: absolute;\n  top: 2px;\n  left: 14px;\n}\n\n.kgnWfG_tileSwitch[data-off] .kgnWfG_tileSwitchKnob {\n  background: var(--dsw-alias-label-dimmed);\n  left: 2px;\n}\n\n.kgnWfG_tilePlaceholder {\n  justify-content: center;\n  align-items: center;\n  gap: calc(8px * var(--corum-density-scale, 1));\n  box-sizing: border-box;\n  padding: calc(12px * var(--corum-density-scale, 1));\n  border: 1px dashed var(--corum-glass-border);\n  color: var(--dsw-alias-label-dimmed);\n  cursor: default;\n  background: none;\n  border-radius: 0;\n  flex-direction: column;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.kgnWfG_tilePlaceholderIcon {\n  color: var(--dsw-alias-label-dimmed);\n  display: inline-flex;\n}\n\n.kgnWfG_tilePlaceholderText {\n  font-size: calc(11px * var(--corum-ui-font-scale, 1));\n  color: var(--dsw-alias-label-dimmed);\n  margin: 0;\n}\n\n.kgnWfG_hotRow {\n  gap: var(--mosaic-gap, calc(8px * var(--corum-density-scale, 1)));\n  min-width: 0;\n  display: flex;\n}\n\n.kgnWfG_hotRow > * {\n  min-width: 0;\n  height: calc(120px * var(--corum-density-scale, 1));\n  flex: 1 1 0;\n}\n\n.kgnWfG_tile {\n  container-type: size;\n}\n\n@container (height <= 180px) {\n  .kgnWfG_tileName {\n    -webkit-line-clamp: 2;\n    min-height: 2.6em;\n  }\n}\n\n@container (height <= 140px) {\n  .kgnWfG_tileName {\n    -webkit-line-clamp: 1;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    min-height: 1.3em;\n  }\n}\n\n@container (height <= 170px) {\n  .kgnWfG_tileVersion {\n    display: none;\n  }\n}\n\n@container (height <= 85px) {\n  .kgnWfG_tileIcon svg {\n    width: 16px;\n    height: 16px;\n  }\n}\nbody {\n  font-family: var(--corum-ui-font-family, \"Inter\", -apple-system, \"PingFang SC\", \"SF Pro Text\", system-ui, sans-serif);\n}\n\ncode, pre, kbd, samp, [data-corume-mono] {\n  font-family: JetBrains Mono, SFMono-Regular, Menlo, Consolas, monospace;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, :before, :after {\n    transition-duration: .001ms !important;\n    animation-duration: .001ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n";document.head.appendChild(s);}})();
 window.__ModuleLoader__.load({
 	id: "@corum/corum-ui-base",
 	factory: (require) => {
@@ -570,9 +570,9 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/RegionCard.module.css
 		var RegionCard_module_default = {
-			"body": "N9y1Ba_body",
-			"card": "N9y1Ba_card",
-			"cardTransparent": "N9y1Ba_cardTransparent"
+			"body": "oT9sTq_body",
+			"card": "oT9sTq_card",
+			"cardTransparent": "oT9sTq_cardTransparent"
 		};
 		//#endregion
 		//#region src/client/RegionCard.tsx
@@ -724,19 +724,19 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/GridView.module.css
 		var GridView_module_default = {
-			"branchCell": "KbY6GG_branchCell",
-			"branchColumn": "KbY6GG_branchColumn",
-			"branchInner": "KbY6GG_branchInner",
-			"branchRow": "KbY6GG_branchRow",
-			"detachedHint": "KbY6GG_detachedHint",
-			"detachedIcon": "KbY6GG_detachedIcon",
-			"detachedPlaceholder": "KbY6GG_detachedPlaceholder",
-			"dockPreview": "KbY6GG_dockPreview",
-			"dropHint": "KbY6GG_dropHint",
-			"grid": "KbY6GG_grid",
-			"leaf": "KbY6GG_leaf",
-			"sashH": "KbY6GG_sashH",
-			"sashV": "KbY6GG_sashV"
+			"branchCell": "rUtG1G_branchCell",
+			"branchColumn": "rUtG1G_branchColumn",
+			"branchInner": "rUtG1G_branchInner",
+			"branchRow": "rUtG1G_branchRow",
+			"detachedHint": "rUtG1G_detachedHint",
+			"detachedIcon": "rUtG1G_detachedIcon",
+			"detachedPlaceholder": "rUtG1G_detachedPlaceholder",
+			"dockPreview": "rUtG1G_dockPreview",
+			"dropHint": "rUtG1G_dropHint",
+			"grid": "rUtG1G_grid",
+			"leaf": "rUtG1G_leaf",
+			"sashH": "rUtG1G_sashH",
+			"sashV": "rUtG1G_sashV"
 		};
 		//#endregion
 		//#region src/client/GridView.tsx
@@ -1205,10 +1205,10 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/FloatingLayer.module.css
 		var FloatingLayer_module_default = {
-			"body": "K0s1dq_body",
-			"host": "K0s1dq_host",
-			"item": "K0s1dq_item",
-			"mask": "K0s1dq_mask"
+			"body": "kH9e0W_body",
+			"host": "kH9e0W_host",
+			"item": "kH9e0W_item",
+			"mask": "kH9e0W_mask"
 		};
 		//#endregion
 		//#region src/client/FloatingLayer.tsx
@@ -1306,17 +1306,17 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/ConfirmDialog.module.css
 		var ConfirmDialog_module_default = {
-			"cancelBtn": "yPBkUG_cancelBtn",
-			"closeBtn": "yPBkUG_closeBtn",
-			"confirmBtnDanger": "yPBkUG_confirmBtnDanger",
-			"confirmBtnPrimary": "yPBkUG_confirmBtnPrimary",
-			"dialog": "yPBkUG_dialog",
-			"inlinePop": "yPBkUG_inlinePop",
-			"message": "yPBkUG_message",
-			"overlay": "yPBkUG_overlay",
-			"row": "yPBkUG_row",
-			"title": "yPBkUG_title",
-			"warning": "yPBkUG_warning"
+			"cancelBtn": "wavfcW_cancelBtn",
+			"closeBtn": "wavfcW_closeBtn",
+			"confirmBtnDanger": "wavfcW_confirmBtnDanger",
+			"confirmBtnPrimary": "wavfcW_confirmBtnPrimary",
+			"dialog": "wavfcW_dialog",
+			"inlinePop": "wavfcW_inlinePop",
+			"message": "wavfcW_message",
+			"overlay": "wavfcW_overlay",
+			"row": "wavfcW_row",
+			"title": "wavfcW_title",
+			"warning": "wavfcW_warning"
 		};
 		//#endregion
 		//#region src/client/ConfirmDialog.tsx
@@ -1521,7 +1521,17 @@ window.__ModuleLoader__.load({
 		* @param blockIndex - 第几个块（0 起）。
 		* @returns 该块的形状配额。
 		*/
-		function planBlockShape(blockIndex) {
+		function planBlockShape(blockIndex, rng) {
+			if (rng !== void 0) {
+				const big = rng() < .65 ? rng() < .2 ? 2 : 1 : 0;
+				const tall = rng() < .55 ? rng() < .5 ? 1 : 2 : 0;
+				return {
+					big,
+					wide: 1 + Math.floor(rng() * 3),
+					tall: big === 0 && tall === 0 ? 1 : tall,
+					small: Math.floor(rng() * 2)
+				};
+			}
 			const RECIPES = [
 				{
 					big: 1,
@@ -1736,7 +1746,7 @@ window.__ModuleLoader__.load({
 			const count = typeof items === "number" ? items : items.length;
 			if (count <= 0) return [];
 			const mode = options.columns ?? 6;
-			const rng = mulberry32(MOSAIC_SEED);
+			const rng = mulberry32(options.seed ?? 23063);
 			const blocks = [];
 			const hints = options.hints ?? [];
 			const entryPinned = options.pinFirstTwoSmalls === true && count >= 2;
@@ -1760,7 +1770,7 @@ window.__ModuleLoader__.load({
 			let cursor = 0;
 			const take = () => order[cursor++] ?? 0;
 			const buildBlock = (kind, pin, room, blockIndex) => {
-				const kept = trimCols(kind === "264" ? buildColSkeleton(rng, mode, pin, planBlockShape(blockIndex)) : buildColSkeleton128(rng, mode), room);
+				const kept = trimCols(kind === "264" ? buildColSkeleton(rng, mode, pin, planBlockShape(blockIndex, rng)) : buildColSkeleton128(rng, mode), room);
 				let firstColPlaced = false;
 				if (pin && kept.length > 0 && kept[0].sizes.length > 0) {
 					const first = kept[0];
@@ -1803,12 +1813,10 @@ window.__ModuleLoader__.load({
 				}]
 			});
 			while (cursor < count) {
-				let kind = rng() < .5 ? "264" : "128";
 				const last = blocks.length === 0 ? null : blocks[blocks.length - 1].kind;
-				if (last !== null) {
-					for (let i = 0; i < BLOCK_RETYPE_MAX && kind === last; i++) kind = rng() < .5 ? "264" : "128";
-					if (kind === last) kind = last === "264" ? "128" : "264";
-				}
+				let kind;
+				if (last === null) kind = rng() < .5 ? "264" : "128";
+				else kind = rng() < .6 ? last : last === "264" ? "128" : "264";
 				if (emit({
 					kind,
 					cols: buildBlock(kind, false, count - cursor, blocks.length)
@@ -1846,34 +1854,39 @@ window.__ModuleLoader__.load({
 		//#endregion
 		//#region src/client/mosaic.module.css
 		var mosaic_module_default = {
-			"hotRow": "C7ym2q_hotRow",
-			"mosaicBlock": "C7ym2q_mosaicBlock",
-			"mosaicCol": "C7ym2q_mosaicCol",
-			"tile": "C7ym2q_tile",
-			"tileActive": "C7ym2q_tileActive",
-			"tileBodyScaffold": "C7ym2q_tileBodyScaffold",
-			"tileBodyText": "C7ym2q_tileBodyText",
-			"tileBottom": "C7ym2q_tileBottom",
-			"tileCorner": "C7ym2q_tileCorner",
-			"tileDot": "C7ym2q_tileDot",
-			"tileDotOff": "C7ym2q_tileDotOff",
-			"tileGlow": "C7ym2q_tileGlow",
-			"tileGrid": "C7ym2q_tileGrid",
-			"tileIcon": "C7ym2q_tileIcon",
-			"tileName": "C7ym2q_tileName",
-			"tileNameRow": "C7ym2q_tileNameRow",
-			"tilePlaceholder": "C7ym2q_tilePlaceholder",
-			"tilePlaceholderIcon": "C7ym2q_tilePlaceholderIcon",
-			"tilePlaceholderText": "C7ym2q_tilePlaceholderText",
-			"tileSub": "C7ym2q_tileSub",
-			"tileSwitch": "C7ym2q_tileSwitch",
-			"tileSwitchKnob": "C7ym2q_tileSwitchKnob",
-			"tileTintDeep": "C7ym2q_tileTintDeep",
-			"tileTintMauve": "C7ym2q_tileTintMauve",
-			"tileTintSlate": "C7ym2q_tileTintSlate",
-			"tileTintViolet": "C7ym2q_tileTintViolet",
-			"tileTop": "C7ym2q_tileTop",
-			"tileVersion": "C7ym2q_tileVersion"
+			"hotRow": "kgnWfG_hotRow",
+			"mosaicBlock": "kgnWfG_mosaicBlock",
+			"mosaicCol": "kgnWfG_mosaicCol",
+			"tile": "kgnWfG_tile",
+			"tileActive": "kgnWfG_tileActive",
+			"tileBodyScaffold": "kgnWfG_tileBodyScaffold",
+			"tileBodyText": "kgnWfG_tileBodyText",
+			"tileBottom": "kgnWfG_tileBottom",
+			"tileCorner": "kgnWfG_tileCorner",
+			"tileDot": "kgnWfG_tileDot",
+			"tileDotOff": "kgnWfG_tileDotOff",
+			"tileGlow": "kgnWfG_tileGlow",
+			"tileGrid": "kgnWfG_tileGrid",
+			"tileIcon": "kgnWfG_tileIcon",
+			"tileName": "kgnWfG_tileName",
+			"tileNameRow": "kgnWfG_tileNameRow",
+			"tilePlaceholder": "kgnWfG_tilePlaceholder",
+			"tilePlaceholderIcon": "kgnWfG_tilePlaceholderIcon",
+			"tilePlaceholderText": "kgnWfG_tilePlaceholderText",
+			"tileSub": "kgnWfG_tileSub",
+			"tileSwitch": "kgnWfG_tileSwitch",
+			"tileSwitchKnob": "kgnWfG_tileSwitchKnob",
+			"tileTintAmber": "kgnWfG_tileTintAmber",
+			"tileTintBlue": "kgnWfG_tileTintBlue",
+			"tileTintCyan": "kgnWfG_tileTintCyan",
+			"tileTintDeep": "kgnWfG_tileTintDeep",
+			"tileTintEmerald": "kgnWfG_tileTintEmerald",
+			"tileTintMauve": "kgnWfG_tileTintMauve",
+			"tileTintRose": "kgnWfG_tileTintRose",
+			"tileTintSlate": "kgnWfG_tileTintSlate",
+			"tileTintViolet": "kgnWfG_tileTintViolet",
+			"tileTop": "kgnWfG_tileTop",
+			"tileVersion": "kgnWfG_tileVersion"
 		};
 		//#endregion
 		//#region src/client/MosaicWall.tsx
@@ -1898,14 +1911,54 @@ window.__ModuleLoader__.load({
 		*
 		* @module corum-ui-base/client/Mosaic
 		*/
+		/**
+		* 磁贴底色档位（token 见 theme.css）。
+		*
+		* 2026-10-24 从 4 档扩到 9 档：用户反馈「配色太单一」。档位按色相命名，
+		* 不绑定语义；具体用哪档由 `tintForName` 按名字稳定散列，保证同一项每次
+		* 渲染同色、相邻项不同色。
+		*/
+		const MOSAIC_TINTS = [
+			"violet",
+			"blue",
+			"emerald",
+			"amber",
+			"rose",
+			"cyan",
+			"mauve",
+			"deep",
+			"slate"
+		];
 		/** 档位 → 样式类名（消费方按语义挑档，不再自己拼类名）。 */
 		const TINT_CLASS = {
 			violet: mosaic_module_default.tileTintViolet,
+			blue: mosaic_module_default.tileTintBlue,
+			emerald: mosaic_module_default.tileTintEmerald,
+			amber: mosaic_module_default.tileTintAmber,
+			rose: mosaic_module_default.tileTintRose,
+			cyan: mosaic_module_default.tileTintCyan,
+			mauve: mosaic_module_default.tileTintMauve,
 			deep: mosaic_module_default.tileTintDeep,
-			slate: mosaic_module_default.tileTintSlate,
-			mauve: mosaic_module_default.tileTintMauve
+			slate: mosaic_module_default.tileTintSlate
 		};
 		/**
+		* 按名字稳定取一个磁贴底色档（FNV-1a 散列）。
+		*
+		* 用途：列表页的磁贴不再「一律紫」，但也不能每次渲染变来变去——名字相同 ⇒
+		* 颜色相同；不同项按色相轮转。语义色（类型徽标、选中态）仍由调用方单独控制。
+		*
+		* @param name - 稳定标识（包名 / 服务器名 / 技能名 / 扩展包 id）。
+		* @returns 9 档之一。
+		*/
+		function tintForName(name) {
+			let hash = 2166136261;
+			for (const ch of name.toLowerCase()) {
+				hash ^= ch.codePointAt(0) ?? 0;
+				hash = Math.imul(hash, 16777619);
+			}
+			return MOSAIC_TINTS[(hash >>> 0) % MOSAIC_TINTS.length];
+		}
+		/**
 		* 按形状分档的贴内骨架。
 		*
 		* @param props - 见 {@link MosaicTileBodyProps}。
@@ -2127,6 +2180,7 @@ window.__ModuleLoader__.load({
 		exports.INTERACTIVE_SELECTOR = INTERACTIVE_SELECTOR;
 		exports.MIN_UNIT_FOR_6COL = MIN_UNIT_FOR_6COL;
 		exports.MOSAIC_SEED = MOSAIC_SEED;
+		exports.MOSAIC_TINTS = MOSAIC_TINTS;
 		exports.MosaicTileBody = MosaicTileBody;
 		exports.MosaicWall = MosaicWall;
 		exports.RegionCard = RegionCard;
@@ -2175,6 +2229,7 @@ window.__ModuleLoader__.load({
 		exports.slotsInGrid = slotsInGrid;
 		exports.slotsNotInGrid = slotsNotInGrid;
 		exports.subtreeMinSize = subtreeMinSize;
+		exports.tintForName = tintForName;
 		exports.useFloatingLayer = useFloatingLayer;
 		exports.useMosaicColumns = useMosaicColumns;
 		exports.webSearchCredentialRef = webSearchCredentialRef;