@sanity/vision 6.20.0 → 6.21.0-next.103

package/lib/bundle.css

@@ -1,8 +1,7 @@
 #sanity {
   --static-css-file-loaded-vision: true;
 }
-
-._2nm9wj3 {
+.HSFWEW_editorRoot {
   box-sizing: border-box;
   width: 100%;
   height: 100%;
@@ -11,43 +10,46 @@
   overflow: clip;
 }
 
-._2nm9wj3 .cm-theme {
+.HSFWEW_editorRoot .cm-theme {
   width: 100%;
 }
 
-._2nm9wj3 .cm-editor {
+.HSFWEW_editorRoot .cm-editor {
   height: 100%;
   font-size: 16px;
   line-height: 21px;
 }
 
-._2nm9wj3 .cm-line {
-  padding-left: var(--_2nm9wj0);
+.HSFWEW_editorRoot .cm-line {
+  padding-left: var(--vision-editor-line-padding-left);
 }
 
-._2nm9wj3 .cm-content {
-  padding-top: var(--_2nm9wj2);
-  border-right-width: var(--_2nm9wj1) !important;
+.HSFWEW_editorRoot .cm-content {
+  padding-top: var(--vision-editor-content-padding-top);
+  border-right-width: var(--vision-editor-content-border-right-width) !important;
 }
 
-._2nm9wj4, ._2nm9wj4 .cm-editor {
+.HSFWEW_editorRootAutoHeight {
   height: auto;
 }
 
-._168md2y0 .sidebarPanes .Pane {
+.HSFWEW_editorRootAutoHeight .cm-editor {
+  height: auto;
+}
+.lBV0cq_root .sidebarPanes .Pane {
   overflow: hidden auto;
 }
 
-._168md2y1 {
+.lBV0cq_queryRecallPaneContainer {
   position: absolute;
   inset: 0;
 }
 
-._168md2y2 {
+.lBV0cq_queryRecallPaneWrapper {
   min-height: 0;
 }
 
-._168md2y0 .Resizer {
+.lBV0cq_root .Resizer {
   background: var(--card-border-color);
   opacity: 1;
   z-index: 1;
@@ -56,11 +58,11 @@
   border: solid #0000;
 }
 
-._168md2y0 .Resizer:hover {
+.lBV0cq_root .Resizer:hover {
   border-color: var(--card-shadow-ambient-color);
 }
 
-._168md2y0 .Resizer.horizontal {
+.lBV0cq_root .Resizer.horizontal {
   cursor: row-resize;
   z-index: 4;
   border-width: 5px 0;
@@ -69,7 +71,7 @@
   margin: -5px 0;
 }
 
-._168md2y0 .Resizer.vertical {
+.lBV0cq_root .Resizer.vertical {
   cursor: col-resize;
   z-index: 2;
   border-width: 0 5px;
@@ -77,15 +79,15 @@
   margin: 0 -5px;
 }
 
-._168md2y0 .Resizer.disabled {
+.lBV0cq_root .Resizer.disabled {
   cursor: not-allowed;
 }
 
-._168md2y0 .Resizer.disabled:hover {
+.lBV0cq_root .Resizer.disabled:hover {
   border-color: #0000;
 }
 
-._168md2y3 {
+.lBV0cq_header {
   z-index: 6;
   border-bottom: 1px solid var(--card-border-color);
   flex-shrink: 0;
@@ -93,26 +95,26 @@
   overflow: visible;
 }
 
-._168md2y3._168md2y3 {
+.lBV0cq_header.lBV0cq_header {
   background: var(--card-bg-color);
 }
 
-._168md2y4 {
+.lBV0cq_styledLabel {
   flex: 1;
 }
 
-._168md2y5 {
+.lBV0cq_splitpaneContainer {
   z-index: 1;
   min-height: 0;
   position: relative;
 }
 
-._168md2y6 {
+.lBV0cq_queryCopyLink {
   cursor: pointer;
   margin-right: auto;
 }
 
-._168md2y7 {
+.lBV0cq_inputBackgroundContainer {
   z-index: 10;
   margin: 0;
   padding: 0;
@@ -122,38 +124,38 @@
   right: 0;
 }
 
-._168md2y7 ._168md2y4 {
+.lBV0cq_inputBackgroundContainer .lBV0cq_styledLabel {
   -webkit-user-select: none;
   user-select: none;
 }
 
-._168md2y8 {
+.lBV0cq_inputBackgroundContainerLeft {
   left: 33px;
 }
 
-._168md2y9 {
+.lBV0cq_inputContainer {
   flex-direction: column;
   width: 100%;
   height: 100%;
   position: relative;
 }
 
-._168md2ya {
+.lBV0cq_resultOuterContainer {
   height: 100%;
 }
 
-._168md2yb {
+.lBV0cq_resultInnerContainer {
   position: relative;
 }
 
-._168md2yc {
+.lBV0cq_resultContainer {
   width: 100%;
   max-width: 100%;
   height: 100%;
   position: absolute;
 }
 
-._168md2yd._168md2yd:after {
+.lBV0cq_resultContainerInvalid.lBV0cq_resultContainerInvalid:after {
   content: "";
   background-color: var(--card-bg-color);
   width: 100%;
@@ -163,113 +165,116 @@
   left: 0;
 }
 
-._168md2ye {
+.lBV0cq_result {
   z-index: 20;
   width: 100%;
   height: 100%;
   position: relative;
 }
 
-._168md2yf {
+.lBV0cq_resultFooter {
   border-top: 1px solid var(--card-border-color);
   flex-wrap: wrap;
 }
 
-._168md2yg {
+.lBV0cq_timingsCard {
   position: relative;
 }
 
-._168md2yi {
+.lBV0cq_timingsTextContainer {
   height: 100%;
-  min-height: var(--_168md2yh);
+  min-height: var(--vision-timings-text-min-height);
 }
 
-._168md2yj {
+.lBV0cq_downloadsCard {
   position: relative;
 }
 
-._168md2yl._168md2yl {
+.lBV0cq_saveResultLabel.lBV0cq_saveResultLabel {
   transform: initial;
 }
 
-._168md2yl._168md2yl:before, ._168md2yl._168md2yl:after {
+.lBV0cq_saveResultLabel.lBV0cq_saveResultLabel:before, .lBV0cq_saveResultLabel.lBV0cq_saveResultLabel:after {
   content: none;
 }
 
-._168md2yl > span {
-  gap: var(--_168md2yk);
+.lBV0cq_saveResultLabel > span {
+  gap: var(--vision-save-result-gap);
   flex-wrap: wrap;
   align-items: center;
   display: flex !important;
 }
 
-._168md2ym {
+.lBV0cq_controlsContainer {
   border-top: 1px solid var(--card-border-color);
 }
-
-._2440ks0 {
+.A8N59q_fixedHeader {
   background: var(--card-bg-color);
   z-index: 1;
   flex-shrink: 0;
 }
 
-._2440ks1 {
+.A8N59q_scrollContainer {
   width: 100%;
   min-width: 0;
   min-height: 0;
 }
 
-._2440ks2 {
+.A8N59q_queryList {
   min-height: 0;
 }
-
-.c29iyq0 {
+.BsYI2a_perspectivePopoverContent {
   max-width: 240px;
 }
 
-.c29iyq1 {
+.BsYI2a_perspectivePopoverLink {
   cursor: pointer;
   margin-right: auto;
 }
 
-.c29iyq2 {
+.BsYI2a_dot {
   width: 4px;
   height: 4px;
   box-shadow: 0 0 0 1px var(--card-bg-color);
   border-radius: 3px;
 }
-
-.pae7z70.pae7z70 {
+._7y6tDG_errorCode._7y6tDG_errorCode {
   color: var(--card-muted-fg-color);
 }
+.VsSQ8q_resultViewWrapper .json-inspector {
+  font-family: var(--vision-result-code-family);
+  font-size: var(--vision-result-code-font-size);
+  line-height: var(--vision-result-code-line-height);
+  color: var(--card-code-fg-color);
+}
 
-.l3n7s0c .json-inspector, .l3n7s0c .json-inspector .json-inspector__selection {
-  font-family: var(--l3n7s00);
-  font-size: var(--l3n7s01);
-  line-height: var(--l3n7s02);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__selection {
+  font-family: var(--vision-result-code-family);
+  font-size: var(--vision-result-code-font-size);
+  line-height: var(--vision-result-code-line-height);
   color: var(--card-code-fg-color);
 }
 
-.l3n7s0c .json-inspector .json-inspector__leaf {
-  padding-left: var(--l3n7s05);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__leaf {
+  padding-left: var(--vision-result-space-4);
 }
 
-.l3n7s0c .json-inspector .json-inspector__leaf.json-inspector__leaf_root {
-  padding-top: var(--l3n7s03);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__leaf.json-inspector__leaf_root {
+  padding-top: var(--vision-result-space-0);
   padding-left: 0;
 }
 
-.l3n7s0c .json-inspector > .json-inspector__leaf_root > .json-inspector__line > .json-inspector__key {
+.VsSQ8q_resultViewWrapper .json-inspector > .json-inspector__leaf_root > .json-inspector__line > .json-inspector__key {
   display: none;
 }
 
-.l3n7s0c .json-inspector .json-inspector__line {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__line {
   cursor: default;
   display: block;
   position: relative;
 }
 
-.l3n7s0c .json-inspector .json-inspector__line:after {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__line:after {
   content: "";
   z-index: -1;
   pointer-events: none;
@@ -277,41 +282,45 @@
   inset: 0 -50px 0 -200px;
 }
 
-.l3n7s0c .json-inspector .json-inspector__line:hover:after {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__line:hover:after {
   background: var(--card-code-bg-color);
 }
 
-.l3n7s0c .json-inspector .json-inspector__leaf_composite > .json-inspector__line {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__leaf_composite > .json-inspector__line {
   cursor: pointer;
 }
 
-.l3n7s0c .json-inspector .json-inspector__leaf_composite > .json-inspector__line:before {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__leaf_composite > .json-inspector__line:before {
   content: "▸ ";
-  margin-left: calc(0px - var(--l3n7s05));
-  font-size: var(--l3n7s01);
-  line-height: var(--l3n7s02);
+  margin-left: calc(0px - var(--vision-result-space-4));
+  font-size: var(--vision-result-code-font-size);
+  line-height: var(--vision-result-code-line-height);
 }
 
-.l3n7s0c .json-inspector .json-inspector__leaf_expanded.json-inspector__leaf_composite > .json-inspector__line:before {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__leaf_expanded.json-inspector__leaf_composite > .json-inspector__line:before {
   content: "▾ ";
-  font-size: var(--l3n7s01);
-  line-height: var(--l3n7s02);
+  font-size: var(--vision-result-code-font-size);
+  line-height: var(--vision-result-code-line-height);
 }
 
-.l3n7s0c .json-inspector .json-inspector__radio, .l3n7s0c .json-inspector .json-inspector__flatpath {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__radio {
   display: none;
 }
 
-.l3n7s0c .json-inspector .json-inspector__value {
-  margin-left: var(--l3n7s06);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__flatpath {
+  display: none;
+}
+
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__value {
+  margin-left: var(--vision-result-space-4-half);
 }
 
-.l3n7s0e {
+.VsSQ8q_copyNodeButton {
   appearance: none;
   color: var(--card-muted-fg-color);
   cursor: pointer;
   font-size: 1.2em;
-  line-height: var(--l3n7s02);
+  line-height: var(--vision-result-code-line-height);
   opacity: 0;
   background: none;
   border: 0;
@@ -323,75 +332,78 @@
   right: 0;
 }
 
-.l3n7s0e:hover {
+.VsSQ8q_copyNodeButton:hover {
   color: var(--card-fg-color);
 }
 
-.l3n7s0e:focus-visible {
+.VsSQ8q_copyNodeButton:focus-visible {
   opacity: 1;
   outline: 1px solid var(--card-focus-ring-color);
 }
 
-.l3n7s0c .json-inspector .json-inspector__line:hover .l3n7s0e {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__line:hover .VsSQ8q_copyNodeButton {
   opacity: 1;
 }
 
-.l3n7s0d .json-inspector .json-inspector__line {
+.VsSQ8q_copyableResult .json-inspector .json-inspector__line {
   padding-right: 1.5em;
 }
 
-.l3n7s0c .json-inspector > .json-inspector__leaf_root > .json-inspector__line > .json-inspector__key + .json-inspector__value {
+.VsSQ8q_resultViewWrapper .json-inspector > .json-inspector__leaf_root > .json-inspector__line > .json-inspector__key + .json-inspector__value {
   margin: 0;
 }
 
-.l3n7s0c .json-inspector .json-inspector__key {
-  color: var(--l3n7s07);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__key {
+  color: var(--vision-result-syntax-property);
 }
 
-.l3n7s0c .json-inspector .json-inspector__value_helper, .l3n7s0c .json-inspector .json-inspector__value_null {
-  color: var(--l3n7s08);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__value_helper {
+  color: var(--vision-result-syntax-constant);
 }
 
-.l3n7s0c .json-inspector .json-inspector__not-found {
-  padding-top: var(--l3n7s04);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__value_null {
+  color: var(--vision-result-syntax-constant);
 }
 
-.l3n7s0c .json-inspector .json-inspector__value_string {
-  color: var(--l3n7s09);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__not-found {
+  padding-top: var(--vision-result-space-2);
+}
+
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__value_string {
+  color: var(--vision-result-syntax-string);
   word-break: break-word;
 }
 
-.l3n7s0c .json-inspector .json-inspector__value_boolean {
-  color: var(--l3n7s0a);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__value_boolean {
+  color: var(--vision-result-syntax-boolean);
 }
 
-.l3n7s0c .json-inspector .json-inspector__value_number {
-  color: var(--l3n7s0b);
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__value_number {
+  color: var(--vision-result-syntax-number);
 }
 
-.l3n7s0c .json-inspector .json-inspector__show-original {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__show-original {
   cursor: pointer;
   padding: 0 6px;
   display: inline-block;
 }
 
-.l3n7s0c .json-inspector .json-inspector__show-original:hover {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__show-original:hover {
   color: inherit;
 }
 
-.l3n7s0c .json-inspector .json-inspector__show-original:before {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__show-original:before {
   content: "↔";
 }
 
-.l3n7s0c .json-inspector .json-inspector__show-original:hover:after {
+.VsSQ8q_resultViewWrapper .json-inspector .json-inspector__show-original:hover:after {
   content: " expand";
 }
-
-._1anxzyv0 {
+.cTWfhW_root {
   position: relative;
 }
 
-._1anxzyv1 {
+.cTWfhW_splitRoot {
   width: 100%;
   min-width: 0;
   height: 100%;
@@ -399,22 +411,22 @@
   display: flex;
 }
 
-._1anxzyv2 {
+.cTWfhW_splitRootRow {
   flex-direction: row;
 }
 
-._1anxzyv3 {
+.cTWfhW_splitRootColumn {
   flex-direction: column;
 }
 
-._1anxzyv4 {
+.cTWfhW_splitPane {
   flex: 1;
   min-width: 0;
   min-height: 0;
   position: relative;
 }
 
-._1anxzyv5 {
+.cTWfhW_splitHandle {
   background: var(--card-border-color);
   z-index: 11;
   touch-action: none;
@@ -423,49 +435,49 @@
   position: relative;
 }
 
-._1anxzyv5:after {
+.cTWfhW_splitHandle:after {
   content: "";
   position: absolute;
   inset: -5px;
 }
 
-._1anxzyv5:hover:after, ._1anxzyv5[data-dragging="true"]:after {
+.cTWfhW_splitHandle:hover:after, .cTWfhW_splitHandle[data-dragging="true"]:after {
   background: var(--card-shadow-ambient-color);
 }
 
-._1anxzyv5:focus-visible:after {
+.cTWfhW_splitHandle:focus-visible:after {
   background: var(--card-shadow-ambient-color);
   outline: 2px solid var(--card-focus-ring-color);
   outline-offset: -2px;
 }
 
-._1anxzyv6 {
+.cTWfhW_splitHandleVertical {
   cursor: col-resize;
 }
 
-._1anxzyv6:after {
+.cTWfhW_splitHandleVertical:after {
   top: 0;
   bottom: 0;
 }
 
-._1anxzyv7 {
+.cTWfhW_splitHandleHorizontal {
   cursor: row-resize;
 }
 
-._1anxzyv7:after {
+.cTWfhW_splitHandleHorizontal:after {
   left: 0;
   right: 0;
 }
 
-._1anxzyv8 {
+.cTWfhW_splitHandleDisabled {
   cursor: default;
 }
 
-._1anxzyv8:hover:after {
+.cTWfhW_splitHandleDisabled:hover:after {
   background: none;
 }
 
-._1anxzyv9 {
+.cTWfhW_paneFill {
   width: 100%;
   min-width: 0;
   height: 100%;
@@ -473,14 +485,14 @@
   position: relative;
 }
 
-._1anxzyva {
+.cTWfhW_splitPaneContainer {
   flex: 1;
   min-width: 0;
   min-height: 0;
   position: relative;
 }
 
-._1anxzyvb {
+.cTWfhW_editorLabel {
   z-index: 10;
   pointer-events: none;
   -webkit-user-select: none;
@@ -491,43 +503,43 @@
   right: 0;
 }
 
-._1anxzyvc {
+.cTWfhW_resultLabel {
   left: 12px;
 }
 
-._1anxzyvd {
+.cTWfhW_labelActions {
   pointer-events: auto;
   margin-top: -.5rem;
   margin-right: 12px;
 }
 
-._1anxzyve {
+.cTWfhW_resultJson {
   height: 100%;
 }
 
-._1anxzyvf {
+.cTWfhW_jsonEditorBox {
   flex: 1;
   min-height: 0;
   overflow: hidden;
 }
 
-._1anxzyvg {
+.cTWfhW_drawerScroller {
   flex: 0 auto;
   min-height: 0;
   overflow: auto;
 }
 
-._1anxzyvh {
+.cTWfhW_panelTabs {
   scrollbar-width: none;
   min-width: 0;
   overflow-x: auto;
 }
 
-._1anxzyvh [data-ui="TabList"] {
+.cTWfhW_panelTabs [data-ui="TabList"] {
   white-space: nowrap;
 }
 
-._1anxzyvi {
+.cTWfhW_querySection {
   flex-direction: column;
   flex: 1;
   min-height: 120px;
@@ -535,7 +547,7 @@
   position: relative;
 }
 
-._1anxzyvj {
+.cTWfhW_collapsibleSection {
   border-top: 1px solid var(--card-border-color);
   flex-direction: column;
   flex: 0 auto;
@@ -544,26 +556,26 @@
   position: relative;
 }
 
-._1anxzyvk {
+.cTWfhW_paramsSection {
   max-height: 40%;
 }
 
-._1anxzyvl {
+.cTWfhW_paramsSectionResized {
   max-height: none;
 }
 
-._1anxzyvm {
+.cTWfhW_optionsSection {
   max-height: 45%;
 }
 
-._1anxzyvn {
+.cTWfhW_sectionBody {
   flex: auto;
   min-height: 0;
   position: relative;
   overflow: auto;
 }
 
-._1anxzyvo {
+.cTWfhW_sectionResizer {
   cursor: row-resize;
   z-index: 11;
   touch-action: none;
@@ -574,27 +586,27 @@
   right: 0;
 }
 
-._1anxzyvo:hover, ._1anxzyvo[data-dragging="true"] {
+.cTWfhW_sectionResizer:hover, .cTWfhW_sectionResizer[data-dragging="true"] {
   background: var(--card-shadow-ambient-color);
 }
 
-._1anxzyvo:focus-visible {
+.cTWfhW_sectionResizer:focus-visible {
   background: var(--card-shadow-ambient-color);
   outline: 2px solid var(--card-focus-ring-color);
   outline-offset: -2px;
 }
 
-._1anxzyvp {
+.cTWfhW_optionsGrid {
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
   gap: 12px;
   display: grid;
 }
 
-._1anxzyvq._1anxzyvq {
+.cTWfhW_hiddenPane.cTWfhW_hiddenPane {
   display: none;
 }
 
-._1anxzyvr {
+.cTWfhW_editorContainer {
   flex-direction: column;
   height: 100%;
   min-height: 0;
@@ -602,25 +614,25 @@
   position: relative;
 }
 
-._1anxzyvs {
+.cTWfhW_scrollArea {
   min-height: 0;
   overflow: auto;
 }
 
-._1anxzyvt {
+.cTWfhW_sidebarRail {
   flex-shrink: 0;
   transition: width .12s ease-out;
 }
 
-._1anxzyvu {
+.cTWfhW_sidebarRailCollapsed {
   width: 49px;
 }
 
-._1anxzyvv {
+.cTWfhW_sidebarRailExpanded {
   width: 224px;
 }
 
-._1anxzyvw {
+.cTWfhW_sidebarRailOverlay {
   z-index: 21;
   background: var(--card-bg-color);
   box-shadow: 0 0 0 1px var(--card-border-color);
@@ -630,48 +642,48 @@
   left: 0;
 }
 
-._1anxzyvx {
+.cTWfhW_sidebarItem {
   position: relative;
 }
 
-._1anxzyvy {
+.cTWfhW_sidebarItemBadge {
   pointer-events: none;
   position: absolute;
   top: -2px;
   right: -2px;
 }
 
-._1anxzyvz {
+.cTWfhW_sidebarItemBadgeExpanded {
   top: 50%;
   right: 8px;
   transform: translateY(-50%);
 }
 
-._1anxzyv10 {
+.cTWfhW_sidebarSlot {
   flex-shrink: 0;
   width: 49px;
   position: relative;
 }
 
-._1anxzyv11 {
+.cTWfhW_sidebarDrawer {
   background: var(--card-bg-color);
   flex-shrink: 0;
   width: 300px;
   min-height: 0;
 }
 
-._1anxzyv12 {
+.cTWfhW_sidebarDrawerWide {
   width: min(480px, 45vw);
 }
 
-._1anxzyv13 {
+.cTWfhW_sidebarDrawerOverlay {
   z-index: 22;
   width: auto;
   position: absolute;
   inset: 0;
 }
 
-._1anxzyv14 {
+.cTWfhW_tabBar {
   scrollbar-width: thin;
   background: var(--card-bg2-color);
   box-shadow: inset 0 -1px 0 var(--card-border-color);
@@ -679,27 +691,27 @@
   overflow: auto hidden;
 }
 
-._1anxzyv14 [data-ui="Button"]:not(:hover) {
+.cTWfhW_tabBar [data-ui="Button"]:not(:hover) {
   background-color: #0000;
 }
 
-._1anxzyv15 {
+.cTWfhW_tabList {
   align-items: stretch;
   gap: 2px;
   display: flex;
 }
 
-._1anxzyv16 {
+.cTWfhW_tabItem {
   flex-shrink: 0;
   display: flex;
   position: relative;
 }
 
-._1anxzyv16[data-dragging="true"] {
+.cTWfhW_tabItem[data-dragging="true"] {
   z-index: 1;
 }
 
-._1anxzyv17 {
+.cTWfhW_tab {
   border: 1px solid #0000;
   border-bottom: none;
   border-radius: 3px 3px 0 0;
@@ -710,40 +722,40 @@
   position: relative;
 }
 
-._1anxzyv17:hover {
+.cTWfhW_tab:hover {
   background: var(--card-muted-bg-color);
 }
 
-._1anxzyv17[data-selected="true"] {
+.cTWfhW_tab[data-selected="true"] {
   background: var(--card-bg-color);
   border-color: var(--card-border-color);
 }
 
-._1anxzyv16[data-dragging="true"] ._1anxzyv17 {
+.cTWfhW_tabItem[data-dragging="true"] .cTWfhW_tab {
   box-shadow: 0 2px 6px var(--card-shadow-umbra-color);
 }
 
-._1anxzyv18 {
+.cTWfhW_tabTitleButton {
   flex-shrink: 1;
   min-width: 0;
   overflow: hidden;
 }
 
-._1anxzyv19 {
+.cTWfhW_tabCloseButton {
   opacity: 0;
   flex-shrink: 0;
   transition: opacity .1s;
 }
 
-._1anxzyv17:hover ._1anxzyv19, ._1anxzyv17:focus-within ._1anxzyv19, ._1anxzyv17[data-selected="true"] ._1anxzyv19 {
+.cTWfhW_tab:hover .cTWfhW_tabCloseButton, .cTWfhW_tab:focus-within .cTWfhW_tabCloseButton, .cTWfhW_tab[data-selected="true"] .cTWfhW_tabCloseButton {
   opacity: 1;
 }
 
-._1anxzyv1a {
+.cTWfhW_tabTitleInput {
   min-width: 120px;
 }
 
-._1anxzyv1b {
+.cTWfhW_resultContainer {
   flex: 1;
   min-width: 0;
   min-height: 0;
@@ -751,12 +763,12 @@
   overflow: auto;
 }
 
-._1anxzyv1c {
+.cTWfhW_codeBlock {
   max-height: 50vh;
   overflow: auto;
 }
 
-._1anxzyv1d {
+.cTWfhW_previewCode {
   white-space: nowrap;
   text-overflow: ellipsis;
   min-width: 0;
@@ -765,40 +777,39 @@
   overflow: hidden;
 }
 
-._1anxzyv1d pre, ._1anxzyv1d code {
+.cTWfhW_previewCode pre, .cTWfhW_previewCode code {
   white-space: inherit;
   display: inline;
 }
 
-._1anxzyv1d pre:before, ._1anxzyv1d pre:after {
+.cTWfhW_previewCode pre:before, .cTWfhW_previewCode pre:after {
   content: none;
 }
 
-._1anxzyv1e {
+.cTWfhW_lintFindingButton {
   text-align: left;
   cursor: pointer;
   width: 100%;
   display: block;
 }
 
-._1anxzyv1e:hover {
+.cTWfhW_lintFindingButton:hover {
   background: var(--card-muted-bg-color);
 }
 
-._1anxzyv1f, ._1anxzyv1g {
+.cTWfhW_shrinkable, .cTWfhW_listItemButton {
   min-width: 0;
 }
 
-._1anxzyv1g [data-ui="Box"], ._1anxzyv1g [data-ui="Flex"] {
+.cTWfhW_listItemButton [data-ui="Box"], .cTWfhW_listItemButton [data-ui="Flex"] {
   min-width: 0;
   max-width: 100%;
 }
 
-._1anxzyv1g > [data-ui="Box"] {
+.cTWfhW_listItemButton > [data-ui="Box"] {
   width: 100%;
 }
-
-.ofyam97 {
+.uhT08W_graphViewport {
   cursor: grab;
   touch-action: none;
   -webkit-user-select: none;
@@ -809,22 +820,22 @@
   overflow: hidden;
 }
 
-.ofyam97[data-dragging="true"] {
+.uhT08W_graphViewport[data-dragging="true"] {
   cursor: grabbing;
 }
 
-.ofyam97:focus-visible {
+.uhT08W_graphViewport:focus-visible {
   box-shadow: inset 0 0 0 2px var(--card-focus-ring-color);
 }
 
-.ofyam98 {
+.uhT08W_graphCanvas {
   transform-origin: 0 0;
   position: absolute;
   top: 0;
   left: 0;
 }
 
-.ofyam99 {
+.uhT08W_graphEdges {
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -832,55 +843,55 @@
   overflow: visible;
 }
 
-.ofyam99 path {
+.uhT08W_graphEdges path {
   fill: none;
   stroke: var(--card-muted-fg-color);
   stroke-opacity: .55;
   stroke-width: 1.5px;
 }
 
-.ofyam9a {
+.uhT08W_graphNode {
   box-sizing: border-box;
   background: var(--card-bg-color);
   border: 1px solid var(--card-border-color);
   box-shadow: 0 1px 2px var(--card-shadow-umbra-color);
-  font-family: var(--ofyam90);
-  font-size: var(--ofyam91);
+  font-family: var(--vision-graph-code-family);
+  font-size: var(--vision-graph-code-size);
   cursor: default;
   border-radius: 6px;
   position: absolute;
   overflow: hidden;
 }
 
-.ofyam9b {
+.uhT08W_graphNodeHeader {
+  height: var(--vision-graph-header-height);
   box-sizing: border-box;
+  padding-left: var(--vision-graph-padding-x);
   border-bottom: 1px solid var(--card-border-color);
   background: var(--card-muted-bg-color);
   align-items: center;
   gap: 2px;
-  height: 28px;
-  padding-left: 10px;
   padding-right: 4px;
   display: flex;
 }
 
-.ofyam9c {
+.uhT08W_graphNodeTitle {
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 0;
-  color: var(--ofyam92);
+  color: var(--vision-graph-property);
   flex: auto;
   font-weight: 600;
   overflow: hidden;
 }
 
-.ofyam9d {
+.uhT08W_graphNodeSummary {
   color: var(--card-muted-fg-color);
   margin-left: .5ch;
   font-weight: 400;
 }
 
-.ofyam9e {
+.uhT08W_graphNodeButton {
   appearance: none;
   color: var(--card-muted-fg-color);
   cursor: pointer;
@@ -897,59 +908,59 @@
   display: inline-flex;
 }
 
-.ofyam9e:hover {
+.uhT08W_graphNodeButton:hover {
   color: var(--card-fg-color);
   background: var(--card-code-bg-color);
 }
 
-.ofyam9e:focus-visible {
+.uhT08W_graphNodeButton:focus-visible {
   outline: 1px solid var(--card-focus-ring-color);
 }
 
-.ofyam9f {
+.uhT08W_graphRow {
+  height: var(--vision-graph-row-height);
+  padding-left: var(--vision-graph-padding-x);
+  padding-right: var(--vision-graph-padding-x);
   white-space: nowrap;
   align-items: center;
-  height: 20px;
-  padding-left: 10px;
-  padding-right: 10px;
   display: flex;
   position: relative;
   overflow: hidden;
 }
 
-.ofyam9g {
-  color: var(--ofyam92);
+.uhT08W_graphRowKey {
+  color: var(--vision-graph-property);
   flex-shrink: 0;
 }
 
-.ofyam9h {
+.uhT08W_graphRowValue {
   text-overflow: ellipsis;
   min-width: 0;
   margin-left: 1ch;
   overflow: hidden;
 }
 
-.ofyam9h[data-type="string"] {
-  color: var(--ofyam93);
+.uhT08W_graphRowValue[data-type="string"] {
+  color: var(--vision-graph-string);
 }
 
-.ofyam9h[data-type="number"] {
-  color: var(--ofyam94);
+.uhT08W_graphRowValue[data-type="number"] {
+  color: var(--vision-graph-number);
 }
 
-.ofyam9h[data-type="boolean"] {
-  color: var(--ofyam95);
+.uhT08W_graphRowValue[data-type="boolean"] {
+  color: var(--vision-graph-boolean);
 }
 
-.ofyam9h[data-type="null"] {
-  color: var(--ofyam96);
+.uhT08W_graphRowValue[data-type="null"] {
+  color: var(--vision-graph-constant);
 }
 
-.ofyam9h[data-type="child"], .ofyam9h[data-type="more"] {
+.uhT08W_graphRowValue[data-type="child"], .uhT08W_graphRowValue[data-type="more"] {
   color: var(--card-muted-fg-color);
 }
 
-.ofyam9i {
+.uhT08W_graphRowPort {
   background: var(--card-muted-fg-color);
   border-radius: 50%;
   width: 6px;
@@ -960,7 +971,7 @@
   right: -3px;
 }
 
-.ofyam9j {
+.uhT08W_graphControls {
   background: var(--card-bg-color);
   box-shadow: 0 0 0 1px var(--card-border-color);
   z-index: 1;
@@ -973,7 +984,7 @@
   right: 8px;
 }
 
-.ofyam9k {
+.uhT08W_graphNotice {
   background: var(--card-bg-color);
   max-width: calc(100% - 140px);
   box-shadow: 0 0 0 1px var(--card-border-color);