@atlaskit/renderer 132.7.0 → 133.1.0

package/dist/es2019/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -0,0 +1,123 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { injectIntl } from 'react-intl';
+import DownloadIcon from '@atlaskit/icon/core/download';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { IconButton } from '@atlaskit/button/new';
+import Tooltip from '@atlaskit/tooltip';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
+import AnalyticsContext from '../../../../analytics/analyticsContext';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
+/**
+ * NOTE: The language-to-extension mapping logic below is intentionally duplicated in
+ * platform/packages/ai-mate/conversation-assistant-utils/src/downloadCodeBlock.ts.
+ * This is because @atlaskit/renderer cannot import from @atlassian/conversation-assistant-utils
+ * (cross-package dependency not allowed). If you update the logic here, update it there too.
+ *
+ * Maps ADF code block language names to file extensions.
+ * Inlined here to avoid cross-package dependencies on ai-mate packages.
+ */
+const languageToExtension = {
+  bash: 'sh',
+  c: 'c',
+  cpp: 'cpp',
+  css: 'css',
+  csv: 'csv',
+  go: 'go',
+  htm: 'html',
+  html: 'html',
+  java: 'java',
+  javascript: 'js',
+  js: 'js',
+  json: 'json',
+  jsx: 'jsx',
+  less: 'less',
+  markdown: 'md',
+  md: 'md',
+  python: 'py',
+  ruby: 'rb',
+  rust: 'rs',
+  scss: 'scss',
+  sh: 'sh',
+  shell: 'sh',
+  sql: 'sql',
+  ts: 'ts',
+  tsx: 'tsx',
+  typescript: 'ts',
+  xml: 'xml',
+  yaml: 'yaml',
+  yml: 'yaml'
+};
+const getFileExtension = language => {
+  var _languageToExtension$;
+  if (!language) {
+    return 'txt';
+  }
+  return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
+};
+const triggerDownload = (content, language) => {
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  if (typeof document === 'undefined') {
+    return;
+  }
+  const extension = getFileExtension(language);
+  const filename = `rovo-snippet.${extension}`;
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  const doc = document;
+  const blob = new Blob([content], {
+    type: 'text/plain'
+  });
+  const url = URL.createObjectURL(blob);
+  const anchor = doc.createElement('a');
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.style.display = 'none';
+  doc.body.appendChild(anchor);
+  anchor.dispatchEvent(new MouseEvent('click', {
+    bubbles: false,
+    cancelable: true,
+    view: window
+  }));
+  doc.body.removeChild(anchor);
+  // Defer revocation to avoid race condition in Safari/Firefox
+  setTimeout(() => URL.revokeObjectURL(url), 0);
+};
+const DownloadButton = ({
+  content,
+  language,
+  intl
+}) => {
+  const tooltip = intl.formatMessage(codeBlockButtonMessages.downloadCodeBlock);
+  return jsx(AnalyticsContext.Consumer, null, ({
+    fireAnalyticsEvent
+  }) => jsx("span", null, jsx(Tooltip, {
+    content: tooltip,
+    hideTooltipOnClick: false,
+    position: "top"
+  }, jsx("div", null, jsx(IconButton, {
+    appearance: "subtle",
+    label: tooltip,
+    icon: DownloadIcon
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
+    onClick: event => {
+      fireAnalyticsEvent({
+        // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+        // This error was introduced after upgrading to TypeScript 5
+        action: ACTION.CLICKED,
+        actionSubject: ACTION_SUBJECT.BUTTON,
+        actionSubjectId: ACTION_SUBJECT_ID.CODEBLOCK_DOWNLOAD,
+        eventType: EVENT_TYPE.UI
+      });
+      triggerDownload(content, language);
+      event.stopPropagation();
+    },
+    spacing: "compact"
+  })))));
+};
+const _default_1 = injectIntl(DownloadButton);
+export default _default_1;

package/dist/es2019/react/nodes/codeBlock/windowedCodeBlock.js

@@ -22,6 +22,7 @@ const WindowedCodeBlock = ({
   text,
   language,
   allowCopyToClipboard,
+  allowDownloadCodeBlock,
   allowWrapCodeBlock = false,
   codeBidiWarningTooltipEnabled,
   hideLineNumbers = false,
@@ -52,7 +53,9 @@ const WindowedCodeBlock = ({
     fallback: memoizedLightWeightCodeBlock
   }, jsx(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/es2019/react/nodes/layoutColumn-compiled.js

@@ -22,6 +22,8 @@ const multipleWrappedImagesStyle = null;
 const clearNextSiblingBlockMarkMarginTopStyle = null;
 export const LayoutSectionCompiled = props => {
   const isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  const isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -31,7 +33,7 @@ export const LayoutSectionCompiled = props => {
     style: {
       flexBasis: `${props.width}%`
     },
-    className: ax([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
+    className: ax([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
   }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
   }), props.children));

package/dist/es2019/react/nodes/layoutColumn-emotion.js

@@ -60,6 +60,8 @@ const clearNextSiblingBlockMarkMarginTopStyle = css({
 });
 export const LayoutSectionEmotion = props => {
   const isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  const isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return jsx("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -71,7 +73,7 @@ export const LayoutSectionEmotion = props => {
     },
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
-    isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
+    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
   }, jsx(WidthProvider, null, jsx("div", {
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

package/dist/es2019/react/utils/use-select-all-trap.js

@@ -2,6 +2,10 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import React from 'react';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { ElementSelection } from './element-selection';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const MAC_PLATFORM_REGEX = /Mac/;
 export const useSelectAllTrap = () => {
   const {
     fireAnalyticsEvent
@@ -9,10 +13,7 @@ export const useSelectAllTrap = () => {
   const ref = React.useRef(null);
   const clicked = React.useRef(false);
   const caught = React.useRef();
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  const mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
+  const mac = typeof navigator !== 'undefined' ? MAC_PLATFORM_REGEX.test(navigator.platform) : false;
   const onKeyDown = React.useCallback(e => {
     var _e$target, _e$target$matches;
     const el = ref.current;

package/dist/es2019/steps/index.js

@@ -1,6 +1,10 @@
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const MEDIA_OR_MEDIA_SINGLE_REGEX = /media|mediaSingle/;
 export function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
 }
@@ -224,10 +228,7 @@ export function getPosFromRange(range) {
   const possibleMediaOrMediaSingleElement = findParent(startContainer);
 
   // Video hover targets return media single, not media, thus, the extra check in condition.
-  const isMediaOrMediaSingle = possibleMediaOrMediaSingleElement &&
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  /media|mediaSingle/.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
+  const isMediaOrMediaSingle = possibleMediaOrMediaSingleElement && MEDIA_OR_MEDIA_SINGLE_REGEX.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
   if (isMediaOrMediaSingle) {
     let pos;
     const mediaSingleElement = getNodeType(possibleMediaOrMediaSingleElement) === 'mediaSingle' ? possibleMediaOrMediaSingleElement : findMediaParent(possibleMediaOrMediaSingleElement);

package/dist/es2019/ui/Renderer/ErrorBoundary.js

@@ -7,6 +7,10 @@ import { PLATFORM } from '../../analytics/events';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const FAILED_TO_EXECUTE_REGEX = /Failed to execute.*on 'Node'.*/;
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export class ErrorBoundary extends React.Component {
@@ -51,10 +55,7 @@ export class ErrorBoundary extends React.Component {
     logException(error, {
       location: 'renderer'
     });
-    // Ignored via go/ees005
-    // eslint-disable-next-line require-unicode-regexp
-    const pattern = /Failed to execute.*on 'Node'.*/;
-    const matchesPattern = pattern.test(error.message);
+    const matchesPattern = FAILED_TO_EXECUTE_REGEX.test(error.message);
     if (matchesPattern) {
       this.fireAnalyticsEvent({
         action: ACTION.CAUGHT_DOM_ERROR,

package/dist/es2019/ui/Renderer/index.js

@@ -58,7 +58,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "132.7.0";
+const packageVersion = "133.0.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -255,6 +255,7 @@ export const RendererFunctionalComponent = props => {
       extensionViewportSizes: props.extensionViewportSizes,
       getExtensionHeight: props.getExtensionHeight,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowAnnotations: props.allowAnnotations,
@@ -472,6 +473,7 @@ export const RendererFunctionalComponent = props => {
       allowNestedHeaderLinks: isNestedHeaderLinksEnabled(props.allowHeadingAnchorLinks),
       allowColumnSorting: props.allowColumnSorting,
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowCustomPanels: props.allowCustomPanels,
       allowPlaceholderText: props.allowPlaceholderText,
@@ -509,6 +511,7 @@ export const RendererFunctionalComponent = props => {
       appearance: props.appearance,
       contentMode: props.contentMode || 'standard',
       allowCopyToClipboard: props.allowCopyToClipboard,
+      allowDownloadCodeBlock: props.allowDownloadCodeBlock,
       allowWrapCodeBlock: props.allowWrapCodeBlock,
       allowPlaceholderText: props.allowPlaceholderText,
       allowColumnSorting: props.allowColumnSorting,

package/dist/es2019/ui/annotations/element/mark.js

@@ -94,10 +94,12 @@ const markStylesWithCommentsPanel = css({
     }
   }
 });
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+const MOBILE_USER_AGENT_REGEX = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
 const isMobile = () => {
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  return MOBILE_USER_AGENT_REGEX.test(navigator.userAgent);
 };
 const accessibilityStylesNew = css({
   '&::before, &::after': {

package/dist/esm/analytics/enums.js

@@ -51,6 +51,7 @@ export var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["HOVER_LABEL"] = "hoverLabel";
   ACTION_SUBJECT_ID["INLINE_COMMENT"] = "inlineComment";
   ACTION_SUBJECT_ID["CODEBLOCK_COPY"] = "codeBlockCopy";
+  ACTION_SUBJECT_ID["CODEBLOCK_DOWNLOAD"] = "codeBlockDownload";
   ACTION_SUBJECT_ID["CODEBLOCK_WRAP"] = "codeBlockWrap";
   return ACTION_SUBJECT_ID;
 }({});

package/dist/esm/react/index.js

@@ -52,6 +52,7 @@ var ReactSerializer = /*#__PURE__*/function () {
      */
     _defineProperty(this, "expandHeadingIds", []);
     _defineProperty(this, "allowCopyToClipboard", false);
+    _defineProperty(this, "allowDownloadCodeBlock", false);
     _defineProperty(this, "allowWrapCodeBlock", false);
     _defineProperty(this, "allowPlaceholderText", true);
     _defineProperty(this, "allowCustomPanels", false);
@@ -190,6 +191,7 @@ var ReactSerializer = /*#__PURE__*/function () {
     this.disableActions = init.disableActions;
     this.allowHeadingAnchorLinks = init.allowHeadingAnchorLinks;
     this.allowCopyToClipboard = init.allowCopyToClipboard;
+    this.allowDownloadCodeBlock = init.allowDownloadCodeBlock;
     this.allowWrapCodeBlock = init.allowWrapCodeBlock;
     this.allowPlaceholderText = init.allowPlaceholderText;
     this.allowCustomPanels = init.allowCustomPanels;
@@ -656,6 +658,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         content: node.content ? node.content.toJSON() : undefined,
         allowHeadingAnchorLinks: this.allowHeadingAnchorLinks,
         allowCopyToClipboard: this.allowCopyToClipboard,
+        allowDownloadCodeBlock: this.allowDownloadCodeBlock,
         allowWrapCodeBlock: this.allowWrapCodeBlock,
         allowPlaceholderText: this.allowPlaceholderText,
         rendererAppearance: this.appearance,

package/dist/esm/react/nodes/codeBlock/codeBlock.js

@@ -19,6 +19,8 @@ function CodeBlock(props) {
     allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
     _props$allowWrapCodeB = props.allowWrapCodeBlock,
     allowWrapCodeBlock = _props$allowWrapCodeB === void 0 ? false : _props$allowWrapCodeB,
+    _props$allowDownloadC = props.allowDownloadCodeBlock,
+    allowDownloadCodeBlock = _props$allowDownloadC === void 0 ? false : _props$allowDownloadC,
     codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled,
     _props$hideLineNumber = props.hideLineNumbers,
     hideLineNumbers = _props$hideLineNumber === void 0 ? false : _props$hideLineNumber,
@@ -34,7 +36,9 @@ function CodeBlock(props) {
     setWrapLongLines = _useState2[1];
   return jsx(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/esm/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -5,6 +5,7 @@
 /* eslint-disable @typescript-eslint/consistent-type-imports, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic */
 import { jsx, css } from '@emotion/react';
 import CopyButton from './codeBlockCopyButton';
+import DownloadButton from './codeBlockDownloadButton';
 import CodeWrapButton from './codeBlockWrapButton';
 var codeBlockButtonsWrapper = css({
   position: 'sticky',
@@ -47,7 +48,9 @@ var codeBlockButtonsStyle = css({
 });
 var CodeBlockButtonContainer = function CodeBlockButtonContainer(_ref) {
   var allowCopyToClipboard = _ref.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref.allowDownloadCodeBlock,
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
+    language = _ref.language,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
     wrapLongLines = _ref.wrapLongLines;
@@ -55,7 +58,10 @@ var CodeBlockButtonContainer = function CodeBlockButtonContainer(_ref) {
     css: codeBlockButtonsWrapper
   }, jsx("div", {
     css: codeBlockButtonsStyle
-  }, allowWrapCodeBlock && jsx(CodeWrapButton, {
+  }, allowDownloadCodeBlock && jsx(DownloadButton, {
+    content: text,
+    language: language !== null && language !== void 0 ? language : null
+  }), allowWrapCodeBlock && jsx(CodeWrapButton, {
     setWrapLongLines: setWrapLongLines,
     wrapLongLines: wrapLongLines
   }), allowCopyToClipboard && jsx(CopyButton, {

package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -40,9 +40,11 @@ var denseModeOverrides = css(_defineProperty({}, "".concat(CodeBlockSharedCssCla
 }));
 var CodeBlockContainer = function CodeBlockContainer(_ref) {
   var allowCopyToClipboard = _ref.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref.allowDownloadCodeBlock,
     allowWrapCodeBlock = _ref.allowWrapCodeBlock,
     children = _ref.children,
     className = _ref.className,
+    language = _ref.language,
     localId = _ref.localId,
     setWrapLongLines = _ref.setWrapLongLines,
     text = _ref.text,
@@ -54,7 +56,9 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     css: [codeBlockStyleOverrides, (expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp')) && denseModeOverrides]
   }, jsx(CodeBlockButtonContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
     allowWrapCodeBlock: allowWrapCodeBlock,
+    language: language,
     setWrapLongLines: setWrapLongLines,
     text: text,
     wrapLongLines: wrapLongLines

package/dist/esm/react/nodes/codeBlock/components/codeBlockDownloadButton.js

@@ -0,0 +1,125 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { injectIntl } from 'react-intl';
+import DownloadIcon from '@atlaskit/icon/core/download';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { IconButton } from '@atlaskit/button/new';
+import Tooltip from '@atlaskit/tooltip';
+import { codeBlockButtonMessages } from '@atlaskit/editor-common/messages';
+import AnalyticsContext from '../../../../analytics/analyticsContext';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../../../analytics/enums';
+/**
+ * NOTE: The language-to-extension mapping logic below is intentionally duplicated in
+ * platform/packages/ai-mate/conversation-assistant-utils/src/downloadCodeBlock.ts.
+ * This is because @atlaskit/renderer cannot import from @atlassian/conversation-assistant-utils
+ * (cross-package dependency not allowed). If you update the logic here, update it there too.
+ *
+ * Maps ADF code block language names to file extensions.
+ * Inlined here to avoid cross-package dependencies on ai-mate packages.
+ */
+var languageToExtension = {
+  bash: 'sh',
+  c: 'c',
+  cpp: 'cpp',
+  css: 'css',
+  csv: 'csv',
+  go: 'go',
+  htm: 'html',
+  html: 'html',
+  java: 'java',
+  javascript: 'js',
+  js: 'js',
+  json: 'json',
+  jsx: 'jsx',
+  less: 'less',
+  markdown: 'md',
+  md: 'md',
+  python: 'py',
+  ruby: 'rb',
+  rust: 'rs',
+  scss: 'scss',
+  sh: 'sh',
+  shell: 'sh',
+  sql: 'sql',
+  ts: 'ts',
+  tsx: 'tsx',
+  typescript: 'ts',
+  xml: 'xml',
+  yaml: 'yaml',
+  yml: 'yaml'
+};
+var getFileExtension = function getFileExtension(language) {
+  var _languageToExtension$;
+  if (!language) {
+    return 'txt';
+  }
+  return (_languageToExtension$ = languageToExtension[language.toLowerCase()]) !== null && _languageToExtension$ !== void 0 ? _languageToExtension$ : 'txt';
+};
+var triggerDownload = function triggerDownload(content, language) {
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  if (typeof document === 'undefined') {
+    return;
+  }
+  var extension = getFileExtension(language);
+  var filename = "rovo-snippet.".concat(extension);
+  // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage
+  var doc = document;
+  var blob = new Blob([content], {
+    type: 'text/plain'
+  });
+  var url = URL.createObjectURL(blob);
+  var anchor = doc.createElement('a');
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.style.display = 'none';
+  doc.body.appendChild(anchor);
+  anchor.dispatchEvent(new MouseEvent('click', {
+    bubbles: false,
+    cancelable: true,
+    view: window
+  }));
+  doc.body.removeChild(anchor);
+  // Defer revocation to avoid race condition in Safari/Firefox
+  setTimeout(function () {
+    return URL.revokeObjectURL(url);
+  }, 0);
+};
+var DownloadButton = function DownloadButton(_ref) {
+  var content = _ref.content,
+    language = _ref.language,
+    intl = _ref.intl;
+  var tooltip = intl.formatMessage(codeBlockButtonMessages.downloadCodeBlock);
+  return jsx(AnalyticsContext.Consumer, null, function (_ref2) {
+    var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
+    return jsx("span", null, jsx(Tooltip, {
+      content: tooltip,
+      hideTooltipOnClick: false,
+      position: "top"
+    }, jsx("div", null, jsx(IconButton, {
+      appearance: "subtle",
+      label: tooltip,
+      icon: DownloadIcon
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
+      onClick: function onClick(event) {
+        fireAnalyticsEvent({
+          // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.
+          // This error was introduced after upgrading to TypeScript 5
+          action: ACTION.CLICKED,
+          actionSubject: ACTION_SUBJECT.BUTTON,
+          actionSubjectId: ACTION_SUBJECT_ID.CODEBLOCK_DOWNLOAD,
+          eventType: EVENT_TYPE.UI
+        });
+        triggerDownload(content, language);
+        event.stopPropagation();
+      },
+      spacing: "compact"
+    }))));
+  });
+};
+var _default_1 = injectIntl(DownloadButton);
+export default _default_1;

package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js

@@ -41,6 +41,7 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var text = _ref2.text,
     language = _ref2.language,
     allowCopyToClipboard = _ref2.allowCopyToClipboard,
+    allowDownloadCodeBlock = _ref2.allowDownloadCodeBlock,
     _ref2$allowWrapCodeBl = _ref2.allowWrapCodeBlock,
     allowWrapCodeBlock = _ref2$allowWrapCodeBl === void 0 ? false : _ref2$allowWrapCodeBl,
     codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
@@ -75,7 +76,9 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     fallback: memoizedLightWeightCodeBlock
   }, jsx(CodeBlockContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
-    allowWrapCodeBlock: allowWrapCodeBlock
+    allowWrapCodeBlock: allowWrapCodeBlock,
+    allowDownloadCodeBlock: allowDownloadCodeBlock,
+    language: language
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className,

package/dist/esm/react/nodes/layoutColumn-compiled.js

@@ -22,6 +22,8 @@ var multipleWrappedImagesStyle = null;
 var clearNextSiblingBlockMarkMarginTopStyle = null;
 export var LayoutSectionCompiled = function LayoutSectionCompiled(props) {
   var isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return /*#__PURE__*/React.createElement("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -31,7 +33,7 @@ export var LayoutSectionCompiled = function LayoutSectionCompiled(props) {
     style: {
       flexBasis: "".concat(props.width, "%")
     },
-    className: ax([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
+    className: ax([(isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
   }, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
   }), props.children));

package/dist/esm/react/nodes/layoutColumn-emotion.js

@@ -51,6 +51,8 @@ var clearNextSiblingBlockMarkMarginTopStyle = css(_defineProperty({}, "+ .fabric
 }));
 export var LayoutSectionEmotion = function LayoutSectionEmotion(props) {
   var isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
+  // Pure rollout gate: no A/B exposure analysis is planned for this rendering switch.
+  var isLayoutColumnValignRenderingEnabled = expValEqualsNoExposure('platform_editor_layout_column_valign_rendering', 'isEnabled', true);
   return jsx("div", {
     "data-layout-column": true,
     "data-column-width": props.width,
@@ -62,7 +64,7 @@ export var LayoutSectionEmotion = function LayoutSectionEmotion(props) {
     },
     css: [
     // Keep separate: Compiled crashes on ternary/object lookup here.
-    isLayoutColumnMenuEnabled && props.valign === 'middle' && verticalAlignMiddleStyles, isLayoutColumnMenuEnabled && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
+    (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'middle' && verticalAlignMiddleStyles, (isLayoutColumnValignRenderingEnabled || isLayoutColumnMenuEnabled) && props.valign === 'bottom' && verticalAlignBottomStyles, fg('platform_editor_fix_media_in_renderer') && multipleWrappedImagesStyle]
   }, jsx(WidthProvider, null, jsx("div", {
     css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));

package/dist/esm/react/utils/use-select-all-trap.js

@@ -2,16 +2,17 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import React from 'react';
 import AnalyticsContext from '../../analytics/analyticsContext';
 import { ElementSelection } from './element-selection';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MAC_PLATFORM_REGEX = /Mac/;
 export var useSelectAllTrap = function useSelectAllTrap() {
   var _React$useContext = React.useContext(AnalyticsContext),
     fireAnalyticsEvent = _React$useContext.fireAnalyticsEvent;
   var ref = React.useRef(null);
   var clicked = React.useRef(false);
   var caught = React.useRef();
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  var mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;
+  var mac = typeof navigator !== 'undefined' ? MAC_PLATFORM_REGEX.test(navigator.platform) : false;
   var onKeyDown = React.useCallback(function (e) {
     var _e$target, _e$target$matches;
     var el = ref.current;

package/dist/esm/steps/index.js

@@ -1,6 +1,10 @@
 /* eslint-disable jsdoc/require-jsdoc -- internal step helpers */
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AddMarkStep } from '@atlaskit/editor-prosemirror/transform';
+
+// Ignored via go/ees005
+// eslint-disable-next-line require-unicode-regexp
+var MEDIA_OR_MEDIA_SINGLE_REGEX = /media|mediaSingle/;
 export function getStartPos(element) {
   return parseInt(element.dataset.rendererStartPos || '-1', 10);
 }
@@ -219,10 +223,7 @@ export function getPosFromRange(range) {
   var possibleMediaOrMediaSingleElement = findParent(startContainer);
 
   // Video hover targets return media single, not media, thus, the extra check in condition.
-  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement &&
-  // Ignored via go/ees005
-  // eslint-disable-next-line require-unicode-regexp
-  /media|mediaSingle/.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
+  var isMediaOrMediaSingle = possibleMediaOrMediaSingleElement && MEDIA_OR_MEDIA_SINGLE_REGEX.test(getNodeType(possibleMediaOrMediaSingleElement) || '');
   if (isMediaOrMediaSingle) {
     var pos;
     var mediaSingleElement = getNodeType(possibleMediaOrMediaSingleElement) === 'mediaSingle' ? possibleMediaOrMediaSingleElement : findMediaParent(possibleMediaOrMediaSingleElement);