@cardstack/boxel-cli 0.13.0-unstable.0 → 0.13.0-unstable.1

package/bundled-test-harness/assets/{container-BCOmNUou.css → container-CAEYXGQg.css}

@@ -3257,28 +3257,30 @@
     outline: none;
   }
 
-  .add-workspace[data-scopedcss-ceab61f459-fb123c5358] {
+  .add-workspace[data-scopedcss-ceab61f459-ed317ef328] {
     justify-content: center;
     align-items: center;
     background-color: transparent;
-    box-shadow: inset 0 0 0 1px var(--boxel-light-10);
+    box-shadow: inset 0 0 0 1px var(--boxel-light-25);
     color: var(--boxel-light);
     transition: box-shadow var(--boxel-transition);
   }
-  .add-workspace[data-scopedcss-ceab61f459-fb123c5358]:hover {
-    box-shadow: inset 0 0 0 1px var(--boxel-light-25);
+  @media (hover: hover) {
+    .add-workspace[data-scopedcss-ceab61f459-ed317ef328]:hover {
+      box-shadow: inset 0 0 0 1px var(--boxel-light-50);
+    }
   }
-  .add-workspace.is-selected[data-scopedcss-ceab61f459-fb123c5358],
-  .add-workspace[data-scopedcss-ceab61f459-fb123c5358]:focus-visible {
+  .add-workspace.is-selected[data-scopedcss-ceab61f459-ed317ef328],
+  .add-workspace[data-scopedcss-ceab61f459-ed317ef328]:focus-visible {
     box-shadow: var(--dashboard-ring);
   }
-  .content[data-scopedcss-ceab61f459-fb123c5358] {
+  .content[data-scopedcss-ceab61f459-ed317ef328] {
     display: flex;
     align-items: center;
     gap: var(--boxel-sp-xs);
     font: 600 var(--boxel-font-sm);
   }
-  .icon[data-scopedcss-ceab61f459-fb123c5358] {
+  .icon[data-scopedcss-ceab61f459-ed317ef328] {
     flex-shrink: 0;
     color: var(--boxel-highlight);
   }
@@ -3697,7 +3699,7 @@
     color: var(--boxel-highlight);
   }
 
-  .archived-row[data-scopedcss-443a7d4fc7-504b90622e] {
+  .archived-row[data-scopedcss-443a7d4fc7-d92e4623bf] {
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -3707,10 +3709,10 @@
     padding: var(--boxel-sp-xs);
     border-radius: var(--dashboard-tile-radius);
     background-color: var(--dashboard-row-tint);
-    box-shadow: inset 0 0 0 1px var(--boxel-light-10);
+    box-shadow: inset 0 0 0 1px var(--boxel-light-25);
     color: var(--boxel-light);
   }
-  .thumb[data-scopedcss-443a7d4fc7-504b90622e] {
+  .thumb[data-scopedcss-443a7d4fc7-d92e4623bf] {
     display: flex;
     flex: none;
     align-items: center;
@@ -3720,13 +3722,13 @@
     border-radius: var(--boxel-border-radius-lg);
     background-color: var(--dashboard-thumb-tint);
   }
-  .realm-icon-wrapper[data-scopedcss-443a7d4fc7-504b90622e] {
+  .realm-icon-wrapper[data-scopedcss-443a7d4fc7-d92e4623bf] {
     position: relative;
     display: flex;
     border-radius: var(--boxel-border-radius-sm);
     box-shadow: 0 0.125rem 0.375rem var(--boxel-dark-40);
   }
-  .realm-icon-wrapper[data-scopedcss-443a7d4fc7-504b90622e]::after {
+  .realm-icon-wrapper[data-scopedcss-443a7d4fc7-d92e4623bf]::after {
     content: '';
     position: absolute;
     inset: 0;
@@ -3734,19 +3736,19 @@
     box-shadow: inset 0 0 0 1px var(--boxel-light-50);
     pointer-events: none;
   }
-  .realm-icon[data-scopedcss-443a7d4fc7-504b90622e] {
+  .realm-icon[data-scopedcss-443a7d4fc7-d92e4623bf] {
     --boxel-realm-icon-size: 1.5rem;
     --boxel-realm-icon-border-radius: var(--boxel-border-radius-sm);
     --boxel-realm-icon-background-color: var(--boxel-light);
   }
-  .info[data-scopedcss-443a7d4fc7-504b90622e] {
+  .info[data-scopedcss-443a7d4fc7-d92e4623bf] {
     display: flex;
     flex: 1;
     flex-direction: column;
     gap: var(--boxel-sp-4xs);
     min-width: 0;
   }
-  .name[data-scopedcss-443a7d4fc7-504b90622e] {
+  .name[data-scopedcss-443a7d4fc7-d92e4623bf] {
     display: block;
     overflow: hidden;
     font: 600 var(--boxel-font-sm);
@@ -3755,16 +3757,16 @@
     white-space: nowrap;
   }
   /* Wraps, so a long server error reads whole. */
-  .restore-error[data-scopedcss-443a7d4fc7-504b90622e] {
+  .restore-error[data-scopedcss-443a7d4fc7-d92e4623bf] {
     color: var(--boxel-danger);
     font: 600 var(--boxel-font-xs);
     overflow-wrap: break-word;
   }
-  .restore-btn[data-scopedcss-443a7d4fc7-504b90622e] {
+  .restore-btn[data-scopedcss-443a7d4fc7-d92e4623bf] {
     flex: none;
   }
 
-  .catalog-shelf[data-scopedcss-3416374426-d3bda51cf4] {
+  .catalog-shelf[data-scopedcss-3416374426-c845240858] {
     --_catalog-shelf-story-min-width: 13rem;
     --_catalog-shelf-art-height: 9.5rem;
     --_catalog-shelf-action-height: 1.875rem;
@@ -3777,7 +3779,7 @@
     gap: var(--boxel-sp);
   }
   /* One row of equal stories that share the width between them. */
-  .stories[data-scopedcss-3416374426-d3bda51cf4] {
+  .stories[data-scopedcss-3416374426-c845240858] {
     display: grid;
     grid-template-columns: repeat(
       auto-fit,
@@ -3788,7 +3790,7 @@
     padding: 0;
     list-style: none;
   }
-  .story[data-scopedcss-3416374426-d3bda51cf4] {
+  .story[data-scopedcss-3416374426-c845240858] {
     --_story-edge: color-mix(in oklch, var(--foreground) 12%, transparent);
     position: relative;
     display: flex;
@@ -3799,22 +3801,39 @@
     border-radius: var(--boxel-border-radius-2xl);
     background-color: var(--_story-paper);
     color: var(--foreground);
+    /* Edged like the workspace tiles, just outside the card so the edge
+       reads the same against the dashboard on every paper. */
     box-shadow:
-      0 0 0 1px var(--_story-edge),
+      0 0 0 1px var(--boxel-light-25),
       var(--shadow-md);
-    transition: transform var(--boxel-transition);
   }
-  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
-    .story[data-scopedcss-3416374426-d3bda51cf4]:hover {
-      transform: translateY(-0.125rem);
+  /* The hover ring stands 1px off the resting edge. */
+  .story[data-scopedcss-3416374426-c845240858]::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    outline: 1px solid var(--boxel-light-50);
+    outline-offset: 1px;
+    opacity: 0;
+    transition: opacity var(--boxel-transition);
+    pointer-events: none;
+  }
+  @media (hover: hover) {
+    .story[data-scopedcss-3416374426-c845240858]:not(.is-pending):hover::after {
+      opacity: 1;
     }
   }
+  /* Keeps the hover ring off the keyboard ring. */
+  .story[data-scopedcss-3416374426-c845240858]:has(.story-open:focus-visible)::after {
+    opacity: 0;
+  }
   /* The story draws the keyboard ring around the whole card. */
-  .story[data-scopedcss-3416374426-d3bda51cf4]:has(.story-open:focus-visible) {
+  .story[data-scopedcss-3416374426-c845240858]:has(.story-open:focus-visible) {
     box-shadow: var(--dashboard-ring), var(--shadow-md);
   }
   /* The papers, in turn: warm, ink, mint, lilac. */
-  .tint-warm[data-scopedcss-3416374426-d3bda51cf4] {
+  .tint-warm[data-scopedcss-3416374426-c845240858] {
     --_story-paper: color-mix(
       in oklch,
       color-mix(in oklch, var(--boxel-light) 90%, var(--boxel-orange)) 95%,
@@ -3826,7 +3845,7 @@
       var(--boxel-dark)
     );
   }
-  .tint-ink[data-scopedcss-3416374426-d3bda51cf4] {
+  .tint-ink[data-scopedcss-3416374426-c845240858] {
     --_story-paper: color-mix(
       in oklch,
       var(--boxel-purple) 18%,
@@ -3834,7 +3853,7 @@
     );
     --_story-accent: var(--boxel-highlight);
   }
-  .tint-mint[data-scopedcss-3416374426-d3bda51cf4] {
+  .tint-mint[data-scopedcss-3416374426-c845240858] {
     --_story-paper: color-mix(
       in oklch,
       var(--boxel-teal) 16%,
@@ -3846,7 +3865,7 @@
       var(--boxel-dark)
     );
   }
-  .tint-lilac[data-scopedcss-3416374426-d3bda51cf4] {
+  .tint-lilac[data-scopedcss-3416374426-c845240858] {
     --_story-paper: color-mix(
       in oklch,
       var(--boxel-lilac) 16%,
@@ -3859,7 +3878,7 @@
     );
   }
   /* Host chrome has no CardContainer zeroing these margins. */
-  .eyebrow[data-scopedcss-3416374426-d3bda51cf4] {
+  .eyebrow[data-scopedcss-3416374426-c845240858] {
     margin: 0;
     font-family: var(--boxel-monospace-font-family);
     font-size: var(--boxel-font-size-2xs);
@@ -3870,7 +3889,7 @@
   }
   /* Always two lines tall, so the art lines up across a row and the
      stand-ins match. */
-  .headline[data-scopedcss-3416374426-d3bda51cf4] {
+  .headline[data-scopedcss-3416374426-c845240858] {
     min-width: 0;
     min-height: calc(
       var(--_catalog-shelf-headline-lines) *
@@ -3883,7 +3902,7 @@
     letter-spacing: -0.015em;
   }
   /* Its hit area covers the story; the actions sit above it. */
-  .story-open[data-scopedcss-3416374426-d3bda51cf4] {
+  .story-open[data-scopedcss-3416374426-c845240858] {
     display: block;
     max-width: 100%;
     padding: 0;
@@ -3898,14 +3917,14 @@
     text-align: start;
   }
   /* A button ignores line-clamp, so its inner text clamps instead. */
-  .headline-text[data-scopedcss-3416374426-d3bda51cf4] {
+  .headline-text[data-scopedcss-3416374426-c845240858] {
     display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: var(--_catalog-shelf-headline-lines);
     overflow-wrap: break-word;
   }
-  .story-open[data-scopedcss-3416374426-d3bda51cf4]::after {
+  .story-open[data-scopedcss-3416374426-c845240858]::after {
     content: '';
     position: absolute;
     inset: 0;
@@ -3914,10 +3933,10 @@
   }
   /* The story draws the ring; the transparent outline stands in for it
      in forced-colors mode, which drops box-shadows. */
-  .story-open[data-scopedcss-3416374426-d3bda51cf4]:focus-visible {
+  .story-open[data-scopedcss-3416374426-c845240858]:focus-visible {
     outline: 2px solid transparent;
   }
-  .art[data-scopedcss-3416374426-d3bda51cf4] {
+  .art[data-scopedcss-3416374426-c845240858] {
     position: relative;
     flex: none;
     height: var(--_catalog-shelf-art-height);
@@ -3927,7 +3946,7 @@
     box-shadow: 0 0 0 1px var(--boxel-dark-10);
   }
   /* The example card, laid out as a page and zoomed into the frame. */
-  .art-page[data-scopedcss-3416374426-d3bda51cf4] {
+  .art-page[data-scopedcss-3416374426-c845240858] {
     position: absolute;
     top: 0;
     left: 0;
@@ -3940,14 +3959,14 @@
   }
   /* The thumbnail is an icon, so it shows whole and centered rather than
      cropped to fill the frame. */
-  .thumbnail[data-scopedcss-3416374426-d3bda51cf4] {
+  .thumbnail[data-scopedcss-3416374426-c845240858] {
     display: block;
     width: 100%;
     height: 70%;
     margin-top: calc(var(--_catalog-shelf-art-height) * 0.15);
     object-fit: contain;
   }
-  .copy[data-scopedcss-3416374426-d3bda51cf4] {
+  .copy[data-scopedcss-3416374426-c845240858] {
     display: -webkit-box;
     margin: 0;
     overflow: hidden;
@@ -3962,7 +3981,7 @@
     line-height: var(--_catalog-shelf-copy-leading);
     color: var(--muted-foreground);
   }
-  .actions[data-scopedcss-3416374426-d3bda51cf4] {
+  .actions[data-scopedcss-3416374426-c845240858] {
     display: flex;
     justify-content: flex-end;
     gap: var(--boxel-sp-xs);
@@ -3971,7 +3990,7 @@
     border-top: 1px solid var(--_story-edge);
   }
   /* Above the headline's hit area. */
-  .action[data-scopedcss-3416374426-d3bda51cf4] {
+  .action[data-scopedcss-3416374426-c845240858] {
     --pretui-button-h: var(--_catalog-shelf-action-height);
     --pretui-button-px: var(--boxel-sp-sm);
     position: relative;
@@ -3979,26 +3998,26 @@
   }
   /* The theme's ring vanishes on the light papers; the accent shows on
      every paper. */
-  .action[data-scopedcss-3416374426-d3bda51cf4]:focus-visible {
+  .action[data-scopedcss-3416374426-c845240858]:focus-visible {
     outline-color: var(--_story-accent);
   }
-  .see-all[data-scopedcss-3416374426-d3bda51cf4] {
+  .see-all[data-scopedcss-3416374426-c845240858] {
     align-self: flex-start;
   }
-  .story.is-pending[data-scopedcss-3416374426-d3bda51cf4] {
+  .story.is-pending[data-scopedcss-3416374426-c845240858] {
     --_story-edge: transparent;
     background-color: var(--boxel-dark-50);
     box-shadow: none;
   }
-  .is-pending .art[data-scopedcss-3416374426-d3bda51cf4] {
+  .is-pending .art[data-scopedcss-3416374426-c845240858] {
     background-color: var(--boxel-dark-50);
     box-shadow: none;
   }
-  .pending-action[data-scopedcss-3416374426-d3bda51cf4] {
+  .pending-action[data-scopedcss-3416374426-c845240858] {
     display: block;
     height: var(--_catalog-shelf-action-height);
   }
-  .see-all.is-pending[data-scopedcss-3416374426-d3bda51cf4] {
+  .see-all.is-pending[data-scopedcss-3416374426-c845240858] {
     visibility: hidden;
   }
 
@@ -4159,7 +4178,7 @@
     }
   }
 
-  .workspace[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace[data-scopedcss-75f737c827-52fffa2d9f] {
     --_workspace-control-size: var(--boxel-button-xs);
     --_workspace-control-radius: var(--boxel-border-radius-sm);
     --_workspace-control-inset: 0.5rem;
@@ -4182,30 +4201,30 @@
     min-width: 0;
     color: var(--boxel-light);
   }
-  .workspace.is-loading[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-loading[data-scopedcss-75f737c827-52fffa2d9f] {
     align-items: center;
     justify-content: center;
     height: var(--dashboard-tile-height);
     border-radius: var(--dashboard-tile-radius);
     background-color: var(--boxel-dark-50);
   }
-  .workspace.is-loading.is-desk[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-loading.is-desk[data-scopedcss-75f737c827-52fffa2d9f] {
     height: var(--_workspace-desk-height);
     border-radius: var(--_workspace-desk-radius);
   }
   /* Transparent rather than none, so forced-colors mode, which drops
      the ring's box-shadow, still draws a focus outline. */
-  .workspace.is-loading[data-scopedcss-75f737c827-b49bef8378]:focus {
+  .workspace.is-loading[data-scopedcss-75f737c827-52fffa2d9f]:focus {
     outline: 2px solid transparent;
   }
-  .workspace.is-loading.is-selected[data-scopedcss-75f737c827-b49bef8378],
-  .workspace.is-loading[data-scopedcss-75f737c827-b49bef8378]:focus-visible {
+  .workspace.is-loading.is-selected[data-scopedcss-75f737c827-52fffa2d9f],
+  .workspace.is-loading[data-scopedcss-75f737c827-52fffa2d9f]:focus-visible {
     box-shadow: var(--dashboard-ring);
   }
 
   /* The wallpaper is its own layer, so a hover can reveal or scale it
      without moving what sits on top. */
-  .wallpaper[data-scopedcss-75f737c827-b49bef8378] {
+  .wallpaper[data-scopedcss-75f737c827-52fffa2d9f] {
     position: relative;
     display: flex;
     align-items: center;
@@ -4214,7 +4233,7 @@
     height: 100%;
     overflow: hidden;
   }
-  .wallpaper[data-scopedcss-75f737c827-b49bef8378]::before {
+  .wallpaper[data-scopedcss-75f737c827-52fffa2d9f]::before {
     content: '';
     position: absolute;
     inset: 0;
@@ -4225,14 +4244,14 @@
     background-repeat: no-repeat;
     transition: opacity var(--boxel-transition);
   }
-  .realm-icon-wrapper[data-scopedcss-75f737c827-b49bef8378] {
+  .realm-icon-wrapper[data-scopedcss-75f737c827-52fffa2d9f] {
     position: relative;
     display: flex;
     flex-shrink: 0;
     border-radius: var(--boxel-border-radius-sm);
     box-shadow: 0 0.125rem 0.375rem var(--boxel-dark-40);
   }
-  .realm-icon-wrapper[data-scopedcss-75f737c827-b49bef8378]::after {
+  .realm-icon-wrapper[data-scopedcss-75f737c827-52fffa2d9f]::after {
     content: '';
     position: absolute;
     inset: 0;
@@ -4240,7 +4259,7 @@
     box-shadow: inset 0 0 0 1px var(--boxel-light-50);
     pointer-events: none;
   }
-  .workspace-realm-icon[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace-realm-icon[data-scopedcss-75f737c827-52fffa2d9f] {
     --boxel-realm-icon-size: var(--_workspace-icon-size);
     --boxel-realm-icon-border-radius: var(--boxel-border-radius-sm);
     --boxel-realm-icon-background-color: var(--boxel-light);
@@ -4249,8 +4268,8 @@
   /* The star and the menu: glass chips over the wallpaper, shown on
      hover, on keyboard focus inside the workspace, and under the
      cursor's ring. A favorited star stays. The button fills its chip. */
-  .favorite-btn[data-scopedcss-75f737c827-b49bef8378],
-  .menu-btn[data-scopedcss-75f737c827-b49bef8378] {
+  .favorite-btn[data-scopedcss-75f737c827-52fffa2d9f],
+  .menu-btn[data-scopedcss-75f737c827-52fffa2d9f] {
     --pretui-button-h: var(--_workspace-control-size);
     --pretui-button-radius: var(--_workspace-control-radius);
     position: absolute;
@@ -4265,18 +4284,18 @@
       opacity var(--boxel-transition),
       background-color var(--boxel-transition);
   }
-  .favorite-btn[data-scopedcss-75f737c827-b49bef8378] {
+  .favorite-btn[data-scopedcss-75f737c827-52fffa2d9f] {
     left: var(--_workspace-control-inset);
   }
-  .menu-btn[data-scopedcss-75f737c827-b49bef8378] {
+  .menu-btn[data-scopedcss-75f737c827-52fffa2d9f] {
     right: var(--_workspace-control-inset);
   }
-  .workspace[data-scopedcss-75f737c827-b49bef8378]:hover :is(.favorite-btn, .menu-btn),
-  .workspace.is-selected[data-scopedcss-75f737c827-b49bef8378] :is(.favorite-btn, .menu-btn),
-  .workspace[data-scopedcss-75f737c827-b49bef8378]:has(:focus-visible:not([data-nav-index]))
+  .workspace[data-scopedcss-75f737c827-52fffa2d9f]:hover :is(.favorite-btn, .menu-btn),
+  .workspace.is-selected[data-scopedcss-75f737c827-52fffa2d9f] :is(.favorite-btn, .menu-btn),
+  .workspace[data-scopedcss-75f737c827-52fffa2d9f]:has(:focus-visible:not([data-nav-index]))
     :is(.favorite-btn, .menu-btn),
-  .menu-btn[data-scopedcss-75f737c827-b49bef8378]:has([aria-expanded='true']),
-  .favorite-btn.is-favorited[data-scopedcss-75f737c827-b49bef8378] {
+  .menu-btn[data-scopedcss-75f737c827-52fffa2d9f]:has([aria-expanded='true']),
+  .favorite-btn.is-favorited[data-scopedcss-75f737c827-52fffa2d9f] {
     opacity: 1;
     background-color: var(--_workspace-glass);
     backdrop-filter: var(--_workspace-glass-blur);
@@ -4284,23 +4303,23 @@
   /* The icons are colored here: Pret UI's neutral button sets its own
      ink on the button, so a value inherited from the chip wouldn't
      reach them. A favorited or hovered star takes the primary color. */
-  .control-icon[data-scopedcss-75f737c827-b49bef8378] {
+  .control-icon[data-scopedcss-75f737c827-52fffa2d9f] {
     color: var(--boxel-light);
   }
-  .favorite-btn.is-favorited .control-icon[data-scopedcss-75f737c827-b49bef8378],
-  .workspace .favorite-btn:hover .control-icon[data-scopedcss-75f737c827-b49bef8378] {
+  .favorite-btn.is-favorited .control-icon[data-scopedcss-75f737c827-52fffa2d9f],
+  .workspace .favorite-btn:hover .control-icon[data-scopedcss-75f737c827-52fffa2d9f] {
     color: var(--primary);
   }
 
   /* Who can see the workspace: a neutral chip, so it never outweighs the
      name; the dot's hue tells the visibilities apart. */
-  .visibility-chip[data-scopedcss-75f737c827-b49bef8378] {
+  .visibility-chip[data-scopedcss-75f737c827-52fffa2d9f] {
     flex: none;
     text-transform: capitalize;
   }
 
   /* Desk. */
-  .workspace.is-desk[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-desk[data-scopedcss-75f737c827-52fffa2d9f] {
     --_workspace-control-size: 2.125rem;
     --_workspace-control-inset: var(--boxel-sp-sm);
     --_workspace-glass: color-mix(
@@ -4312,12 +4331,12 @@
     --_workspace-control-radius: var(--boxel-border-radius);
     gap: var(--boxel-sp-xs);
   }
-  .workspace.is-desk[data-scopedcss-75f737c827-b49bef8378] :is(.favorite-btn, .menu-btn) {
+  .workspace.is-desk[data-scopedcss-75f737c827-52fffa2d9f] :is(.favorite-btn, .menu-btn) {
     opacity: 1;
     background-color: var(--_workspace-glass);
     backdrop-filter: var(--_workspace-glass-blur);
   }
-  .desk-surface[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-surface[data-scopedcss-75f737c827-52fffa2d9f] {
     position: relative;
     box-sizing: border-box;
     display: flex;
@@ -4336,27 +4355,27 @@
       inset 0 0 0 1px var(--boxel-light-25);
     transition: box-shadow var(--boxel-transition);
   }
-  .workspace.is-desk:hover .desk-surface[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-desk:hover .desk-surface[data-scopedcss-75f737c827-52fffa2d9f] {
     box-shadow:
       0 0.875rem 2rem var(--boxel-dark-30),
       inset 0 0 0 1px var(--boxel-light-50);
   }
   /* The ring shows under the keyboard cursor and on any keyboard focus,
      as when a modal hands focus back. */
-  .workspace.is-desk.is-selected .desk-surface[data-scopedcss-75f737c827-b49bef8378],
-  .workspace.is-desk:has(.desk-pill:focus-visible) .desk-surface[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-desk.is-selected .desk-surface[data-scopedcss-75f737c827-52fffa2d9f],
+  .workspace.is-desk:has(.desk-pill:focus-visible) .desk-surface[data-scopedcss-75f737c827-52fffa2d9f] {
     box-shadow:
       var(--dashboard-ring),
       0 0.625rem 1.5rem var(--boxel-dark-10);
   }
   /* The bare wallpaper opens the workspace for a pointer; the keyboard
      has the name pill, so this stays out of the tab order. */
-  .desk-hit[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-hit[data-scopedcss-75f737c827-52fffa2d9f] {
     position: absolute;
     inset: 0;
     cursor: pointer;
   }
-  .desk-top[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-top[data-scopedcss-75f737c827-52fffa2d9f] {
     position: relative;
     display: flex;
     align-items: center;
@@ -4368,10 +4387,10 @@
     );
     pointer-events: none;
   }
-  .desk-pill-tooltip[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-pill-tooltip[data-scopedcss-75f737c827-52fffa2d9f] {
     min-width: 0;
   }
-  .desk-pill[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-pill[data-scopedcss-75f737c827-52fffa2d9f] {
     display: inline-flex;
     align-items: center;
     gap: var(--boxel-sp-xs);
@@ -4387,7 +4406,7 @@
     font: 600 var(--boxel-font);
     pointer-events: auto;
   }
-  .desk-pill[data-scopedcss-75f737c827-b49bef8378]:hover {
+  .desk-pill[data-scopedcss-75f737c827-52fffa2d9f]:hover {
     background-color: color-mix(
       in oklch,
       var(--boxel-800) 78%,
@@ -4396,22 +4415,22 @@
   }
   /* The surface draws the ring; the transparent outline stands in for
      it in forced-colors mode, which drops box-shadows. */
-  .desk-pill[data-scopedcss-75f737c827-b49bef8378]:focus-visible {
+  .desk-pill[data-scopedcss-75f737c827-52fffa2d9f]:focus-visible {
     outline: 2px solid transparent;
   }
-  .desk-pill-icon[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-pill-icon[data-scopedcss-75f737c827-52fffa2d9f] {
     --boxel-realm-icon-size: 1.625rem;
     --boxel-realm-icon-border-radius: var(--boxel-border-radius-sm);
     --boxel-realm-icon-background-color: var(--boxel-light);
     flex: none;
   }
-  .desk-pill-name[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-pill-name[data-scopedcss-75f737c827-52fffa2d9f] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-  .desk-live[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-live[data-scopedcss-75f737c827-52fffa2d9f] {
     --hosted-pill-background: var(--_workspace-glass);
     margin-left: auto;
     backdrop-filter: var(--_workspace-glass-blur);
@@ -4421,7 +4440,7 @@
      the drawn collage, not the link count, so a desk whose pins have
      no rendering yet keeps its wallpaper. A hover brings a little of
      it back. */
-  .desk-surface[data-scopedcss-75f737c827-b49bef8378]:has([data-pinned-collage])::before {
+  .desk-surface[data-scopedcss-75f737c827-52fffa2d9f]:has([data-pinned-collage])::before {
     content: '';
     position: absolute;
     inset: 0;
@@ -4429,13 +4448,13 @@
     transition: background-color var(--boxel-transition);
   }
   .workspace.is-desk:hover
-    .desk-surface[data-scopedcss-75f737c827-b49bef8378]:has([data-pinned-collage])::before {
+    .desk-surface[data-scopedcss-75f737c827-52fffa2d9f]:has([data-pinned-collage])::before {
     background-color: var(--boxel-dark-40);
   }
-  .desk-pins[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-pins[data-scopedcss-75f737c827-52fffa2d9f] {
     flex: 1;
   }
-  .desk-caption[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-caption[data-scopedcss-75f737c827-52fffa2d9f] {
     display: flex;
     flex-direction: column;
     gap: var(--boxel-sp-5xs);
@@ -4443,31 +4462,31 @@
     color: var(--muted-foreground);
     font: 400 var(--boxel-font-sm);
   }
-  .desk-caption-line[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-caption-line[data-scopedcss-75f737c827-52fffa2d9f] {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: var(--boxel-sp-5xs) var(--boxel-sp-sm);
     min-height: var(--_workspace-chip-height);
   }
-  .desk-stats[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-stats[data-scopedcss-75f737c827-52fffa2d9f] {
     display: inline-flex;
     flex-wrap: wrap;
     gap: var(--boxel-sp-sm);
     min-height: 1lh;
   }
-  .desk-stat[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-stat[data-scopedcss-75f737c827-52fffa2d9f] {
     display: inline-flex;
     gap: var(--boxel-sp-5xs);
   }
   /* Counts arrive late and change on re-index; fixed-width digits keep
      the caption from shifting. */
-  .desk-stat-number[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-stat-number[data-scopedcss-75f737c827-52fffa2d9f] {
     color: var(--foreground);
     font-weight: 600;
     font-variant-numeric: tabular-nums;
   }
-  .desk-host-line[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-host-line[data-scopedcss-75f737c827-52fffa2d9f] {
     display: flex;
     align-items: center;
     gap: var(--boxel-sp-4xs);
@@ -4475,7 +4494,7 @@
     color: var(--foreground);
     white-space: nowrap;
   }
-  .desk-host-dot[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-host-dot[data-scopedcss-75f737c827-52fffa2d9f] {
     flex: none;
     width: 0.4375rem;
     height: 0.4375rem;
@@ -4484,7 +4503,7 @@
   }
   /* Positioned, so its screen-reader text is clipped with it instead of
      widening the page. The address truncates; the arrow always shows. */
-  .desk-host-link[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-host-link[data-scopedcss-75f737c827-52fffa2d9f] {
     position: relative;
     display: inline-flex;
     gap: var(--boxel-sp-5xs);
@@ -4494,13 +4513,13 @@
     font-weight: 600;
     text-underline-offset: 0.1875rem;
   }
-  .desk-host-url[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-host-url[data-scopedcss-75f737c827-52fffa2d9f] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
   }
   /* As tall as a line of the caption, where a Button would be taller. */
-  .desk-host-more[data-scopedcss-75f737c827-b49bef8378] {
+  .desk-host-more[data-scopedcss-75f737c827-52fffa2d9f] {
     --pretui-button-h: 1lh;
     flex: none;
     box-sizing: border-box;
@@ -4509,12 +4528,12 @@
 
   /* Tile: the wallpaper face, its hosted chin, then the name and who can
      see it. */
-  .workspace.is-tile[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-tile[data-scopedcss-75f737c827-52fffa2d9f] {
     gap: var(--boxel-sp-xs);
   }
   /* The face's frame, and the cursor's ring when it rests here. Drawn
      over the face, whose wallpaper would cover an inset shadow. */
-  .workspace.is-tile[data-scopedcss-75f737c827-b49bef8378]::after {
+  .workspace.is-tile[data-scopedcss-75f737c827-52fffa2d9f]::after {
     content: '';
     position: absolute;
     top: 0;
@@ -4527,15 +4546,15 @@
     border-radius: var(--dashboard-tile-radius);
     pointer-events: none;
   }
-  .workspace.is-tile[data-scopedcss-75f737c827-b49bef8378]:hover::after {
+  .workspace.is-tile[data-scopedcss-75f737c827-52fffa2d9f]:hover::after {
     border-color: var(--boxel-light-50);
   }
-  .workspace.is-tile.is-selected[data-scopedcss-75f737c827-b49bef8378]::after,
-  .workspace.is-tile[data-scopedcss-75f737c827-b49bef8378]:has(.tile-face:focus-visible)::after {
+  .workspace.is-tile.is-selected[data-scopedcss-75f737c827-52fffa2d9f]::after,
+  .workspace.is-tile[data-scopedcss-75f737c827-52fffa2d9f]:has(.tile-face:focus-visible)::after {
     border-color: var(--boxel-highlight);
     box-shadow: 0 0 0 1px var(--boxel-highlight);
   }
-  .host-menu[data-scopedcss-75f737c827-b49bef8378] {
+  .host-menu[data-scopedcss-75f737c827-52fffa2d9f] {
     position: absolute;
     top: calc(var(--dashboard-tile-height) - var(--_workspace-chin-height));
     left: 0;
@@ -4546,16 +4565,16 @@
   }
   /* The open menu's panel is stacked with the chin, so the chin rises
      above the tile's frame, which would otherwise draw across it. */
-  .workspace.is-open .host-menu[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-open .host-menu[data-scopedcss-75f737c827-52fffa2d9f] {
     z-index: 5;
   }
   /* Pret UI's Menu has no knob to stretch its trigger's box. */
-  .host-menu-wrap[data-scopedcss-75f737c827-b49bef8378],
-  .host-menu[data-scopedcss-75f737c827-b49bef8378] .pretui-menu-trigger {
+  .host-menu-wrap[data-scopedcss-75f737c827-52fffa2d9f],
+  .host-menu[data-scopedcss-75f737c827-52fffa2d9f] .pretui-menu-trigger {
     width: 100%;
     height: 100%;
   }
-  .host-trigger[data-scopedcss-75f737c827-b49bef8378] {
+  .host-trigger[data-scopedcss-75f737c827-52fffa2d9f] {
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -4571,19 +4590,19 @@
     backdrop-filter: var(--_workspace-glass-blur);
     color: var(--boxel-light);
   }
-  .host-trigger[data-scopedcss-75f737c827-b49bef8378]:hover {
+  .host-trigger[data-scopedcss-75f737c827-52fffa2d9f]:hover {
     background-color: var(--boxel-dark-50);
   }
-  .host-trigger[data-scopedcss-75f737c827-b49bef8378]:focus-visible {
+  .host-trigger[data-scopedcss-75f737c827-52fffa2d9f]:focus-visible {
     outline: 2px solid var(--ring);
     outline-offset: -2px;
   }
   /* Lime is Hosted's color in every variant. */
-  .host-trigger-globe[data-scopedcss-75f737c827-b49bef8378] {
+  .host-trigger-globe[data-scopedcss-75f737c827-52fffa2d9f] {
     flex-shrink: 0;
     color: var(--boxel-lime);
   }
-  .host-trigger-url[data-scopedcss-75f737c827-b49bef8378] {
+  .host-trigger-url[data-scopedcss-75f737c827-52fffa2d9f] {
     flex: 1;
     min-width: 0;
     overflow: hidden;
@@ -4592,11 +4611,11 @@
     white-space: nowrap;
     font: 400 var(--boxel-font-xs);
   }
-  .host-trigger-more[data-scopedcss-75f737c827-b49bef8378] {
+  .host-trigger-more[data-scopedcss-75f737c827-52fffa2d9f] {
     flex-shrink: 0;
     font: 600 var(--boxel-font-xs);
   }
-  .info[data-scopedcss-75f737c827-b49bef8378] {
+  .info[data-scopedcss-75f737c827-52fffa2d9f] {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -4605,7 +4624,7 @@
   }
   /* One line under every tile, so tiles keep one height and their chips
      line up across the row. */
-  .name[data-scopedcss-75f737c827-b49bef8378] {
+  .name[data-scopedcss-75f737c827-52fffa2d9f] {
     display: block;
     width: 100%;
     overflow: hidden;
@@ -4617,7 +4636,7 @@
   }
 
   /* Row: a thumbnail, the name, who can see it and when it changed. */
-  .workspace.is-row[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-row[data-scopedcss-75f737c827-52fffa2d9f] {
     --_workspace-control-inset: 0.375rem;
     --_workspace-control-step: calc(
       var(--_workspace-control-size) + var(--boxel-sp-4xs)
@@ -4640,66 +4659,71 @@
       var(--boxel-sp-xs) var(--boxel-sp-xs);
     border-radius: var(--dashboard-tile-radius);
     background-color: var(--dashboard-row-tint);
-    box-shadow: inset 0 0 0 1px var(--boxel-light-10);
-    transition: background-color var(--boxel-transition);
+    box-shadow: inset 0 0 0 1px var(--boxel-light-25);
+    transition:
+      background-color var(--boxel-transition),
+      box-shadow var(--boxel-transition);
   }
-  .workspace.is-row[data-scopedcss-75f737c827-b49bef8378]:has(.host-menu) {
+  .workspace.is-row[data-scopedcss-75f737c827-52fffa2d9f]:has(.host-menu) {
     --_workspace-controls: 3;
   }
-  .workspace.is-row[data-scopedcss-75f737c827-b49bef8378]:hover {
-    background-color: var(--_workspace-row-tint-hover);
+  @media (hover: hover) {
+    .workspace.is-row[data-scopedcss-75f737c827-52fffa2d9f]:hover {
+      background-color: var(--_workspace-row-tint-hover);
+      box-shadow: inset 0 0 0 1px var(--boxel-light-50);
+    }
   }
   /* Over the list's scrim, so a row the cursor rests on is never hidden
      under it; the Show more toggle, later in the page at the same level,
      stays on top. */
-  .workspace.is-row.is-selected[data-scopedcss-75f737c827-b49bef8378],
-  .workspace.is-row[data-scopedcss-75f737c827-b49bef8378]:has(.row-open:focus-visible) {
+  .workspace.is-row.is-selected[data-scopedcss-75f737c827-52fffa2d9f],
+  .workspace.is-row[data-scopedcss-75f737c827-52fffa2d9f]:has(.row-open:focus-visible) {
     z-index: 3;
     box-shadow: inset 0 0 0 2px var(--boxel-highlight);
   }
   /* With its site menu open, the workspace sits above its neighbors and
      the selected row, so the menu isn't drawn under them. */
-  .workspace.is-open[data-scopedcss-75f737c827-b49bef8378] {
+  .workspace.is-open[data-scopedcss-75f737c827-52fffa2d9f] {
     z-index: 5;
   }
   /* A long list of wallpapers is noise at scan distance: the row shows
      the realm's mark, and its wallpaper only while hovered. */
-  .row-thumb[data-scopedcss-75f737c827-b49bef8378] {
+  .row-thumb[data-scopedcss-75f737c827-52fffa2d9f] {
     flex: none;
     width: calc(var(--dashboard-row-height) - 2 * var(--boxel-sp-xs));
     height: 100%;
     border-radius: var(--boxel-border-radius-lg);
     background-color: var(--dashboard-thumb-tint);
   }
-  .row-thumb[data-scopedcss-75f737c827-b49bef8378]::before {
+  .row-thumb[data-scopedcss-75f737c827-52fffa2d9f]::before {
     opacity: 0;
   }
-  .workspace.is-row:hover .row-thumb[data-scopedcss-75f737c827-b49bef8378]::before {
+  .workspace.is-row:hover .row-thumb[data-scopedcss-75f737c827-52fffa2d9f]::before {
     opacity: 1;
   }
-  .row-icon-tooltip[data-scopedcss-75f737c827-b49bef8378] {
+  .row-icon-tooltip[data-scopedcss-75f737c827-52fffa2d9f] {
     position: relative;
     z-index: 2;
     cursor: pointer;
   }
-  .is-row .info[data-scopedcss-75f737c827-b49bef8378] {
+  .is-row .info[data-scopedcss-75f737c827-52fffa2d9f] {
     flex: 1;
     align-items: flex-start;
     gap: var(--boxel-sp-4xs);
   }
-  .is-row .name[data-scopedcss-75f737c827-b49bef8378] {
+  .is-row .name[data-scopedcss-75f737c827-52fffa2d9f] {
     font-weight: 600;
     text-align: left;
   }
   /* A button ignores line-clamp, so the name truncates on one line. Its
      hit area covers the row; the controls sit above it. */
-  .row-open[data-scopedcss-75f737c827-b49bef8378] {
+  .row-open[data-scopedcss-75f737c827-52fffa2d9f] {
     padding: 0;
     border: 0;
     background-color: transparent;
     color: var(--boxel-light);
   }
-  .row-open[data-scopedcss-75f737c827-b49bef8378]::after {
+  .row-open[data-scopedcss-75f737c827-52fffa2d9f]::after {
     content: '';
     position: absolute;
     inset: 0;
@@ -4708,11 +4732,11 @@
   }
   /* The row draws the ring; the transparent outline stands in for it in
      forced-colors mode, which drops box-shadows. */
-  .row-open[data-scopedcss-75f737c827-b49bef8378]:focus-visible {
+  .row-open[data-scopedcss-75f737c827-52fffa2d9f]:focus-visible {
     outline: 2px solid transparent;
   }
   /* Under the row's hit area, so a click on it opens the workspace. */
-  .updated[data-scopedcss-75f737c827-b49bef8378] {
+  .updated[data-scopedcss-75f737c827-52fffa2d9f] {
     position: absolute;
     right: var(--boxel-sp-sm);
     bottom: var(--boxel-sp-xs);
@@ -4727,13 +4751,13 @@
   /* The row's controls gather top-right, above the time: the menu at the
      end, the star before it and, on a hosted row, the globe before
      that. */
-  .is-row .favorite-btn[data-scopedcss-75f737c827-b49bef8378] {
+  .is-row .favorite-btn[data-scopedcss-75f737c827-52fffa2d9f] {
     left: auto;
     right: calc(
       var(--_workspace-control-inset) + var(--_workspace-control-step)
     );
   }
-  .is-row .host-menu[data-scopedcss-75f737c827-b49bef8378] {
+  .is-row .host-menu[data-scopedcss-75f737c827-52fffa2d9f] {
     top: var(--_workspace-control-inset);
     left: auto;
     right: calc(
@@ -4744,24 +4768,24 @@
     opacity: 0;
     transition: opacity var(--boxel-transition);
   }
-  .is-row .host-trigger[data-scopedcss-75f737c827-b49bef8378] {
+  .is-row .host-trigger[data-scopedcss-75f737c827-52fffa2d9f] {
     justify-content: center;
     padding: 0;
     border-radius: 50%;
   }
-  .workspace.is-row:hover .host-menu[data-scopedcss-75f737c827-b49bef8378],
-  .workspace.is-row.is-open .host-menu[data-scopedcss-75f737c827-b49bef8378],
-  .workspace.is-row.is-selected .host-menu[data-scopedcss-75f737c827-b49bef8378],
-  .is-row .host-menu[data-scopedcss-75f737c827-b49bef8378]:has(:focus-visible) {
+  .workspace.is-row:hover .host-menu[data-scopedcss-75f737c827-52fffa2d9f],
+  .workspace.is-row.is-open .host-menu[data-scopedcss-75f737c827-52fffa2d9f],
+  .workspace.is-row.is-selected .host-menu[data-scopedcss-75f737c827-52fffa2d9f],
+  .is-row .host-menu[data-scopedcss-75f737c827-52fffa2d9f]:has(:focus-visible) {
     opacity: 1;
   }
-  .is-row[data-scopedcss-75f737c827-b49bef8378] :is(.host-trigger-url, .host-trigger-more) {
+  .is-row[data-scopedcss-75f737c827-52fffa2d9f] :is(.host-trigger-url, .host-trigger-more) {
     display: none;
   }
 
   /* Above an open site menu's chin, which sits over the face too. The
      menu's panel opens below the face, out of the alert's way. */
-  .reindex-error[data-scopedcss-75f737c827-b49bef8378] {
+  .reindex-error[data-scopedcss-75f737c827-52fffa2d9f] {
     position: absolute;
     top: 0;
     left: 0;
@@ -4780,30 +4804,30 @@
     font: 600 var(--boxel-font-xs);
   }
   /* Within the face, not over the name or caption beneath it. */
-  .is-tile .reindex-error[data-scopedcss-75f737c827-b49bef8378] {
+  .is-tile .reindex-error[data-scopedcss-75f737c827-52fffa2d9f] {
     max-height: var(--dashboard-tile-height);
   }
-  .is-desk .reindex-error[data-scopedcss-75f737c827-b49bef8378] {
+  .is-desk .reindex-error[data-scopedcss-75f737c827-52fffa2d9f] {
     max-height: var(--_workspace-desk-height);
   }
   /* The whole error shows; a long one scrolls inside the tile, under a
      dismiss button that stays put. Stretched, it takes the alert's
      clamped height. */
-  .reindex-error-message[data-scopedcss-75f737c827-b49bef8378] {
+  .reindex-error-message[data-scopedcss-75f737c827-52fffa2d9f] {
     flex: 1;
     align-self: stretch;
     min-width: 0;
     overflow-y: auto;
     overflow-wrap: break-word;
   }
-  .reindex-error-message[data-scopedcss-75f737c827-b49bef8378]:focus-visible {
+  .reindex-error-message[data-scopedcss-75f737c827-52fffa2d9f]:focus-visible {
     outline: 2px solid var(--ring);
   }
-  .reindex-error-dismiss[data-scopedcss-75f737c827-b49bef8378] {
+  .reindex-error-dismiss[data-scopedcss-75f737c827-52fffa2d9f] {
     flex-shrink: 0;
   }
 
-  .menu-footer[data-scopedcss-75f737c827-b49bef8378] {
+  .menu-footer[data-scopedcss-75f737c827-52fffa2d9f] {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -4811,13 +4835,13 @@
     padding: var(--boxel-sp-xs) var(--boxel-sp-sm);
     border-top: 1px solid var(--border);
   }
-  .menu-footer-row[data-scopedcss-75f737c827-b49bef8378] {
+  .menu-footer-row[data-scopedcss-75f737c827-52fffa2d9f] {
     display: flex;
     align-items: center;
     gap: var(--boxel-sp-6xs);
   }
-  .menu-footer-label[data-scopedcss-75f737c827-b49bef8378],
-  .menu-footer-value[data-scopedcss-75f737c827-b49bef8378] {
+  .menu-footer-label[data-scopedcss-75f737c827-52fffa2d9f],
+  .menu-footer-value[data-scopedcss-75f737c827-52fffa2d9f] {
     color: var(--muted-foreground);
     font-size: var(--boxel-font-size-2xs);
   }