Sync private Space from hfviewer-a445f87628ef

hf-shell-app-29630043e471.js → hf-shell-app-f056da15f06a.js

@@ -1590,7 +1590,7 @@
       let activeViewerModel = null;
       // Shared switch/module for the navbar pill and model action. Index work stays graph-ready only.
       const embedlInitialSearch = window.location.search;
-      const embedlDeployModule = import(buildTrackedInternalPath("/visualizer/hfDeployButton.js?v=20261022-run-1")).then((api) => {
+      const embedlDeployModule = import(buildTrackedInternalPath("/visualizer/hfDeployButton.js?v=20261022-run-2")).then((api) => {
             api.initializeDeployPreview(window, embedlInitialSearch);
             return api;
           }).catch(() => null);

hf-shell-css-db0481da2cbf.css → hf-shell-css-212d31f116a0.css

@@ -17483,6 +17483,37 @@
       .embedl-deploy { position: relative; display: flex; align-items: center; }
       .embedl-deploy__trigger { white-space: nowrap; }
       .embedl-deploy__trigger::before { content: none; }
+      /* Run on device: the header's primary call to action. Filled teal with dark
+         ink (contrast ~13:1), a brighter border ring and a soft glow; the
+         neighbouring pills stay ghost/outlined. */
+      .viewer-route__actions .pill.embedl-deploy__trigger {
+        background: #3cf0b4; color: var(--ink, #07100d); border: 1px solid #9af9da; font-weight: 700;
+        box-shadow: 0 0 0 1px rgba(60, 240, 180, 0.35), 0 0 18px rgba(60, 240, 180, 0.38);
+        min-height: 42px; /* match the neighbouring pills even without a chip */
+      }
+      .viewer-route__actions .pill.embedl-deploy__trigger:hover {
+        background: #62f6c6; border-color: #c2fcea; color: var(--ink, #07100d);
+        box-shadow: 0 0 0 1px rgba(60, 240, 180, 0.5), 0 0 26px rgba(60, 240, 180, 0.55);
+      }
+      .viewer-route__actions .pill.embedl-deploy__trigger:active {
+        background: #2bdca2; box-shadow: 0 0 0 1px rgba(60, 240, 180, 0.4), 0 0 10px rgba(60, 240, 180, 0.3);
+      }
+      .viewer-route__actions .pill.embedl-deploy__trigger:focus-visible {
+        outline: none; background: #62f6c6; color: var(--ink, #07100d);
+        box-shadow: 0 0 0 2px #050914, 0 0 0 4px #eafff8, 0 0 22px rgba(60, 240, 180, 0.5);
+      }
+      .viewer-route__actions .pill.embedl-deploy__trigger .embedl-deploy__chip {
+        color: #3cf0b4; background: #07211a; font-weight: 700;
+      }
+      .theme-light .viewer-route__actions .pill.embedl-deploy__trigger {
+        background: #2ee6a8; border-color: #17b282;
+        box-shadow: 0 0 0 1px rgba(23, 178, 130, 0.25), 0 4px 14px rgba(23, 178, 130, 0.3);
+      }
+      .theme-light .viewer-route__actions .pill.embedl-deploy__trigger:hover { background: #4aefb9; border-color: #13a074; }
+      .theme-light .viewer-route__actions .pill.embedl-deploy__trigger:focus-visible {
+        box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0b5c45, 0 4px 14px rgba(23, 178, 130, 0.3);
+      }
+      .theme-light .viewer-route__actions .pill.embedl-deploy__trigger .embedl-deploy__chip { color: #2ee6a8; background: #07211a; }
       .embedl-deploy__icon { display: inline-flex; }
       .embedl-deploy__chip { border-radius: 6px; padding: 3px 6px; font-size: 11px; font-weight: 500; color: #8bd1d1; background: rgba(67, 154, 154, .12); white-space: nowrap; }
       .embedl-deploy__menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 100; width: max-content; min-width: 280px; max-width: calc(100vw - 24px); padding: 6px; max-height: min(420px, 65vh); overflow-y: auto; border: 1px solid #354258; border-radius: 12px; background: #111c2d; color: #e4ebf5; box-shadow: 0 12px 32px #0005; }

index.html

@@ -175,7 +175,7 @@
         }
       })();
     </script>
-    <link rel="stylesheet" href="hf-shell-css-db0481da2cbf.css">
+    <link rel="stylesheet" href="hf-shell-css-212d31f116a0.css">
   <script>
     window.dataLayer = window.dataLayer || [];
     window.gtag = function () {};
@@ -183,7 +183,7 @@
     window.HFVIEWER_PRODUCT_CONTEXT = Object.freeze({
       product_surface: "hf_space",
       space_repo: "embedl/hfviewer",
-      space_revision: "hfviewer-38010564e716",
+      space_revision: "hfviewer-a445f87628ef",
     });
     try {
       var initialUrl = new URL(window.location.href);
@@ -6741,7 +6741,7 @@ body.sx-viewer-open { overflow: hidden; }
 
     <canvas class="laser-layer" id="laserLayer" aria-hidden="true"></canvas>
 
-    <script src="hf-shell-app-29630043e471.js"></script>
+    <script src="hf-shell-app-f056da15f06a.js"></script>
     <link rel="stylesheet" href="hf-shell-css-2417117ca803.css">
     <script>
       (function () {
@@ -11012,7 +11012,7 @@ body.sx-viewer-open { overflow: hidden; }
       window.hfviewerAnalyticsBridge?.capture?.(eventName, Object.assign({
         product_surface: "hf_space",
         space_repo: "embedl/hfviewer",
-        space_revision: "hfviewer-38010564e716",
+        space_revision: "hfviewer-a445f87628ef",
       }, properties || {}));
     } catch (error) { /* analytics must never break navigation */ }
   }
@@ -11233,7 +11233,7 @@ body.sx-viewer-open { overflow: hidden; }
 })();
 </script>
 
-<script src="space-shell.js?v=270165ab3e69"></script>
+<script src="space-shell.js?v=aa3fb7997cfe"></script>
 <script type="module" src="space-auth.js?v=de6378a7ebb6"></script>
 
 </body>

space-shell.js

@@ -164,7 +164,7 @@
     // This script also runs in locally prepared snapshots and Hub iframes.
     // The build's HFVIEWER_PRODUCT_CONTEXT identifies those Space shells.
     var slots = createSpaceLaunchSlots();
-    import('./visualizer/hfDeployButton.js?v=20261022-run-1').then(function (api) {
+    import('./visualizer/hfDeployButton.js?v=20261022-run-2').then(function (api) {
       api.initializeDeployPreview(window);
       var actions = document.getElementById('sx-model-actions');
       if (actions) {
@@ -484,7 +484,11 @@
       ".sx-launch-slot[data-label=long] .sx-launch-long,.sx-launch-slot[data-label=short] .sx-launch-short,.sx-launch-slot[data-label=narrow] .sx-launch-narrow{display:inline}" +
       "#sx-header .sx-launch-slot a{font-size:11px;padding:6px}" +
       "#sx-model-actions:has(>.embedl-deploy) [data-action=embed],#sx-model-actions:has(>.embedl-deploy) [data-action=edit-readme],#sx-model-actions:has(>.embedl-deploy) [data-action=primary]:not(.sx-compact-action--primary){display:none!important}" +
-      "#sx-model-actions .embedl-deploy__trigger{height:32px;min-height:32px;font-size:11.5px;padding:0 8px;gap:5px}#sx-model-actions .embedl-deploy__trigger>.embedl-deploy__chip{display:none}" +
+      "#sx-model-actions .embedl-deploy__trigger{height:32px;min-height:32px;font-size:11.5px;padding:0 8px;gap:5px}" +
+      "#sx-model-actions .embedl-deploy__trigger{background:#3cf0b4;color:#07100d;border:1px solid #9af9da;font-weight:700;box-shadow:0 0 0 1px rgba(60,240,180,.35),0 0 12px rgba(60,240,180,.35)}" +
+      "#sx-model-actions .embedl-deploy__trigger:hover{background:#62f6c6;border-color:#c2fcea;color:#07100d;box-shadow:0 0 0 1px rgba(60,240,180,.5),0 0 18px rgba(60,240,180,.5)}" +
+      "#sx-model-actions .embedl-deploy__trigger:focus-visible{outline:none;background:#62f6c6;color:#07100d;box-shadow:0 0 0 2px #0d0b14,0 0 0 4px #eafff8}" +
+      "#sx-model-actions .embedl-deploy__trigger .embedl-deploy__chip{color:#3cf0b4;background:#07211a;font-weight:700}#sx-model-actions .embedl-deploy__trigger>.embedl-deploy__chip{display:none}" +
       "@media(max-width:900px){#sx-model-actions .embedl-deploy__label{display:none}#sx-model-actions .embedl-deploy__trigger{width:36px;height:36px;padding:0;justify-content:center}}" +
       "#sx-header .sx-launch-slot:has(a[hidden]){display:none}" +
       "@media(max-width:640px){#sx-header:has(.hfnx-launch-pill:not([hidden])) .sx-brand{display:none}}" +

visualizer/hfDeployButton.js

@@ -97,8 +97,9 @@ export function headlineChip(headline) {
 export function modelChip(builds) {
   const best = builds.reduce((a, b) => (speedup(b.headline) || 0) > (speedup(a?.headline) || 0) ? b : a, null);
   if (best) return headlineChip(best.headline);
+  // No speed-up: a device count only helps when there is a choice to make.
   const count = new Set(builds.map(build => build.hardware)).size;
-  return `${count} ${count === 1 ? 'device' : 'devices'}`;
+  return count > 1 ? `${count} devices` : '';
 }
 
 export async function fetchJson(url, fetcher, timeoutMs = 2500) {
@@ -231,7 +232,9 @@ export function createDeployAction({ document: doc, entry, repoId, mode, space =
   const icon = span('embedl-deploy__icon', '');
   icon.setAttribute('aria-hidden', 'true');
   icon.innerHTML = DEPLOY_CHIP_ICON;
-  trigger.append(icon, span('embedl-deploy__label', 'Run on device'), span('embedl-deploy__chip', modelChip(entry.builds)));
+  const chip = modelChip(entry.builds);
+  trigger.append(icon, span('embedl-deploy__label', 'Run on device'));
+  if (chip) trigger.append(span('embedl-deploy__chip', chip));
   root.append(trigger);
   function link(el, page, hardware, placement) {
     // Pass the raw value to URLSearchParams: encode the HF slash exactly once.