sanity 5.27.0 → 5.28.0-next.10

package/lib/_chunks-dts/types2.d.ts

@@ -3,7 +3,7 @@ import { SanityDocument } from "@sanity/types";
 import { ClientPerspective, StackablePerspective } from "@sanity/client";
 import { Observable } from "rxjs";
 import { DocumentStore, DocumentValuePermission, PermissionCheckResult, SanityClient as SanityClient$1 } from "sanity";
-import { PreviewUrlResolver } from "/home/runner/work/sanity/sanity/node_modules/.pnpm/@sanity+preview-url-secret@4.0.5_@sanity+client@7.22.0/node_modules/@sanity/preview-url-secret/dist/define-preview-url.js";
+import { PreviewUrlResolver } from "/home/runner/work/sanity/sanity/node_modules/.pnpm/@sanity+preview-url-secret@4.0.6_@sanity+client@7.22.0/node_modules/@sanity/preview-url-secret/dist/define-preview-url.js";
 import * as _$xstate from "xstate";
 import { ActorRefFrom } from "xstate";
 interface Context$2 {

package/lib/_chunks-es/resources7.js

@@ -3,6 +3,18 @@ const variantsLocaleStrings = {
   "navbar.view-as": "View as",
   /** Label for the version selector in the variants navigation row. */
   "navbar.version": "Version",
+  /** Label for the variant selector in the variants navigation row. */
+  "navbar.variant": "Variant",
+  /** Default option label when no variant is selected. */
+  "navbar.variant.default": "All users (Default)",
+  /** Placeholder for the variant filter input in the dropdown. */
+  "navbar.variant.filter-placeholder": "Filter variants\u2026",
+  /** Section header for non-default variants in the dropdown. */
+  "navbar.variant.other": "Other variants",
+  /** Label for clearing version and variant selections. */
+  "navbar.clear": "Clear",
+  /** Tooltip for clearing the selected variant. */
+  "navbar.variant.clear": "Clear variant selection",
   /** Label for the Variants overview create action. */
   "overview.action.create-variant": "Create variant",
   /** Label for the Variants overview delete action. */

package/lib/_chunks-es/resources7.js.map

@@ -1 +1 @@
-{"version":3,"file":"resources7.js","sources":["../../src/core/variants/i18n/resources.ts"],"sourcesContent":["/**\n * Defined locale strings for variants, in US English.\n *\n * @internal\n */\nconst variantsLocaleStrings = {\n  /** Label for the variants navigation row. */\n  'navbar.view-as': 'View as',\n  /** Label for the version selector in the variants navigation row. */\n  'navbar.version': 'Version',\n  /** Label for the Variants overview create action. */\n  'overview.action.create-variant': 'Create variant',\n  /** Label for the Variants overview delete action. */\n  'overview.action.delete-variant': 'Delete variant',\n  /** Error toast title when variant deletion fails. */\n  'overview.action.delete-variant.error.title': 'Unable to delete variant',\n  /** Link label for Variants overview documentation (empty state). */\n  'overview.action.documentation': 'Documentation',\n  /** Description for the Variants overview empty state. */\n  'overview.empty-state.description':\n    'Variant definitions describe how content is personalized for audiences, locales, segments, and more.',\n  /** Description for the Variants overview. */\n  'overview.description':\n    'Manage variant definitions that control how content is personalized for different audiences, locales, and segments.',\n  /** Error message for the Variants overview. */\n  'overview.error': 'Unable to load variants',\n  /** Placeholder for the Variants overview search field. */\n  'overview.search.placeholder': 'Search variant definitions…',\n  /** Column header for the variant title column in the overview table. */\n  'overview.table.variant': 'Variant',\n  /** Column header for document count in the overview table. */\n  'overview.table.documents': 'Documents',\n  /** Fallback text when a variant has no conditions. */\n  'overview.table.no-conditions': 'No conditions',\n  /** Title for the Variants overview. */\n  'overview.title': 'Variants',\n  /** Back action on the Variant detail page. */\n  'detail.back': 'Back to variants',\n  /** Loading message on the Variant detail page. */\n  'detail.loading': 'Loading variant',\n  /** Fallback text when a variant has no description. */\n  'detail.no-description': 'No description yet.',\n  /** Description for the missing Variant detail page. */\n  'detail.not-found.description': 'The requested variant could not be found.',\n  /** Title for the missing Variant detail page. */\n  'detail.not-found.title': 'Variant not found',\n  /** Placeholder text on the Variant detail page. */\n  'detail.placeholder': 'Variant detail editing will be added in a future iteration.',\n  /** Title for the create variant dialog. */\n  'dialog.create.title': 'Create variant',\n  /** Confirm action for the create variant dialog. */\n  'dialog.create.action.confirm': 'Create variant',\n  /** Add condition action for the create variant dialog. */\n  'dialog.create.action.add-condition': 'Add condition',\n  /** Tooltip when add condition is disabled because the current row is incomplete. */\n  'dialog.create.action.add-condition.disabled-hint':\n    'Complete the current condition key and value before adding another.',\n  /** Remove condition action for the create variant dialog. */\n  'dialog.create.remove-condition': 'Remove condition',\n  /** Label for the variant title field in the create variant dialog. */\n  'dialog.create.variant-title.label': 'Title',\n  /** Placeholder for the variant title field in the create variant dialog. */\n  'dialog.create.variant-title.placeholder': 'e.g. Loyal customers',\n  /** Validation message when the variant title is missing. */\n  'dialog.create.variant-title.required': 'Title is required',\n  /** Label for the description field in the create variant dialog. */\n  'dialog.create.description.label': 'Description',\n  /** Placeholder for the description field in the create variant dialog. */\n  'dialog.create.description.placeholder': 'Describe who this variant targets',\n  /** Title for the conditions section in the create variant dialog. */\n  'dialog.create.conditions.title': 'Conditions',\n  /** Description for the conditions section in the create variant dialog. */\n  'dialog.create.conditions.description':\n    'Add key/value pairs that define when this variant applies.',\n  /** Label for the condition key field in the create variant dialog. */\n  'dialog.create.condition-key.label': 'Key',\n  /** Validation message when a condition key is repeated. */\n  'dialog.create.condition-key.duplicate': 'Condition keys must be unique',\n  /** Placeholder for the condition key field in the create variant dialog. */\n  'dialog.create.condition-key.placeholder': 'e.g. audience',\n  /** Label for the condition value field in the create variant dialog. */\n  'dialog.create.condition-value.label': 'Value',\n  /** Placeholder for the condition value field in the create variant dialog. */\n  'dialog.create.condition-value.placeholder': 'e.g. loyal-customers',\n  /** Error toast title when variant creation fails. */\n  'dialog.create.error.title': 'Unable to create variant',\n}\n\n/**\n * @alpha\n */\nexport type VariantsLocaleResourceKeys = keyof typeof variantsLocaleStrings\n\nexport default variantsLocaleStrings\n"],"names":["variantsLocaleStrings"],"mappings":"AAKA,MAAMA,wBAAwB;AAAA;AAAA,EAE5B,kBAAkB;AAAA;AAAA,EAElB,kBAAkB;AAAA;AAAA,EAElB,kCAAkC;AAAA;AAAA,EAElC,kCAAkC;AAAA;AAAA,EAElC,8CAA8C;AAAA;AAAA,EAE9C,iCAAiC;AAAA;AAAA,EAEjC,oCACE;AAAA;AAAA,EAEF,wBACE;AAAA;AAAA,EAEF,kBAAkB;AAAA;AAAA,EAElB,+BAA+B;AAAA;AAAA,EAE/B,0BAA0B;AAAA;AAAA,EAE1B,4BAA4B;AAAA;AAAA,EAE5B,gCAAgC;AAAA;AAAA,EAEhC,kBAAkB;AAAA;AAAA,EAElB,eAAe;AAAA;AAAA,EAEf,kBAAkB;AAAA;AAAA,EAElB,yBAAyB;AAAA;AAAA,EAEzB,gCAAgC;AAAA;AAAA,EAEhC,0BAA0B;AAAA;AAAA,EAE1B,sBAAsB;AAAA;AAAA,EAEtB,uBAAuB;AAAA;AAAA,EAEvB,gCAAgC;AAAA;AAAA,EAEhC,sCAAsC;AAAA;AAAA,EAEtC,oDACE;AAAA;AAAA,EAEF,kCAAkC;AAAA;AAAA,EAElC,qCAAqC;AAAA;AAAA,EAErC,2CAA2C;AAAA;AAAA,EAE3C,wCAAwC;AAAA;AAAA,EAExC,mCAAmC;AAAA;AAAA,EAEnC,yCAAyC;AAAA;AAAA,EAEzC,kCAAkC;AAAA;AAAA,EAElC,wCACE;AAAA;AAAA,EAEF,qCAAqC;AAAA;AAAA,EAErC,yCAAyC;AAAA;AAAA,EAEzC,2CAA2C;AAAA;AAAA,EAE3C,uCAAuC;AAAA;AAAA,EAEvC,6CAA6C;AAAA;AAAA,EAE7C,6BAA6B;AAC/B;"}
+{"version":3,"file":"resources7.js","sources":["../../src/core/variants/i18n/resources.ts"],"sourcesContent":["/**\n * Defined locale strings for variants, in US English.\n *\n * @internal\n */\nconst variantsLocaleStrings = {\n  /** Label for the variants navigation row. */\n  'navbar.view-as': 'View as',\n  /** Label for the version selector in the variants navigation row. */\n  'navbar.version': 'Version',\n  /** Label for the variant selector in the variants navigation row. */\n  'navbar.variant': 'Variant',\n  /** Default option label when no variant is selected. */\n  'navbar.variant.default': 'All users (Default)',\n  /** Placeholder for the variant filter input in the dropdown. */\n  'navbar.variant.filter-placeholder': 'Filter variants…',\n  /** Section header for non-default variants in the dropdown. */\n  'navbar.variant.other': 'Other variants',\n  /** Label for clearing version and variant selections. */\n  'navbar.clear': 'Clear',\n  /** Tooltip for clearing the selected variant. */\n  'navbar.variant.clear': 'Clear variant selection',\n  /** Label for the Variants overview create action. */\n  'overview.action.create-variant': 'Create variant',\n  /** Label for the Variants overview delete action. */\n  'overview.action.delete-variant': 'Delete variant',\n  /** Error toast title when variant deletion fails. */\n  'overview.action.delete-variant.error.title': 'Unable to delete variant',\n  /** Link label for Variants overview documentation (empty state). */\n  'overview.action.documentation': 'Documentation',\n  /** Description for the Variants overview empty state. */\n  'overview.empty-state.description':\n    'Variant definitions describe how content is personalized for audiences, locales, segments, and more.',\n  /** Description for the Variants overview. */\n  'overview.description':\n    'Manage variant definitions that control how content is personalized for different audiences, locales, and segments.',\n  /** Error message for the Variants overview. */\n  'overview.error': 'Unable to load variants',\n  /** Placeholder for the Variants overview search field. */\n  'overview.search.placeholder': 'Search variant definitions…',\n  /** Column header for the variant title column in the overview table. */\n  'overview.table.variant': 'Variant',\n  /** Column header for document count in the overview table. */\n  'overview.table.documents': 'Documents',\n  /** Fallback text when a variant has no conditions. */\n  'overview.table.no-conditions': 'No conditions',\n  /** Title for the Variants overview. */\n  'overview.title': 'Variants',\n  /** Back action on the Variant detail page. */\n  'detail.back': 'Back to variants',\n  /** Loading message on the Variant detail page. */\n  'detail.loading': 'Loading variant',\n  /** Fallback text when a variant has no description. */\n  'detail.no-description': 'No description yet.',\n  /** Description for the missing Variant detail page. */\n  'detail.not-found.description': 'The requested variant could not be found.',\n  /** Title for the missing Variant detail page. */\n  'detail.not-found.title': 'Variant not found',\n  /** Placeholder text on the Variant detail page. */\n  'detail.placeholder': 'Variant detail editing will be added in a future iteration.',\n  /** Title for the create variant dialog. */\n  'dialog.create.title': 'Create variant',\n  /** Confirm action for the create variant dialog. */\n  'dialog.create.action.confirm': 'Create variant',\n  /** Add condition action for the create variant dialog. */\n  'dialog.create.action.add-condition': 'Add condition',\n  /** Tooltip when add condition is disabled because the current row is incomplete. */\n  'dialog.create.action.add-condition.disabled-hint':\n    'Complete the current condition key and value before adding another.',\n  /** Remove condition action for the create variant dialog. */\n  'dialog.create.remove-condition': 'Remove condition',\n  /** Label for the variant title field in the create variant dialog. */\n  'dialog.create.variant-title.label': 'Title',\n  /** Placeholder for the variant title field in the create variant dialog. */\n  'dialog.create.variant-title.placeholder': 'e.g. Loyal customers',\n  /** Validation message when the variant title is missing. */\n  'dialog.create.variant-title.required': 'Title is required',\n  /** Label for the description field in the create variant dialog. */\n  'dialog.create.description.label': 'Description',\n  /** Placeholder for the description field in the create variant dialog. */\n  'dialog.create.description.placeholder': 'Describe who this variant targets',\n  /** Title for the conditions section in the create variant dialog. */\n  'dialog.create.conditions.title': 'Conditions',\n  /** Description for the conditions section in the create variant dialog. */\n  'dialog.create.conditions.description':\n    'Add key/value pairs that define when this variant applies.',\n  /** Label for the condition key field in the create variant dialog. */\n  'dialog.create.condition-key.label': 'Key',\n  /** Validation message when a condition key is repeated. */\n  'dialog.create.condition-key.duplicate': 'Condition keys must be unique',\n  /** Placeholder for the condition key field in the create variant dialog. */\n  'dialog.create.condition-key.placeholder': 'e.g. audience',\n  /** Label for the condition value field in the create variant dialog. */\n  'dialog.create.condition-value.label': 'Value',\n  /** Placeholder for the condition value field in the create variant dialog. */\n  'dialog.create.condition-value.placeholder': 'e.g. loyal-customers',\n  /** Error toast title when variant creation fails. */\n  'dialog.create.error.title': 'Unable to create variant',\n}\n\n/**\n * @alpha\n */\nexport type VariantsLocaleResourceKeys = keyof typeof variantsLocaleStrings\n\nexport default variantsLocaleStrings\n"],"names":["variantsLocaleStrings"],"mappings":"AAKA,MAAMA,wBAAwB;AAAA;AAAA,EAE5B,kBAAkB;AAAA;AAAA,EAElB,kBAAkB;AAAA;AAAA,EAElB,kBAAkB;AAAA;AAAA,EAElB,0BAA0B;AAAA;AAAA,EAE1B,qCAAqC;AAAA;AAAA,EAErC,wBAAwB;AAAA;AAAA,EAExB,gBAAgB;AAAA;AAAA,EAEhB,wBAAwB;AAAA;AAAA,EAExB,kCAAkC;AAAA;AAAA,EAElC,kCAAkC;AAAA;AAAA,EAElC,8CAA8C;AAAA;AAAA,EAE9C,iCAAiC;AAAA;AAAA,EAEjC,oCACE;AAAA;AAAA,EAEF,wBACE;AAAA;AAAA,EAEF,kBAAkB;AAAA;AAAA,EAElB,+BAA+B;AAAA;AAAA,EAE/B,0BAA0B;AAAA;AAAA,EAE1B,4BAA4B;AAAA;AAAA,EAE5B,gCAAgC;AAAA;AAAA,EAEhC,kBAAkB;AAAA;AAAA,EAElB,eAAe;AAAA;AAAA,EAEf,kBAAkB;AAAA;AAAA,EAElB,yBAAyB;AAAA;AAAA,EAEzB,gCAAgC;AAAA;AAAA,EAEhC,0BAA0B;AAAA;AAAA,EAE1B,sBAAsB;AAAA;AAAA,EAEtB,uBAAuB;AAAA;AAAA,EAEvB,gCAAgC;AAAA;AAAA,EAEhC,sCAAsC;AAAA;AAAA,EAEtC,oDACE;AAAA;AAAA,EAEF,kCAAkC;AAAA;AAAA,EAElC,qCAAqC;AAAA;AAAA,EAErC,2CAA2C;AAAA;AAAA,EAE3C,wCAAwC;AAAA;AAAA,EAExC,mCAAmC;AAAA;AAAA,EAEnC,yCAAyC;AAAA;AAAA,EAEzC,kCAAkC;AAAA;AAAA,EAElC,wCACE;AAAA;AAAA,EAEF,qCAAqC;AAAA;AAAA,EAErC,yCAAyC;AAAA;AAAA,EAEzC,2CAA2C;AAAA;AAAA,EAE3C,uCAAuC;AAAA;AAAA,EAEvC,6CAA6C;AAAA;AAAA,EAE7C,6BAA6B;AAC/B;"}

package/lib/_chunks-es/version.js

@@ -1,4 +1,4 @@
-var version = "5.27.0";
+var version = "5.28.0-next.10+9dea35af2b";
 let buildVersion;
 try {
   buildVersion = process.env.PKG_BUILD_VERSION;
@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.27.0";
+  "5.28.0-next.10+9dea35af2b";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -21393,14 +21393,14 @@ const NestedDialogOpened = defineEvent({
   name: "Removed Object in Array List",
   version: 1,
   description: "User removed a object from an array list via actions"
-}), OpenedPortableTextEditorFullScreen = defineEvent({
-  name: "Opened Portable Text Editor Full Screen in Nested Object Dialog",
+}), NestedDialogEditorOpened = defineEvent({
+  name: "Editor Opened",
   version: 1,
-  description: "User opened a portable text editor in full screen mode in a object dialog"
-}), ClosedPortableTextEditorFullScreen = defineEvent({
-  name: "Closed Portable Text Editor Full Screen in Nested Object Dialog",
+  description: "User opened a fullscreen Portable Text Editor inside a nested object dialog"
+}), NestedDialogEditorClosed = defineEvent({
+  name: "Editor Closed",
   version: 1,
-  description: "User closed a portable text editor in full screen mode in a object dialog"
+  description: "User closed a fullscreen Portable Text Editor inside a nested object dialog"
 });
 function useEnhancedObjectDialog() {
   return useContext(EnhancedObjectDialogContext);
@@ -34139,7 +34139,7 @@ function Compositor(props2) {
   return $[165] !== portal.element || $[166] !== portalElements || $[167] !== t31 ? (t32 = /* @__PURE__ */ jsx(SelectedAnnotationsProvider, { children: /* @__PURE__ */ jsx(PortalProvider, { __unstable_elements: portalElements, element: t17, children: t31 }) }), $[165] = portal.element, $[166] = portalElements, $[167] = t31, $[168] = t32) : t32 = $[168], t32;
 }
 function FullscreenPTEProvider(t0) {
-  const $ = c(17), {
+  const $ = c(16), {
     children
   } = t0;
   let t1;
@@ -34151,29 +34151,39 @@ function FullscreenPTEProvider(t0) {
   $[1] !== fullscreenPaths ? (t2 = (path) => fullscreenPaths.find((savedPath) => savedPath === pathToString(path)) ?? void 0, $[1] = fullscreenPaths, $[2] = t2) : t2 = $[2];
   const getFullscreenPath = t2;
   let t3;
-  $[3] !== enhancedObjectDialogEnabled || $[4] !== fullscreenPaths || $[5] !== telemetry ? (t3 = (path_0, isFullscreen) => {
-    isFullscreen ? (telemetry.log(OpenedPortableTextEditorFullScreen, {
-      path: pathToString(path_0),
-      origin: enhancedObjectDialogEnabled ? "nested-object" : "default"
-    }), setFullscreenPaths([...fullscreenPaths, pathToString(path_0)])) : (telemetry.log(ClosedPortableTextEditorFullScreen, {
-      path: pathToString(path_0),
-      origin: enhancedObjectDialogEnabled ? "nested-object" : "default"
-    }), setFullscreenPaths(fullscreenPaths.filter((savedPath_0) => savedPath_0 !== pathToString(path_0))));
-  }, $[3] = enhancedObjectDialogEnabled, $[4] = fullscreenPaths, $[5] = telemetry, $[6] = t3) : t3 = $[6];
+  $[3] !== enhancedObjectDialogEnabled || $[4] !== telemetry ? (t3 = (path_0, isFullscreen) => {
+    const pathString = pathToString(path_0);
+    setFullscreenPaths((currentPaths) => {
+      const alreadyOpen = currentPaths.includes(pathString);
+      return isFullscreen ? alreadyOpen ? currentPaths : (telemetry.log(NestedDialogEditorOpened, {
+        path: pathString,
+        origin: enhancedObjectDialogEnabled ? "nested-object" : "default",
+        editor_type: "pte",
+        fullscreen: !0,
+        location: "nested_object_dialog"
+      }), [...currentPaths, pathString]) : alreadyOpen ? (telemetry.log(NestedDialogEditorClosed, {
+        path: pathString,
+        origin: enhancedObjectDialogEnabled ? "nested-object" : "default",
+        editor_type: "pte",
+        fullscreen: !0,
+        location: "nested_object_dialog"
+      }), currentPaths.filter((savedPath_0) => savedPath_0 !== pathString)) : currentPaths;
+    });
+  }, $[3] = enhancedObjectDialogEnabled, $[4] = telemetry, $[5] = t3) : t3 = $[5];
   const setFullscreenPath = t3;
   let t4;
-  $[7] !== fullscreenPaths ? (t4 = () => fullscreenPaths.length > 0, $[7] = fullscreenPaths, $[8] = t4) : t4 = $[8];
+  $[6] !== fullscreenPaths ? (t4 = () => fullscreenPaths.length > 0, $[6] = fullscreenPaths, $[7] = t4) : t4 = $[7];
   const hasAnyFullscreen = t4;
   let t5;
-  $[9] !== fullscreenPaths || $[10] !== getFullscreenPath || $[11] !== hasAnyFullscreen || $[12] !== setFullscreenPath ? (t5 = {
+  $[8] !== fullscreenPaths || $[9] !== getFullscreenPath || $[10] !== hasAnyFullscreen || $[11] !== setFullscreenPath ? (t5 = {
     getFullscreenPath,
     setFullscreenPath,
     hasAnyFullscreen,
     allFullscreenPaths: fullscreenPaths
-  }, $[9] = fullscreenPaths, $[10] = getFullscreenPath, $[11] = hasAnyFullscreen, $[12] = setFullscreenPath, $[13] = t5) : t5 = $[13];
+  }, $[8] = fullscreenPaths, $[9] = getFullscreenPath, $[10] = hasAnyFullscreen, $[11] = setFullscreenPath, $[12] = t5) : t5 = $[12];
   const contextValue = t5;
   let t6;
-  return $[14] !== children || $[15] !== contextValue ? (t6 = /* @__PURE__ */ jsx(FullscreenPTEContext.Provider, { value: contextValue, children }), $[14] = children, $[15] = contextValue, $[16] = t6) : t6 = $[16], t6;
+  return $[13] !== children || $[14] !== contextValue ? (t6 = /* @__PURE__ */ jsx(FullscreenPTEContext.Provider, { value: contextValue, children }), $[13] = children, $[14] = contextValue, $[15] = t6) : t6 = $[15], t6;
 }
 function useFullscreenPTE() {
   return useContext(FullscreenPTEContext);
@@ -67949,7 +67959,7 @@ const VideoField = (props2) => props2.renderDefault({
   version: 1,
   description: "User confirmed that they want the Studio document unlinked"
 }), CanvasOpened = defineEvent({
-  name: "Canvas Opened from studio",
+  name: "Canvas Opened",
   version: 1,
   description: 'User clicked "Edit in Canvas"'
 }), getDiffTypesCount = (diffs) => diffs.reduce((acc, diff) => (acc[diff.type] = (acc[diff.type] || 0) + 1, acc), {});
@@ -67969,7 +67979,8 @@ function useCanvasTelemetry() {
     unlinkCtaClicked: () => telemetry.log(CanvasUnlinkCtaClicked),
     unlinkApproved: () => telemetry.log(CanvasUnlinkApproved),
     canvasOpened: (origin_0) => telemetry.log(CanvasOpened, {
-      origin: origin_0
+      origin: origin_0,
+      source: "studio"
     })
   }, $[0] = telemetry, $[1] = t0) : t0 = $[1], t0;
 }
@@ -78965,7 +78976,7 @@ function MentionUserMenuItem(props2) {
   let t8;
   return $[16] !== handleSelect || $[17] !== pressed || $[18] !== t1 || $[19] !== t7 ? (t8 = /* @__PURE__ */ jsx(MenuItem$1, { onClick: handleSelect, padding: 1, disabled: t1, pressed, children: t7 }), $[16] = handleSelect, $[17] = pressed, $[18] = t1, $[19] = t7, $[20] = t8) : t8 = $[20], t8;
 }
-const StyledMenu$5 = styled(Menu).withConfig({
+const StyledMenu$6 = styled(Menu).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-195clky-0"
 })`width:308px;border-radius:3px;`, IGNORED_KEYS = ["Control", "Shift", "Alt", "Enter", "Home", "End", "PageUp", "PageDown", "Meta", "Tab", "CapsLock"], NO_ASSIGNEE_OPTION = {
@@ -79056,7 +79067,7 @@ function AssigneeSelectionMenu(props2) {
     value
   } = props2;
   let t0;
-  $[0] !== onSelect || $[1] !== value ? (t0 = /* @__PURE__ */ jsx(StyledMenu$5, { children: /* @__PURE__ */ jsx(MentionsMenu, { onSelect, value }) }), $[0] = onSelect, $[1] = value, $[2] = t0) : t0 = $[2];
+  $[0] !== onSelect || $[1] !== value ? (t0 = /* @__PURE__ */ jsx(StyledMenu$6, { children: /* @__PURE__ */ jsx(MentionsMenu, { onSelect, value }) }), $[0] = onSelect, $[1] = value, $[2] = t0) : t0 = $[2];
   let t1;
   $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
     placement: "bottom",
@@ -81012,7 +81023,7 @@ const MENU_BUTTON_POPOVER_PROPS = {
   fallbackPlacements: ["bottom-end"],
   placement: "bottom-end",
   portal: !0
-}, StyledMenu$4 = styled(Menu).withConfig({
+}, StyledMenu$5 = styled(Menu).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1p0npqq-0"
 })`width:220px;`;
@@ -81060,7 +81071,7 @@ function TasksHeaderDraftsMenu() {
   $[2] !== t ? (t1 = t("buttons.draft.text"), $[2] = t, $[3] = t1) : t1 = $[3];
   let t2;
   $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(Button, { text: t1, mode: "ghost", iconRight: ChevronDownIcon }), $[4] = t1, $[5] = t2) : t2 = $[5];
-  const t3 = "edit-task-menu", T1 = StyledMenu$4;
+  const t3 = "edit-task-menu", T1 = StyledMenu$5;
   let t4;
   $[6] !== t ? (t4 = t("panel.drafts.title"), $[6] = t, $[7] = t4) : t4 = $[7];
   let t5;
@@ -82333,7 +82344,7 @@ const ToolLink = forwardRef(function(props2, ref) {
   height: 4,
   borderRadius: 3,
   boxShadow: "0 0 0 1px var(--card-bg-color)"
-}), OversizedButton$2 = styled(ToolLink).withConfig({
+}), OversizedButton$4 = styled(ToolLink).withConfig({
   displayName: "OversizedButton",
   componentId: "sc-1wfug2b-1"
 })`${oversizedButtonStyle}`;
@@ -82355,17 +82366,13 @@ function ReleasesToolLink() {
     backgroundColor: "var(--card-badge-critical-dot-color)"
   } }), $[4] = hasError, $[5] = t3) : t3 = $[5];
   let t4;
-  $[6] !== t1 || $[7] !== t2 || $[8] !== t3 ? (t4 = /* @__PURE__ */ jsx(Button$1, { as: OversizedButton$2, name: SCHEDULES_TOOL_NAME, "data-as": "a", icon: t1, mode: "bleed", padding: 2, radius: "full", "data-testid": "releases-tool-link", selected: t2, children: t3 }), $[6] = t1, $[7] = t2, $[8] = t3, $[9] = t4) : t4 = $[9];
+  $[6] !== t1 || $[7] !== t2 || $[8] !== t3 ? (t4 = /* @__PURE__ */ jsx(Button$1, { as: OversizedButton$4, name: SCHEDULES_TOOL_NAME, "data-as": "a", icon: t1, mode: "bleed", padding: 2, radius: "full", "data-testid": "releases-tool-link", selected: t2, children: t3 }), $[6] = t1, $[7] = t2, $[8] = t3, $[9] = t4) : t4 = $[9];
   let t5;
   return $[10] !== t0 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(Tooltip, { content: t0, children: t4 }), $[10] = t0, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 }
 function _temp$G(routerState) {
   return typeof routerState.tool == "string" ? routerState.tool : void 0;
 }
-const OversizedButton$1 = styled(IntentLink).withConfig({
-  displayName: "OversizedButton",
-  componentId: "sc-1pt35p9-0"
-})`${oversizedButtonStyle}`;
 function AnimatedTextWidth(t0) {
   const $ = c(18), {
     children,
@@ -82418,7 +82425,10 @@ function AnimatedTextWidth(t0) {
   let t13;
   return $[14] !== t12 || $[15] !== t7 || $[16] !== t9 ? (t13 = /* @__PURE__ */ jsx(motion.div, { style: t7, animate: t9, transition: t10, onAnimationStart, onAnimationComplete, children: t12 }), $[14] = t12, $[15] = t7, $[16] = t9, $[17] = t13) : t13 = $[17], t13;
 }
-const ReleasesLink = (t0) => {
+const OversizedButton$3 = styled(IntentLink).withConfig({
+  displayName: "OversizedButton",
+  componentId: "sc-1pt35p9-0"
+})`${oversizedButtonStyle}`, ReleasesLink = (t0) => {
   const $ = c(10), {
     selectedPerspective
   } = t0, {
@@ -82430,7 +82440,7 @@ const ReleasesLink = (t0) => {
       children,
       ...intentProps
     } = t22;
-    return /* @__PURE__ */ jsx(OversizedButton$1, { ...intentProps, ref: linkRef, intent: RELEASES_INTENT, params: {
+    return /* @__PURE__ */ jsx(OversizedButton$3, { ...intentProps, ref: linkRef, intent: RELEASES_INTENT, params: {
       id: getReleaseIdFromReleaseDocumentId(selectedPerspective._id)
     }, children });
   }), $[0] = selectedPerspective._id, $[1] = t1) : t1 = $[1];
@@ -83083,10 +83093,10 @@ const useScrollIndicatorVisibility = () => {
     setScrollContainer,
     scrollElementRef
   }, $[5] = isRangeVisible, $[6] = t5) : t5 = $[6], t5;
-}, StyledMenu$3 = styled(Menu).withConfig({
+}, StyledMenu$4 = styled(Menu).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-3ke5c8-0"
-})`min-width:200px;max-width:320px;> [data-ui='Stack']{gap:0;}`, OversizedButton = styled(Button$1).withConfig({
+})`min-width:200px;max-width:320px;> [data-ui='Stack']{gap:0;}`, OversizedButton$2 = styled(Button$1).withConfig({
   displayName: "OversizedButton",
   componentId: "sc-3ke5c8-1"
 })`${oversizedButtonStyle}`;
@@ -83119,9 +83129,9 @@ function GlobalPerspectiveMenu(t0) {
   }, $[3] = t3) : t3 = $[3];
   const handleClose = t3;
   let t4;
-  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsx(OversizedButton, { "data-testid": "global-perspective-menu-button", iconRight: ChevronDownIcon, mode: "bleed", padding: 2, radius: "full" }), $[4] = t4) : t4 = $[4];
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsx(OversizedButton$2, { "data-testid": "global-perspective-menu-button", iconRight: ChevronDownIcon, mode: "bleed", padding: 2, radius: "full" }), $[4] = t4) : t4 = $[4];
   let t5;
-  $[5] !== areReleasesEnabled || $[6] !== handleOpenBundleDialog || $[7] !== isRangeVisible || $[8] !== menuItemProps || $[9] !== scrollElementRef || $[10] !== selectedPerspectiveName || $[11] !== setScrollContainer ? (t5 = /* @__PURE__ */ jsx(StyledMenu$3, { "data-testid": "release-menu", ref: styledMenuRef, padding: 0, children: /* @__PURE__ */ jsx(ReleasesList, { areReleasesEnabled, setScrollContainer, isRangeVisible, scrollElementRef, selectedPerspectiveName, handleOpenBundleDialog, menuItemProps }) }), $[5] = areReleasesEnabled, $[6] = handleOpenBundleDialog, $[7] = isRangeVisible, $[8] = menuItemProps, $[9] = scrollElementRef, $[10] = selectedPerspectiveName, $[11] = setScrollContainer, $[12] = t5) : t5 = $[12];
+  $[5] !== areReleasesEnabled || $[6] !== handleOpenBundleDialog || $[7] !== isRangeVisible || $[8] !== menuItemProps || $[9] !== scrollElementRef || $[10] !== selectedPerspectiveName || $[11] !== setScrollContainer ? (t5 = /* @__PURE__ */ jsx(StyledMenu$4, { "data-testid": "release-menu", ref: styledMenuRef, padding: 0, children: /* @__PURE__ */ jsx(ReleasesList, { areReleasesEnabled, setScrollContainer, isRangeVisible, scrollElementRef, selectedPerspectiveName, handleOpenBundleDialog, menuItemProps }) }), $[5] = areReleasesEnabled, $[6] = handleOpenBundleDialog, $[7] = isRangeVisible, $[8] = menuItemProps, $[9] = scrollElementRef, $[10] = selectedPerspectiveName, $[11] = setScrollContainer, $[12] = t5) : t5 = $[12];
   let t6;
   $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = [0, 0, 32, 0], $[13] = t6) : t6 = $[13];
   let t7;
@@ -83176,49 +83186,276 @@ const ReleasesNavContainer = styled(Card).withConfig({
     t3,
     t5
   ] }), $[9] = border, $[10] = t2, $[11] = t3, $[12] = t5, $[13] = t6) : t6 = $[13], t6;
-}, ReleaseNavContainer = styled(Card).withConfig({
-  displayName: "ReleaseNavContainer",
+}, RhombusIcon = forwardRef(function(props2, ref) {
+  const $ = c(4);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("path", { d: "M10.5 3.78L17.22 10.5L10.5 17.22L3.78 10.5L10.5 3.78Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinejoin: "round" }), $[0] = t0) : t0 = $[0];
+  let t1;
+  return $[1] !== props2 || $[2] !== ref ? (t1 = /* @__PURE__ */ jsx("svg", { "data-sanity-icon": "rhombus", width: "1em", height: "1em", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props2, ref, children: t0 }), $[1] = props2, $[2] = ref, $[3] = t1) : t1 = $[3], t1;
+}), OversizedButton$1 = styled(IntentLink).withConfig({
+  displayName: "OversizedButton",
+  componentId: "sc-1ima4yx-0"
+})`${oversizedButtonStyle}`;
+function VariantDetailLink(t0) {
+  const $ = c(10), {
+    variant
+  } = t0;
+  let t1;
+  $[0] !== variant._id ? (t1 = getVariantId(variant._id), $[0] = variant._id, $[1] = t1) : t1 = $[1];
+  const encodedVariantId = t1;
+  let t2;
+  $[2] !== encodedVariantId ? (t2 = forwardRef(function(linkProps, ref) {
+    return /* @__PURE__ */ jsx(OversizedButton$1, { ...linkProps, ref, intent: VARIANTS_INTENT, params: {
+      id: encodedVariantId
+    } });
+  }), $[2] = encodedVariantId, $[3] = t2) : t2 = $[3];
+  const VariantLink = t2;
+  let t3;
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = {
+    maxWidth: "180px"
+  }, $[4] = t3) : t3 = $[4];
+  let t4;
+  $[5] !== variant ? (t4 = getVariantTitle(variant), $[5] = variant, $[6] = t4) : t4 = $[6];
+  let t5;
+  return $[7] !== VariantLink || $[8] !== t4 ? (t5 = /* @__PURE__ */ jsx(Button$1, { as: VariantLink, "data-as": "a", "data-testid": "variants-nav-label-link", icon: RhombusIcon, mode: "bleed", padding: 2, radius: "full", style: t3, text: t4 }), $[7] = VariantLink, $[8] = t4, $[9] = t5) : t5 = $[9], t5;
+}
+function CurrentVariantLabel(t0) {
+  const $ = c(6), {
+    selectedVariant
+  } = t0, {
+    t
+  } = useTranslation(variantsLocaleNamespace), animationKey = selectedVariant?._id ?? "default";
+  let t1;
+  $[0] !== selectedVariant || $[1] !== t ? (t1 = selectedVariant ? /* @__PURE__ */ jsx(VariantDetailLink, { variant: selectedVariant }) : /* @__PURE__ */ jsx(Box, { padding: 2, style: {
+    userSelect: "none",
+    overflow: "hidden"
+  }, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+    /* @__PURE__ */ jsx(Text$1, { size: 0, children: /* @__PURE__ */ jsx(RhombusIcon, {}) }),
+    /* @__PURE__ */ jsx(Text$1, { "data-testid": "variants-nav-label", size: 1, textOverflow: "ellipsis", weight: "medium", children: t("navbar.variant.default") })
+  ] }) }), $[0] = selectedVariant, $[1] = t, $[2] = t1) : t1 = $[2];
+  let t2;
+  return $[3] !== animationKey || $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(AnimatedTextWidth, { text: animationKey, children: t1 }), $[3] = animationKey, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
+}
+const StyledMenu$3 = styled(Menu).withConfig({
+  displayName: "StyledMenu",
+  componentId: "sc-1cdn8fr-0"
+})`min-width:240px;max-width:320px;> [data-ui='Stack']{gap:0;}`, SectionHeader = styled(Text$1).withConfig({
+  displayName: "SectionHeader",
+  componentId: "sc-1cdn8fr-1"
+})`text-transform:uppercase;letter-spacing:0.04em;`, OversizedButton = styled(Button$1).withConfig({
+  displayName: "OversizedButton",
+  componentId: "sc-1cdn8fr-2"
+})`${oversizedButtonStyle}`;
+function VariantsMenu() {
+  const $ = c(44), {
+    t
+  } = useTranslation(variantsLocaleNamespace), router = useRouter(), {
+    data: variants2
+  } = useAllVariants(), [filterQuery, setFilterQuery] = useState(""), t0 = router.stickyParams.variant ?? void 0;
+  let t1;
+  $[0] !== t0 ? (t1 = decodeVariantIdFromRoute(t0), $[0] = t0, $[1] = t1) : t1 = $[1];
+  const selectedVariantDocumentId = t1;
+  let t2;
+  $[2] !== selectedVariantDocumentId || $[3] !== variants2 ? (t2 = selectedVariantDocumentId ? variants2.find((variant) => variant._id === selectedVariantDocumentId) : void 0, $[2] = selectedVariantDocumentId, $[3] = variants2, $[4] = t2) : t2 = $[4];
+  const selectedVariant = t2;
+  let t3;
+  $[5] !== filterQuery || $[6] !== variants2 ? (t3 = filterVariantsForSearch(variants2, filterQuery), $[5] = filterQuery, $[6] = variants2, $[7] = t3) : t3 = $[7];
+  const filteredVariants = t3;
+  let t4;
+  $[8] !== router ? (t4 = (variant_0) => {
+    router.navigate({
+      stickyParams: {
+        variant: variant_0 ? getVariantId(variant_0._id) : null
+      }
+    });
+  }, $[8] = router, $[9] = t4) : t4 = $[9];
+  const setVariantSelection = t4;
+  let t5;
+  $[10] !== setVariantSelection ? (t5 = () => {
+    setVariantSelection(void 0), setFilterQuery("");
+  }, $[10] = setVariantSelection, $[11] = t5) : t5 = $[11];
+  const handleSelectDefault = t5;
+  let t6;
+  $[12] !== setVariantSelection ? (t6 = (variant_1) => {
+    setVariantSelection(variant_1), setFilterQuery("");
+  }, $[12] = setVariantSelection, $[13] = t6) : t6 = $[13];
+  const handleSelectVariant = t6;
+  let t7;
+  $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = (event) => {
+    setFilterQuery(event.currentTarget.value);
+  }, $[14] = t7) : t7 = $[14];
+  const handleFilterChange = t7;
+  let t8;
+  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = () => {
+    setFilterQuery("");
+  }, $[15] = t8) : t8 = $[15];
+  const handleMenuClose = t8, isDefaultSelected = !selectedVariant;
+  let t9;
+  $[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx(OversizedButton, { "data-testid": "variants-nav-menu-button", iconRight: ChevronDownIcon, mode: "bleed", padding: 2, radius: "full" }), $[16] = t9) : t9 = $[16];
+  let t10;
+  $[17] !== t ? (t10 = t("navbar.variant.filter-placeholder"), $[17] = t, $[18] = t10) : t10 = $[18];
+  let t11;
+  $[19] !== filterQuery || $[20] !== t10 ? (t11 = /* @__PURE__ */ jsx(Box, { padding: 2, children: /* @__PURE__ */ jsx(TextInput$1, { fontSize: 1, onChange: handleFilterChange, placeholder: t10, radius: 2, value: filterQuery }) }), $[19] = filterQuery, $[20] = t10, $[21] = t11) : t11 = $[21];
+  let t12;
+  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(MenuDivider, {}), $[22] = t12) : t12 = $[22];
+  let t13;
+  $[23] !== t ? (t13 = t("navbar.variant.default"), $[23] = t, $[24] = t13) : t13 = $[24];
+  let t14;
+  $[25] !== handleSelectDefault || $[26] !== isDefaultSelected || $[27] !== t13 ? (t14 = /* @__PURE__ */ jsx(MenuItem, { "data-testid": "variant-default", icon: RhombusIcon, onClick: handleSelectDefault, pressed: isDefaultSelected, selected: isDefaultSelected, text: t13 }), $[25] = handleSelectDefault, $[26] = isDefaultSelected, $[27] = t13, $[28] = t14) : t14 = $[28];
+  let t15;
+  $[29] !== filteredVariants || $[30] !== handleSelectVariant || $[31] !== selectedVariant?._id || $[32] !== t ? (t15 = filteredVariants.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Box, { padding: 3, paddingBottom: 2, children: /* @__PURE__ */ jsx(SectionHeader, { muted: !0, size: 0, weight: "medium", children: t("navbar.variant.other") }) }),
+    filteredVariants.map((variant_2) => {
+      const isSelected = selectedVariant?._id === variant_2._id;
+      return /* @__PURE__ */ jsx(MenuItem, { "data-testid": `variant-${getVariantId(variant_2._id)}`, icon: RhombusIcon, onClick: () => handleSelectVariant(variant_2), pressed: isSelected, selected: isSelected, text: getVariantTitle(variant_2) }, variant_2._id);
+    })
+  ] }), $[29] = filteredVariants, $[30] = handleSelectVariant, $[31] = selectedVariant?._id, $[32] = t, $[33] = t15) : t15 = $[33];
+  let t16;
+  $[34] !== t11 || $[35] !== t14 || $[36] !== t15 ? (t16 = /* @__PURE__ */ jsxs(StyledMenu$3, { "data-testid": "variants-nav-menu", padding: 0, children: [
+    t11,
+    t12,
+    t14,
+    t15
+  ] }), $[34] = t11, $[35] = t14, $[36] = t15, $[37] = t16) : t16 = $[37];
+  let t17;
+  $[38] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t17 = [0, 0, 32, 0], $[38] = t17) : t17 = $[38];
+  let t18;
+  $[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t18 = ["bottom-end"], $[39] = t18) : t18 = $[39];
+  let t19;
+  $[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t19 = {
+    overflow: "hidden"
+  }, $[40] = t19) : t19 = $[40];
+  let t20;
+  $[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t20 = {
+    __unstable_margins: t17,
+    constrainSize: !0,
+    fallbackPlacements: t18,
+    placement: "bottom-end",
+    portal: !0,
+    style: t19,
+    tone: "default",
+    zOffset: 3e3
+  }, $[41] = t20) : t20 = $[41];
+  let t21;
+  return $[42] !== t16 ? (t21 = /* @__PURE__ */ jsx(MenuButton, { button: t9, id: "variants-nav-menu", onClose: handleMenuClose, menu: t16, popover: t20 }), $[42] = t16, $[43] = t21) : t21 = $[43], t21;
+}
+const VariantsNavContainer = styled(Card).withConfig({
+  displayName: "VariantsNavContainer",
+  componentId: "sc-1bbf04-0"
+})`position:relative;display:flex;&:not([hidden]){display:flex;}align-items:center;gap:2px;padding:2px;margin:-3px 0;a:hover,button:hover{position:relative;z-index:2;}`;
+function VariantsNav() {
+  const $ = c(8), router = useRouter(), {
+    byId
+  } = useAllVariants();
+  let t0;
+  if ($[0] !== byId || $[1] !== router.stickyParams.variant) {
+    const selectedVariantDocumentId = decodeVariantIdFromRoute(router.stickyParams.variant ?? void 0);
+    t0 = selectedVariantDocumentId ? byId.get(selectedVariantDocumentId) : void 0, $[0] = byId, $[1] = router.stickyParams.variant, $[2] = t0;
+  } else
+    t0 = $[2];
+  const selectedVariant = t0;
+  let t1;
+  $[3] !== selectedVariant ? (t1 = /* @__PURE__ */ jsx(CurrentVariantLabel, { selectedVariant }), $[3] = selectedVariant, $[4] = t1) : t1 = $[4];
+  let t2;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(VariantsMenu, {}), $[5] = t2) : t2 = $[5];
+  let t3;
+  return $[6] !== t1 ? (t3 = /* @__PURE__ */ jsxs(VariantsNavContainer, { flex: "none", tone: "inherit", radius: "full", "data-ui": "VariantsNav", children: [
+    t1,
+    t2
+  ] }), $[6] = t1, $[7] = t3) : t3 = $[7], t3;
+}
+const NavRowContainer = styled(Card).withConfig({
+  displayName: "NavRowContainer",
   componentId: "sc-t5zhvx-0"
-})`[data-ui='ReleasesNav']{margin:0;}`;
+})`[data-ui='ReleasesNav'],[data-ui='VariantsNav']{margin:0;}`;
 function VariantsStudioNavbar(props2) {
-  const $ = c(24), {
+  const $ = c(46), {
     t
   } = useTranslation(variantsLocaleNamespace), {
     selectedPerspective
-  } = usePerspective();
+  } = usePerspective(), router = useRouter(), hasVariantSelection = !!router.stickyParams.variant;
   let t0;
-  $[0] !== props2 ? (t0 = props2.renderDefault(props2), $[0] = props2, $[1] = t0) : t0 = $[1];
+  $[0] !== selectedPerspective ? (t0 = !isDraftPerspective(selectedPerspective) && !isPublishedPerspective(selectedPerspective), $[0] = selectedPerspective, $[1] = t0) : t0 = $[1];
+  const canClear = hasVariantSelection || t0;
   let t1;
-  $[2] !== t ? (t1 = t("navbar.view-as"), $[2] = t, $[3] = t1) : t1 = $[3];
+  $[2] !== router ? (t1 = () => {
+    router.navigate({
+      stickyParams: {
+        excludedPerspectives: null,
+        perspective: "",
+        variant: null
+      }
+    });
+  }, $[2] = router, $[3] = t1) : t1 = $[3];
+  const handleClearViewAs = t1;
   let t2;
-  $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(Text$1, { weight: "medium", size: 1, children: t1 }), $[4] = t1, $[5] = t2) : t2 = $[5];
+  $[4] !== props2 ? (t2 = props2.renderDefault(props2), $[4] = props2, $[5] = t2) : t2 = $[5];
   let t3;
-  $[6] !== selectedPerspective ? (t3 = getReleaseTone(selectedPerspective), $[6] = selectedPerspective, $[7] = t3) : t3 = $[7];
+  $[6] !== t ? (t3 = t("navbar.view-as"), $[6] = t, $[7] = t3) : t3 = $[7];
   let t4;
-  $[8] !== t ? (t4 = t("navbar.version"), $[8] = t, $[9] = t4) : t4 = $[9];
+  $[8] !== t3 ? (t4 = /* @__PURE__ */ jsx(Text$1, { weight: "medium", size: 1, children: t3 }), $[8] = t3, $[9] = t4) : t4 = $[9];
   let t5;
-  $[10] !== t4 ? (t5 = /* @__PURE__ */ jsx(Card, { borderRight: !0, tone: "inherit", children: /* @__PURE__ */ jsx(Flex, { align: "center", paddingX: 2, height: "fill", children: /* @__PURE__ */ jsx(Text$1, { size: 1, children: t4 }) }) }), $[10] = t4, $[11] = t5) : t5 = $[11];
+  $[10] !== selectedPerspective ? (t5 = getReleaseTone(selectedPerspective), $[10] = selectedPerspective, $[11] = t5) : t5 = $[11];
   let t6;
-  $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = /* @__PURE__ */ jsx(ReleasesNav, { withReleasesToolButton: !0, border: !1 }), $[12] = t6) : t6 = $[12];
+  $[12] !== t ? (t6 = t("navbar.version"), $[12] = t, $[13] = t6) : t6 = $[13];
   let t7;
-  $[13] !== t5 ? (t7 = /* @__PURE__ */ jsxs(Flex, { marginLeft: 1, children: [
-    t5,
-    t6
-  ] }), $[13] = t5, $[14] = t7) : t7 = $[14];
+  $[14] !== t6 ? (t7 = /* @__PURE__ */ jsx(Card, { borderRight: !0, tone: "inherit", children: /* @__PURE__ */ jsx(Flex, { align: "center", paddingX: 2, height: "fill", children: /* @__PURE__ */ jsx(Text$1, { size: 1, children: t6 }) }) }), $[14] = t6, $[15] = t7) : t7 = $[15];
   let t8;
-  $[15] !== t3 || $[16] !== t7 ? (t8 = /* @__PURE__ */ jsx(ReleaseNavContainer, { tone: t3, border: !0, radius: 4, paddingLeft: 1, children: t7 }), $[15] = t3, $[16] = t7, $[17] = t8) : t8 = $[17];
+  $[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(ReleasesNav, { withReleasesToolButton: !0, border: !1 }), $[16] = t8) : t8 = $[16];
   let t9;
-  $[18] !== t2 || $[19] !== t8 ? (t9 = /* @__PURE__ */ jsx(Card, { tone: "neutral", paddingY: 2, paddingX: 3, borderBottom: !0, children: /* @__PURE__ */ jsxs(Flex, { justify: "center", align: "center", gap: 2, children: [
-    t2,
+  $[17] !== t7 ? (t9 = /* @__PURE__ */ jsxs(Flex, { marginLeft: 1, children: [
+    t7,
     t8
-  ] }) }), $[18] = t2, $[19] = t8, $[20] = t9) : t9 = $[20];
+  ] }), $[17] = t7, $[18] = t9) : t9 = $[18];
   let t10;
-  return $[21] !== t0 || $[22] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-    t0,
-    t9
-  ] }), $[21] = t0, $[22] = t9, $[23] = t10) : t10 = $[23], t10;
+  $[19] !== t5 || $[20] !== t9 ? (t10 = /* @__PURE__ */ jsx(NavRowContainer, { tone: t5, border: !0, radius: 4, paddingLeft: 1, children: t9 }), $[19] = t5, $[20] = t9, $[21] = t10) : t10 = $[21];
+  const t11 = hasVariantSelection ? "suggest" : "default";
+  let t12;
+  $[22] !== t ? (t12 = t("navbar.variant"), $[22] = t, $[23] = t12) : t12 = $[23];
+  let t13;
+  $[24] !== t12 ? (t13 = /* @__PURE__ */ jsx(Card, { borderRight: !0, tone: "inherit", children: /* @__PURE__ */ jsx(Flex, { align: "center", paddingX: 2, height: "fill", children: /* @__PURE__ */ jsx(Text$1, { size: 1, children: t12 }) }) }), $[24] = t12, $[25] = t13) : t13 = $[25];
+  let t14;
+  $[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t14 = /* @__PURE__ */ jsx(VariantsNav, {}), $[26] = t14) : t14 = $[26];
+  let t15;
+  $[27] !== t13 ? (t15 = /* @__PURE__ */ jsxs(Flex, { marginLeft: 1, children: [
+    t13,
+    t14
+  ] }), $[27] = t13, $[28] = t15) : t15 = $[28];
+  let t16;
+  $[29] !== t11 || $[30] !== t15 ? (t16 = /* @__PURE__ */ jsx(NavRowContainer, { tone: t11, border: !0, radius: 4, paddingLeft: 1, children: t15 }), $[29] = t11, $[30] = t15, $[31] = t16) : t16 = $[31];
+  let t17;
+  $[32] !== canClear || $[33] !== handleClearViewAs || $[34] !== t ? (t17 = canClear && /* @__PURE__ */ jsx(motion.div, { animate: {
+    clipPath: "inset(0 0% 0 0%)",
+    opacity: 1
+  }, exit: {
+    clipPath: "inset(0 50% 0 50%)",
+    opacity: 0
+  }, initial: {
+    clipPath: "inset(0 50% 0 50%)",
+    opacity: 0
+  }, style: {
+    display: "flex"
+  }, transition: {
+    type: "spring",
+    bounce: 0,
+    duration: 0.3
+  }, children: /* @__PURE__ */ jsx(Button, { "data-testid": "view-as-clear-button", mode: "bleed", onClick: handleClearViewAs, text: t("navbar.clear") }) }, "view-as-clear-button"), $[32] = canClear, $[33] = handleClearViewAs, $[34] = t, $[35] = t17) : t17 = $[35];
+  let t18;
+  $[36] !== t17 ? (t18 = /* @__PURE__ */ jsx(AnimatePresence, { initial: !1, children: t17 }), $[36] = t17, $[37] = t18) : t18 = $[37];
+  let t19;
+  $[38] !== t10 || $[39] !== t16 || $[40] !== t18 || $[41] !== t4 ? (t19 = /* @__PURE__ */ jsx(Card, { tone: "neutral", paddingY: 2, paddingX: 3, borderBottom: !0, children: /* @__PURE__ */ jsxs(Flex, { justify: "center", align: "center", gap: 2, children: [
+    t4,
+    t10,
+    t16,
+    t18
+  ] }) }), $[38] = t10, $[39] = t16, $[40] = t18, $[41] = t4, $[42] = t19) : t19 = $[42];
+  let t20;
+  return $[43] !== t19 || $[44] !== t2 ? (t20 = /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+    t2,
+    t19
+  ] }), $[43] = t19, $[44] = t2, $[45] = t20) : t20 = $[45], t20;
 }
-const VARIANTS_NAME = "sanity/variants", VARIANTS_TOOL_NAME = "variants", variants = definePlugin({
+const VARIANTS_NAME = "sanity/variants", VARIANTS_INTENT = "variant", VARIANTS_TOOL_NAME = "variants", variants = definePlugin({
   name: VARIANTS_NAME,
   studio: {
     components: {
@@ -83230,7 +83467,13 @@ const VARIANTS_NAME = "sanity/variants", VARIANTS_TOOL_NAME = "variants", varian
     title: "Variants",
     component: VariantsTool,
     router: route.create("/", [route.create("/:variantId")]),
-    __internalApplicationType: VARIANTS_NAME
+    __internalApplicationType: VARIANTS_NAME,
+    canHandleIntent: (intent) => intent === VARIANTS_INTENT,
+    getIntentState(intent, params) {
+      return intent === VARIANTS_INTENT ? {
+        variantId: params.id
+      } : null;
+    }
   }],
   i18n: {
     bundles: [variantsUsEnglishLocaleBundle]