@atlaskit/editor-core 221.12.2 → 221.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,30 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 221.13.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`895ac23f1a3be`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/895ac23f1a3be) -
8
+ Agent edit presence: surface agent-authored collaborative edits to other users.
9
+ - `collab-provider` detects agent-authored remote steps (`agentType`/`agentId`) and registers a
10
+ synthetic agent participant in the AI-provider (`agent:`) partition so the agent appears in
11
+ presence, with a 30s sliding inactivity window (CCI-18030). `editor-common` gains optional
12
+ `agentId`/`agentType` on the collab step types.
13
+ - `editor-plugin-collab-edit` + `editor-core` add the in-editor shimmer (CCI-18033): when an
14
+ agent-authored step lands, the top-level block(s) it touched are covered by a skeleton-loader
15
+ shimmer (grey skeleton with a moving highlight) with a Rovo agent telepointer/cursor — labelled
16
+ with the agent's type — at the end of the range, then removed on a timer to reveal the content.
17
+ Gated behind the default-OFF `platform_editor_agent_be_streaming` experiment; the `durationMs`
18
+ dynamic-config param controls how long the shimmer stays (0 disables it) and
19
+ `telepointerDisabled` hides the telepointer. `tmp-editor-statsig` registers the experiment.
20
+ - `ratcheting` excludes the new `agentShimmerStyles.ts` from the "No unsafe typography" rule (the
21
+ agent telepointer label mirrors the existing AI in-editor telepointer's sub-token 10px/9px
22
+ sizing, matching its already-excluded Compiled counterpart).
23
+
24
+ ### Patch Changes
25
+
26
+ - Updated dependencies
27
+
3
28
  ## 221.12.2
4
29
 
5
30
  ### Patch Changes
@@ -186,7 +186,7 @@
186
186
  .cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:#cacbcf}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:#d8a0f7}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:#8fb8f6}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:#fd9891}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:#fbc828}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:#b3df72}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
187
187
  .cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{border-color:#63666b}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{border-color:#803fa5}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{border-color:#1558bc}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{border-color:#ae2e24}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#9e4c00}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{border-color:#4c6b1f}
188
188
  .cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
189
- .cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
189
+ .cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
190
190
  .cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}
191
191
  .cc-gju5dz .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb);box-shadow:0 -4px 0 var(--ds-background-danger,#ffeceb),0 4px 0 var(--ds-background-danger,#ffeceb)}
192
192
  .cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-left){padding-left:var(--ds-space-025,2px);margin-left:var(--ds-space-negative-025,-2px)}.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-right){padding-right:var(--ds-space-025,2px);margin-right:var(--ds-space-negative-025,-2px)}
@@ -203,6 +203,7 @@
203
203
  @keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
204
204
  @keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
205
205
  @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
206
+ @keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
206
207
  @keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
207
208
  @property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
208
209
  @property --panel-gradient-angle{syntax:"<angle>";initial-value:270deg;inherits:false}
@@ -112,6 +112,9 @@ var pulseIn = null;
112
112
  var pulseOut = null;
113
113
  var pulseInDuringTr = null;
114
114
  var pulseOutDuringTr = null;
115
+
116
+ // Agent edit shimmer: skeleton-loader sweep across the agent-authored range.
117
+ var agentShimmer = null;
115
118
  var syncBlockCreationLoadingKeyframes = null;
116
119
 
117
120
  /**
@@ -343,6 +346,7 @@ var editorContentStyles = {
343
346
  statusStylesTeam26DarkMode: "cc-1wgbbuq",
344
347
  telepointerColorAndCommonStyle: "cc-1kvcl18",
345
348
  telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
349
+ agentShimmerStyles: "cc-134apo0",
346
350
  telepointerStyle: "cc-1uxxkh5",
347
351
  textColorStyles: "cc-aj20c0",
348
352
  textDangerStyles: "cc-gju5dz",
@@ -408,7 +412,7 @@ var EditorContentContainerCompiled = exports.EditorContentContainerCompiled = /*
408
412
  }) && editorContentStyles.listSelectedNodeStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true, {
409
413
  exposure: true
410
414
  }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, (0, _expValEquals.expValEquals)('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, (0, _expValEquals.expValEquals)('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
411
- editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
415
+ editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, (0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !(0, _expValEquals.expValEquals)('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? (0, _experiments.editorExperiment)('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, ((0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_controls', 'cohort', 'variant1') || (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('cc-maui-experiment', 'isEnabled', true) && (0, _expValEquals.expValEquals)('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, (0, _expValEquals.expValEquals)('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, (0, _platformFeatureFlags.fg)('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
412
416
  // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
413
417
  !useStandardNodeWidth && editorContentStyles.syncBlockStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && !(0, _platformFeatureFlags.fg)('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _experiments.editorExperiment)('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !(0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && (0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && !(0, _experiments.editorExperiment)('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, (0, _experiments.editorExperiment)('advanced_layouts', true) && (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, (0, _experiments.editorExperiment)('platform_editor_preview_panel_responsiveness', true) && ((0, _experiments.editorExperiment)('advanced_layouts', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && (0, _experiments.editorExperiment)('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && (0, _platformFeatureFlags.fg)('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, (0, _platformFeatureFlags.fg)('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, (0, _experiments.editorExperiment)('platform_editor_first_node_fix', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && (0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !(0, _expValEquals.expValEquals)('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, (0, _expValEquals.expValEquals)('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, (0, _expValEquals.expValEquals)('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, (0, _platformFeatureFlags.fg)('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, (0, _expValEquals.expValEquals)('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, (0, _experiments.editorExperiment)('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
414
418
  ref: ref,
@@ -17,6 +17,7 @@ var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equa
17
17
  var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
18
18
  var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
19
19
  var _getBaseFontSize = require("../../composable-editor/utils/getBaseFontSize");
20
+ var _agentShimmerStyles = require("./styles/agentShimmerStyles");
20
21
  var _aiPanel = require("./styles/aiPanel");
21
22
  var _annotationStyles = require("./styles/annotationStyles");
22
23
  var _backgroundColorStyles = require("./styles/backgroundColorStyles");
@@ -269,6 +270,8 @@ var EditorContentContainerEmotion = exports.EditorContentContainerEmotion = /*#_
269
270
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
270
271
  _telepointerStyles.telepointerColorAndCommonStyle,
271
272
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
273
+ _agentShimmerStyles.agentShimmerStyle,
274
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
272
275
  _gapCursorStyles.gapCursorStyles, (0, _experiments.editorExperiment)('platform_synced_block', true) &&
273
276
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
274
277
  _gapCursorStyles.gapCursorStylesVisibilityFix,
@@ -0,0 +1,88 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.agentShimmerStyle = void 0;
7
+ var _react = require("@emotion/react");
8
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
9
+ @repo/internal/deprecations/deprecation-ticket-required,
10
+ @atlaskit/ui-styling-standard/no-exported-styles */
11
+ /* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
12
+
13
+ // Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
14
+ // if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
15
+ // on (the collab plugin adds the decorations); dormant otherwise.
16
+ //
17
+ // @deprecated This style has been migrated to Compiled CSS, under experiment
18
+ // platform_editor_core_static_css. If you change this, also update the corresponding
19
+ // `agentShimmerStyles` block in
20
+ // packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
21
+
22
+ // Skeleton-loader sweep across the agent-authored range.
23
+ var agentShimmer = (0, _react.keyframes)({
24
+ from: {
25
+ backgroundPosition: '200% 0'
26
+ },
27
+ to: {
28
+ backgroundPosition: '-200% 0'
29
+ }
30
+ });
31
+
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
33
+ var agentShimmerStyle = exports.agentShimmerStyle = (0, _react.css)({
34
+ // Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
35
+ // highlight), plus a Rovo AI telepointer/cursor at the end of the range.
36
+ '.ProseMirror .collab-agent-shimmer': {
37
+ animationDuration: '1.25s',
38
+ animationIterationCount: 'infinite',
39
+ animationName: agentShimmer,
40
+ animationTimingFunction: 'linear',
41
+ backgroundColor: "var(--ds-skeleton, #0515240F)",
42
+ backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-skeleton, #0515240F)", " 0%, ", "var(--ds-skeleton-subtle, #17171708)", " 50%, ", "var(--ds-skeleton, #0515240F)", " 100%)"),
43
+ backgroundSize: '200% 100%',
44
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
45
+ boxDecorationBreak: 'clone',
46
+ color: 'transparent',
47
+ caretColor: 'transparent'
48
+ },
49
+ '.ProseMirror .ai-in-editor-telepointer': {
50
+ position: 'relative',
51
+ zIndex: 1,
52
+ '& > .ai-in-editor-telepointer-label': {
53
+ position: 'absolute',
54
+ boxSizing: 'border-box',
55
+ display: 'flex',
56
+ flexDirection: 'row',
57
+ justifyContent: 'center',
58
+ alignItems: 'center',
59
+ padding: "var(--ds-space-025, 2px)",
60
+ gap: "var(--ds-space-075, 6px)",
61
+ height: 16,
62
+ top: "var(--ds-space-0, 0px)",
63
+ left: "var(--ds-space-0, 0px)",
64
+ borderRadius: "0 ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0"),
65
+ border: "var(--ds-border-width, 1px)".concat(" solid transparent"),
66
+ background: "linear-gradient(".concat("var(--ds-text, #292A2E)", ", ", "var(--ds-text, #292A2E)", ") padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box"),
67
+ fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
68
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
69
+ // Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
70
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
71
+ fontSize: 10,
72
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
73
+ lineHeight: '9px',
74
+ textAlign: 'center',
75
+ whiteSpace: 'pre',
76
+ color: "var(--ds-text-inverse, #FFFFFF)"
77
+ },
78
+ '&::after': {
79
+ content: "''",
80
+ position: 'absolute',
81
+ width: 1,
82
+ height: 24,
83
+ top: "var(--ds-space-0, 0px)",
84
+ left: "var(--ds-space-0, 0px)",
85
+ background: "var(--ds-border-brand, #1868DB)"
86
+ }
87
+ }
88
+ });
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
8
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
9
- var version = exports.version = "221.12.1";
9
+ var version = exports.version = "221.12.2";
@@ -186,7 +186,7 @@
186
186
  .cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:#cacbcf}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:#d8a0f7}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:#8fb8f6}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:#fd9891}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:#fbc828}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:#b3df72}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
187
187
  .cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{border-color:#63666b}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{border-color:#803fa5}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{border-color:#1558bc}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{border-color:#ae2e24}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#9e4c00}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{border-color:#4c6b1f}
188
188
  .cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
189
- .cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
189
+ .cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
190
190
  .cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}
191
191
  .cc-gju5dz .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb);box-shadow:0 -4px 0 var(--ds-background-danger,#ffeceb),0 4px 0 var(--ds-background-danger,#ffeceb)}
192
192
  .cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-left){padding-left:var(--ds-space-025,2px);margin-left:var(--ds-space-negative-025,-2px)}.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-right){padding-right:var(--ds-space-025,2px);margin-right:var(--ds-space-negative-025,-2px)}
@@ -203,6 +203,7 @@
203
203
  @keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
204
204
  @keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
205
205
  @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
206
+ @keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
206
207
  @keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
207
208
  @property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
208
209
  @property --panel-gradient-angle{syntax:"<angle>";initial-value:270deg;inherits:false}
@@ -163,6 +163,9 @@ const pulseIn = null;
163
163
  const pulseOut = null;
164
164
  const pulseInDuringTr = null;
165
165
  const pulseOutDuringTr = null;
166
+
167
+ // Agent edit shimmer: skeleton-loader sweep across the agent-authored range.
168
+ const agentShimmer = null;
166
169
  const syncBlockCreationLoadingKeyframes = null;
167
170
 
168
171
  /**
@@ -394,6 +397,7 @@ const editorContentStyles = {
394
397
  statusStylesTeam26DarkMode: "cc-1wgbbuq",
395
398
  telepointerColorAndCommonStyle: "cc-1kvcl18",
396
399
  telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
400
+ agentShimmerStyles: "cc-134apo0",
397
401
  telepointerStyle: "cc-1uxxkh5",
398
402
  textColorStyles: "cc-aj20c0",
399
403
  textDangerStyles: "cc-gju5dz",
@@ -464,7 +468,7 @@ export const EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef((pro
464
468
  }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
465
469
  exposure: true
466
470
  }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
467
- editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
471
+ editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
468
472
  // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
469
473
  !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorExperiment('platform_editor_first_node_fix', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
470
474
  ref: ref,
@@ -16,6 +16,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
16
16
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
17
17
  import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
18
18
  import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
19
+ import { agentShimmerStyle } from './styles/agentShimmerStyles';
19
20
  import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
20
21
  import { annotationStyles } from './styles/annotationStyles';
21
22
  import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
@@ -273,6 +274,8 @@ export const EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef((prop
273
274
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
274
275
  telepointerColorAndCommonStyle,
275
276
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
277
+ agentShimmerStyle,
278
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
276
279
  gapCursorStyles, editorExperiment('platform_synced_block', true) &&
277
280
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
278
281
  gapCursorStylesVisibilityFix,
@@ -0,0 +1,81 @@
1
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
2
+ @repo/internal/deprecations/deprecation-ticket-required,
3
+ @atlaskit/ui-styling-standard/no-exported-styles */
4
+ /* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
5
+ import { css, keyframes } from '@emotion/react';
6
+ // Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
7
+ // if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
8
+ // on (the collab plugin adds the decorations); dormant otherwise.
9
+ //
10
+ // @deprecated This style has been migrated to Compiled CSS, under experiment
11
+ // platform_editor_core_static_css. If you change this, also update the corresponding
12
+ // `agentShimmerStyles` block in
13
+ // packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
14
+
15
+ // Skeleton-loader sweep across the agent-authored range.
16
+ const agentShimmer = keyframes({
17
+ from: {
18
+ backgroundPosition: '200% 0'
19
+ },
20
+ to: {
21
+ backgroundPosition: '-200% 0'
22
+ }
23
+ });
24
+
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
26
+ export const agentShimmerStyle = css({
27
+ // Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
28
+ // highlight), plus a Rovo AI telepointer/cursor at the end of the range.
29
+ '.ProseMirror .collab-agent-shimmer': {
30
+ animationDuration: '1.25s',
31
+ animationIterationCount: 'infinite',
32
+ animationName: agentShimmer,
33
+ animationTimingFunction: 'linear',
34
+ backgroundColor: "var(--ds-skeleton, #0515240F)",
35
+ backgroundImage: `linear-gradient(90deg, ${"var(--ds-skeleton, #0515240F)"} 0%, ${"var(--ds-skeleton-subtle, #17171708)"} 50%, ${"var(--ds-skeleton, #0515240F)"} 100%)`,
36
+ backgroundSize: '200% 100%',
37
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
38
+ boxDecorationBreak: 'clone',
39
+ color: 'transparent',
40
+ caretColor: 'transparent'
41
+ },
42
+ '.ProseMirror .ai-in-editor-telepointer': {
43
+ position: 'relative',
44
+ zIndex: 1,
45
+ '& > .ai-in-editor-telepointer-label': {
46
+ position: 'absolute',
47
+ boxSizing: 'border-box',
48
+ display: 'flex',
49
+ flexDirection: 'row',
50
+ justifyContent: 'center',
51
+ alignItems: 'center',
52
+ padding: "var(--ds-space-025, 2px)",
53
+ gap: "var(--ds-space-075, 6px)",
54
+ height: 16,
55
+ top: "var(--ds-space-0, 0px)",
56
+ left: "var(--ds-space-0, 0px)",
57
+ borderRadius: `0 ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0`,
58
+ border: `${"var(--ds-border-width, 1px)"} solid transparent`,
59
+ background: `linear-gradient(${"var(--ds-text, #292A2E)"}, ${"var(--ds-text, #292A2E)"}) padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box`,
60
+ fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
61
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
62
+ // Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
63
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
64
+ fontSize: 10,
65
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
66
+ lineHeight: '9px',
67
+ textAlign: 'center',
68
+ whiteSpace: 'pre',
69
+ color: "var(--ds-text-inverse, #FFFFFF)"
70
+ },
71
+ '&::after': {
72
+ content: "''",
73
+ position: 'absolute',
74
+ width: 1,
75
+ height: 24,
76
+ top: "var(--ds-space-0, 0px)",
77
+ left: "var(--ds-space-0, 0px)",
78
+ background: "var(--ds-border-brand, #1868DB)"
79
+ }
80
+ }
81
+ });
@@ -1,3 +1,3 @@
1
1
  export const name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export const version = "221.12.1";
3
+ export const version = "221.12.2";
@@ -186,7 +186,7 @@
186
186
  .cc-1szti83 [data-prosemirror-node-name=status] .lozenge-wrapper{padding-block-start:var(--ds-space-025,2px);padding-block-end:var(--ds-space-025,2px);padding-inline-start:var(--ds-space-050,4px);padding-inline-end:var(--ds-space-050,4px);align-items:center;border-radius:var(--ds-radius-small,4px);height:1.25rem;border:solid var(--ds-border-width,1px) transparent}.cc-1szti83 [data-prosemirror-node-name=status] .lozenge-text{text-transform:none;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{background-color:var(--ds-background-neutral,#0515240f);border-color:#cacbcf}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=neutral] .lozenge-text{color:var(--ds-text,#292a2e)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{background-color:var(--ds-background-discovery-subtler,#eed7fc);border-color:#d8a0f7}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=purple] .lozenge-text{color:var(--ds-text-discovery-bolder,#48245d)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{background-color:var(--ds-background-information-subtler,#cfe1fd);border-color:#8fb8f6}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=blue] .lozenge-text{color:var(--ds-text-information-bolder,#123263)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{background-color:var(--ds-background-danger-subtler,#ffd5d2);border-color:#fd9891}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=red] .lozenge-text{color:var(--ds-text-danger-bolder,#5d1f1a)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{background-color:var(--ds-background-warning-subtler,#fce4a6);border-color:#fbc828}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=yellow] .lozenge-text{color:var(--ds-text-warning-bolder,#693200)}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{background-color:var(--ds-background-success-subtler,#d3f1a7);border-color:#b3df72}.cc-1szti83 [data-prosemirror-node-name=status]>[data-color=green] .lozenge-text{color:var(--ds-text-success-bolder,#37471f)}.cc-1szti83 .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-selected,#1868db)}.cc-1szti83 .danger .statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span>span{box-shadow:0 0 0 2px var(--ds-border-danger,#e2483d)}
187
187
  .cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=neutral]>.lozenge-wrapper{border-color:#63666b}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=purple]>.lozenge-wrapper{border-color:#803fa5}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=blue]>.lozenge-wrapper{border-color:#1558bc}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=red]>.lozenge-wrapper{border-color:#ae2e24}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=yellow]>.lozenge-wrapper{border-color:#9e4c00}.cc-1wgbbuq [data-prosemirror-node-name=status]>[data-color=green]>.lozenge-wrapper{border-color:#4c6b1f}
188
188
  .cc-1kvcl18 .ProseMirror .telepointer{position:relative;transition-property:opacity;transition-duration:.2s}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-selection:not(.inlineNodeView){line-height:1.2;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cc-1kvcl18 .ProseMirror .telepointer.telepointer-dim{opacity:.2}.cc-1kvcl18 .ProseMirror .telepointer.color-0{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-red-bolder,#c9372c)}.cc-1kvcl18 .ProseMirror .telepointer.color-1{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-blue-bolder,#1868db)}.cc-1kvcl18 .ProseMirror .telepointer.color-2{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-green-bolder,#1f845a)}.cc-1kvcl18 .ProseMirror .telepointer.color-3{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-bolder,#946f00)}.cc-1kvcl18 .ProseMirror .telepointer.color-4{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-purple-bolder,#964ac0)}.cc-1kvcl18 .ProseMirror .telepointer.color-5{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-bolder,#ae4787)}.cc-1kvcl18 .ProseMirror .telepointer.color-6{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-teal-bolder,#227d9b)}.cc-1kvcl18 .ProseMirror .telepointer.color-7{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-orange-bolder,#bd5b00)}.cc-1kvcl18 .ProseMirror .telepointer.color-8{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-lime-bolder,#5b7f24)}.cc-1kvcl18 .ProseMirror .telepointer.color-9{--telepointer-participant-text-color:var(--ds-text-inverse,#fff);--telepointer-participant-bg-color:var(--ds-background-accent-gray-bolder,#6b6e76)}.cc-1kvcl18 .ProseMirror .telepointer.color-10{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-blue-subtle,#669df1)}.cc-1kvcl18 .ProseMirror .telepointer.color-11{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-red-subtle,#f87168)}.cc-1kvcl18 .ProseMirror .telepointer.color-12{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-orange-subtle,#fca700)}.cc-1kvcl18 .ProseMirror .telepointer.color-13{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-yellow-subtle,#eed12b)}.cc-1kvcl18 .ProseMirror .telepointer.color-14{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-green-subtle,#4bce97)}.cc-1kvcl18 .ProseMirror .telepointer.color-15{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-teal-subtle,#6cc3e0)}.cc-1kvcl18 .ProseMirror .telepointer.color-16{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-purple-subtle,#c97cf4)}.cc-1kvcl18 .ProseMirror .telepointer.color-17{--telepointer-participant-text-color:var(--ds-text-accent-gray-bolder,#1e1f21);--telepointer-participant-bg-color:var(--ds-background-accent-magenta-subtle,#e774bb)}.cc-1kvcl18 .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-850000%;--telepointer-participant-background-second-stop:150000%}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]{background:linear-gradient(to bottom,var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop),transparent var(--telepointer-participant-background-second-stop))}.cc-1kvcl18 .ProseMirror .telepointer[class*=color-]:after{background-color:var(--telepointer-participant-bg-color);color:var(--telepointer-participant-text-color);border-color:var(--telepointer-participant-bg-color)}
189
- .cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
189
+ .cc-rm5obe .ProseMirror .telepointer{--telepointer-participant-background-first-stop:-800000%;--telepointer-participant-background-second-stop:200000%}.cc-134apo0 .ProseMirror .collab-agent-shimmer{animation-duration:1.25s;animation-iteration-count:infinite;animation-name:kufr8jz;animation-timing-function:linear;background-color:var(--ds-skeleton,#0515240f);background-image:linear-gradient(90deg,var(--ds-skeleton,#0515240f) 0,var(--ds-skeleton-subtle,#17171708) 50%,var(--ds-skeleton,#0515240f) 100%);background-size:200% 100%;border-radius:var(--ds-radius-xsmall,2px);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;caret-color:transparent}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer{position:relative;z-index:1}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer>.ai-in-editor-telepointer-label{position:absolute;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ds-space-025,2px);gap:var(--ds-space-075,6px);height:1pc;top:var(--ds-space-0,0);left:var(--ds-space-0,0);border-radius:0 var(--ds-space-050,4px) var(--ds-space-050,4px) 0;border:var(--ds-border-width,1px) solid transparent;background:linear-gradient(var(--ds-text,#292a2e),var(--ds-text,#292a2e)) padding-box,conic-gradient(from 270deg at 50% 50%,#1868db 0deg,#1868db 115deg,#fca700 115deg,#fca700 180deg,#bf63f3 180deg,#bf63f3 310deg,#82b536 310deg,#82b536 359.96deg,#1868db 1turn) border-box;font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);font-weight:var(--ds-font-weight-semibold,600);font-size:10px;line-height:9px;text-align:center;white-space:pre;color:var(--ds-text-inverse,#fff)}.cc-134apo0 .ProseMirror .ai-in-editor-telepointer:after{content:"";position:absolute;width:1px;height:24px;top:var(--ds-space-0,0);left:var(--ds-space-0,0);background:var(--ds-border-brand,#1868db)}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname, .cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{position:absolute;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre;top:-14px;left:0;font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif);padding-left:var(--ds-space-050,4px);padding-right:var(--ds-space-050,4px);border-radius:0 var(--ds-radius-xsmall,2px) var(--ds-radius-xsmall,2px) 0}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-initial{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-selection-badge .telepointer-fullname{opacity:0;transform:scaleX(0);transform-origin:top left;transition-property:transform,opacity;transition-duration:.15s,.15s;transition-timing-function:ease-out,ease-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-initial{animation-name:k7xl0d6;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-animate .telepointer-fullname{animation-name:kxlv1hz;animation-duration:2.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-initial{animation-name:k1g8d6yk;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer.telepointer-pulse-during-tr .telepointer-fullname{animation-name:k3895my;animation-duration:7.5s;animation-timing-function:ease-in-out}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-initial{opacity:0;transition-delay:.15s}.cc-1uxxkh5 .ProseMirror .telepointer:hover .telepointer-fullname{transform:scaleX(1);opacity:1;z-index:1}
190
190
  .cc-aj20c0 .fabric-text-color-mark{color:var(--custom-palette-color,inherit)}.cc-aj20c0 a .fabric-text-color-mark{color:unset}
191
191
  .cc-gju5dz .ProseMirror :is(p,h1,h2,h3,h4,h5,h6):not(:is(ul,ol,div[data-node-type=actionList]) :is(p,h1,h2,h3,h4,h5,h6)).ak-editor-selected-node:not(.ak-editor-selected-node *).danger{background:var(--ds-background-danger,#ffeceb);box-shadow:0 -4px 0 var(--ds-background-danger,#ffeceb),0 4px 0 var(--ds-background-danger,#ffeceb)}
192
192
  .cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-left){padding-left:var(--ds-space-025,2px);margin-left:var(--ds-space-negative-025,-2px)}.cc-yxkvom .fabric-background-color-mark:has(.background-color-padding-right){padding-right:var(--ds-space-025,2px);margin-right:var(--ds-space-negative-025,-2px)}
@@ -203,6 +203,7 @@
203
203
  @keyframes k7wtbat{0%{--panel-gradient-angle:0deg}to{--panel-gradient-angle:360deg}}
204
204
  @keyframes k7xl0d6{0%,90%,to{transform:scaleX(1);opacity:1}10%,80%{transform:scaleX(0);opacity:0}}
205
205
  @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
206
+ @keyframes kufr8jz{0%{background-position:200% 0}to{background-position:-200% 0}}
206
207
  @keyframes kxlv1hz{0%,to{transform:scaleX(0);opacity:0}10%{transform:scaleX(1.4);opacity:1}15%,85%{transform:scaleX(1);opacity:1}}
207
208
  @property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
208
209
  @property --panel-gradient-angle{syntax:"<angle>";initial-value:270deg;inherits:false}
@@ -110,6 +110,9 @@ var pulseIn = null;
110
110
  var pulseOut = null;
111
111
  var pulseInDuringTr = null;
112
112
  var pulseOutDuringTr = null;
113
+
114
+ // Agent edit shimmer: skeleton-loader sweep across the agent-authored range.
115
+ var agentShimmer = null;
113
116
  var syncBlockCreationLoadingKeyframes = null;
114
117
 
115
118
  /**
@@ -341,6 +344,7 @@ var editorContentStyles = {
341
344
  statusStylesTeam26DarkMode: "cc-1wgbbuq",
342
345
  telepointerColorAndCommonStyle: "cc-1kvcl18",
343
346
  telepointerColorAndCommonStyleDarkMode: "cc-rm5obe",
347
+ agentShimmerStyles: "cc-134apo0",
344
348
  telepointerStyle: "cc-1uxxkh5",
345
349
  textColorStyles: "cc-aj20c0",
346
350
  textDangerStyles: "cc-gju5dz",
@@ -406,7 +410,7 @@ export var EditorContentContainerCompiled = /*#__PURE__*/React.forwardRef(functi
406
410
  }) && editorContentStyles.listSelectedNodeStyles, editorExperiment('platform_editor_block_menu', true, {
407
411
  exposure: true
408
412
  }) && editorContentStyles.textSelectedNodeStyles, editorContentStyles.blocktypeStyles_fg_platform_editor_typography_ugc, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.blocktypeStyles_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.codeMarkStyles, expValEquals('platform_editor_a11y_scrollable_region', 'isEnabled', true) && editorContentStyles.codeMarkStylesA11yFix, editorContentStyles.textColorStyles, editorContentStyles.backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && editorContentStyles.highlightLinksUnsetStyles, editorContentStyles.textHighlightPaddingStyles, editorContentStyles.listsStyles, expValEqualsNoExposure('platform_editor_flexible_list_schema', 'isEnabled', true) && editorContentStyles.listItemHiddenMarkerStyles, editorContentStyles.diffListStyles, contentMode === 'compact' && isDense && editorContentStyles.listsDenseStyles, isFullPage && editorContentStyles.listsStylesMarginLayoutShiftFix, editorContentStyles.ruleStyles, editorContentStyles.smartCardDiffStyles, expValEquals('platform_editor_enghealth_a11y_jan_fixes', 'isEnabled', true) ? editorContentStyles.showDiffDeletedNodeStylesNew : editorContentStyles.showDiffDeletedNodeStyles, editorContentStyles.mediaStyles, contentMode === 'compact' && editorContentStyles.mediaCaptionStyles, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.firstWrappedMediaStyles, editorContentStyles.telepointerStyle, /* This needs to be after telepointer styles as some overlapping rules have equal specificity, and so the order is significant */
409
- editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
413
+ editorContentStyles.telepointerColorAndCommonStyle, colorMode === 'dark' && editorContentStyles.telepointerColorAndCommonStyleDarkMode, editorContentStyles.agentShimmerStyles, editorContentStyles.gapCursorStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.gapCursorStylesVisibilityFix, editorContentStyles.panelStyles, editorContentStyles.nestedPanelBorderStylesMixin, fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.panelStylesMixin_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.panelStylesMixin, editorContentStyles.mentionsStyles, editorContentStyles.tasksAndDecisionsStyles, contentMode === 'compact' && isDense && editorContentStyles.tasksAndDecisionsDenseStyles, editorContentStyles.gridStyles, editorContentStyles.blockMarksStyles, editorContentStyles.dateStyles, editorContentStyles.extensionStyles, contentMode === 'compact' && editorContentStyles.extensionStylesDense, expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true) && editorContentStyles.bodiedExtensionLayoutShiftFix, editorContentStyles.extensionDiffStyles, editorContentStyles.expandStylesBase, !useStandardNodeWidth && editorContentStyles.expandStyles, contentMode === 'compact' && isDense && editorContentStyles.expandDenseStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.expandStylesMixin_fg_platform_editor_nested_dnd_styles_changes : editorContentStyles.expandStylesMixin_without_fg_platform_editor_nested_dnd_styles_changes, editorContentStyles.expandStylesMixin_fg_platform_visual_refresh_icons, isChromeless && editorContentStyles.expandStylesMixin_chromeless_expand_fix, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.findReplaceStylesNewWithA11Y : editorContentStyles.findReplaceStyles, expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesNewWithCodeblockColorContrastFix, !expValEquals('platform_editor_find_and_replace_improvements', 'isEnabled', true) && editorContentStyles.findReplaceStylesWithCodeblockColorContrastFix, editorExperiment('platform_synced_block', true) && editorContentStyles.findReplaceStylesWithRefSyncBlock, editorContentStyles.textHighlightStyle, editorContentStyles.decisionStyles, expValEqualsNoExposure('platform_editor_blocktaskitem_node_tenantid', 'isEnabled', true) ? editorContentStyles.taskItemStylesWithBlockTaskItem : editorContentStyles.taskItemStyles, editorContentStyles.taskItemCheckboxStyles, editorContentStyles.decisionIconWithVisualRefresh, editorContentStyles.statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ? editorContentStyles.statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_fg_platform_component_visual_refresh : expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match : editorContentStyles.statusStylesMixin_without_fg_platform_component_visual_refresh, colorMode === 'dark' && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && editorContentStyles.statusStylesTeam26DarkMode, editorContentStyles.annotationStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorExperiment('platform_editor_block_menu', true) ? editorContentStyles.smartCardStylesWithSearchMatchAndBlockMenuDangerStyles : editorContentStyles.smartCardStylesWithSearchMatch : editorContentStyles.smartCardStyles, editorExperiment('platform_editor_preview_panel_responsiveness', true) && editorContentStyles.smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, (expValEqualsNoExposure('platform_editor_controls', 'cohort', 'variant1') || editorExperiment('platform_editor_preview_panel_linking_exp', true)) && editorContentStyles.editorControlsSmartCardStyles, editorContentStyles.embedCardStyles, editorContentStyles.unsupportedStyles, editorContentStyles.resizerStyles, expValEqualsNoExposure('cc-maui-experiment', 'isEnabled', true) && expValEquals('databases-native-embeds-v2', 'isEnabled', true) && editorContentStyles.resizerBottomHandleStyles, editorContentStyles.layoutBaseStyles, expValEquals('platform_editor_table_excerpts_fix', 'isEnabled', true) && editorContentStyles.layoutBaseStylesWithTableExcerptsFix, fg('platform_editor_fix_media_in_renderer') && editorContentStyles.alignMultipleWrappedImageInLayoutStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockStylesBase, editorExperiment('platform_synced_block', true) &&
410
414
  // Apply sync block delta styles conditionally based on useStandardNodeWidth (negative margins or not)
411
415
  !useStandardNodeWidth && editorContentStyles.syncBlockStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockOverflowStyles, editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockFirstNodeStyles, editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_14') && editorContentStyles.syncBlockTextSelectionStyles, isSyncBlockActivationEnabled && editorExperiment('platform_synced_block', true) && editorContentStyles.syncBlockInteractiveCursorStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutBaseStylesAdvanced, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSectionStylesAdvanced : editorContentStyles.layoutSectionStylesNotAdvanced, editorExperiment('advanced_layouts', true) && !fg('platform-dst-top-layer-tooltip') && editorContentStyles.layoutDragHandleWrapperStylesLegacy, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnDividerStyles, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutColumnDividerStylesNestedDnD, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutColumnStylesAdvanced : editorContentStyles.layoutColumnStylesNotAdvanced, editorExperiment('advanced_layouts', true) && editorExperiment('platform_editor_layout_column_resize_handle', true) && editorContentStyles.layoutColumnResizeStyles, editorExperiment('advanced_layouts', true) ? editorContentStyles.layoutSelectedStylesAdvanced : editorContentStyles.layoutSelectedStylesNotAdvanced, editorExperiment('platform_synced_block', true) && editorContentStyles.layoutSelectedStylesAdvancedFix, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutColumnResponsiveStyles, editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveBaseStyles, editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFGExcludingBodiedSync, !editorExperiment('platform_synced_block', true) && fg('platform_editor_nested_dnd_styles_changes') && editorContentStyles.layoutBaseStylesFixesUnderNestedDnDFG, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.layoutColumnMartinTopFixesNew : editorContentStyles.layoutColumnMartinTopFixesOld, editorContentStyles.smartLinksInLivePagesStyles, editorContentStyles.linkingVisualRefreshV1Styles, editorContentStyles.dateVanillaStyles, fg('platform_editor_typography_ugc') ? contentMode === 'compact' ? editorContentStyles.paragraphStylesWithScaledMargin : editorContentStyles.paragraphStylesUGCRefreshed : contentMode === 'compact' ? editorContentStyles.paragraphStylesOldWithScaledMargin : editorContentStyles.paragraphStylesOld, editorContentStyles.linkStyles, browser.safari && editorContentStyles.listsStylesSafariFix, editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesSyncedBlock, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStyles, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && expValEqualsNoExposure('platform_editor_lovability_resize_dividers_panels', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesPanelAndRule, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockSyncedBlockPatch, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && !editorExperiment('platform_synced_block', true) && editorContentStyles.pragmaticResizerStylesCodeBlockLegacy, editorExperiment('advanced_layouts', true) && expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticStylesLayoutFirstNodeResizeHandleFix, expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true) && editorContentStyles.pragmaticResizerStylesForTooltip, editorExperiment('platform_editor_preview_panel_responsiveness', true) && (editorExperiment('advanced_layouts', true) || expValEqualsNoExposure('platform_editor_breakout_resizing', 'isEnabled', true)) && editorContentStyles.pragmaticResizerStylesWithReducedEditorGutter, editorContentStyles.aiPanelBaseStyles, isFirefox && editorContentStyles.aiPanelBaseFirefoxStyles, colorMode === 'dark' && editorContentStyles.aiPanelDarkStyles, colorMode === 'dark' && isFirefox && editorContentStyles.aiPanelDarkFirefoxStyles, viewMode === 'view' && editorContentStyles.layoutStylesForView, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutSelectedStylesForViewAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', false) && editorContentStyles.layoutSelectedStylesForViewNotAdvanced, viewMode === 'view' && editorExperiment('advanced_layouts', true) && editorContentStyles.layoutResponsiveStylesForView, isComment && editorContentStyles.commentEditorStyles, isComment && editorContentStyles.tableCommentEditorStyles, (isComment || isChromeless) && fg('platform_comment_container_query') && editorContentStyles.nonFullPageContainerTypeStyles, isFullPage && editorContentStyles.fullPageEditorStyles, isFullPage && editorContentStyles.scrollbarStyles, fg('platform_editor_nested_dnd_styles_changes') ? editorContentStyles.firstCodeBlockWithNoMargin : editorContentStyles.firstCodeBlockWithNoMarginOld, editorContentStyles.firstBlockNodeStyles, editorExperiment('platform_editor_first_node_fix', true) && editorContentStyles.firstNodeWidgetFixStyles, editorContentStyles.mentionNodeStyles, expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ? editorContentStyles.mentionsSelectionStylesWithSearchMatch : editorContentStyles.mentionsSelectionStyles, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? editorContentStyles.scaledEmojiStyles : editorContentStyles.emojiStyles, contentMode === 'compact' && isDense && expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.scaledEmojiDenseStyles, contentMode === 'compact' && isDense && !expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) && editorContentStyles.emojiDenseStyles, editorContentStyles.panelViewStyles, editorContentStyles.mediaGroupStyles, editorContentStyles.mediaAlignmentStyles, expValEquals('platform_editor_small_font_size', 'isEnabled', true) ? editorContentStyles.tableLayoutFixesWithFontSize : editorContentStyles.tableLayoutFixes, editorContentStyles.tableContainerStyles, editorContentStyles.tableSharedStyle, (browser.gecko || browser.ie || browser.mac && browser.chrome) && editorContentStyles.tableSharedStyleBackgroundClipFix, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? editorContentStyles.tableSharedStyle_with_platform_editor_table_q4_loveability : editorContentStyles.tableSharedStyle_without_platform_editor_table_q4_loveability, expValEquals('platform_editor_table_menu_updates', 'isEnabled', true) && editorContentStyles.tableSharedStyle_with_platform_editor_table_menu_updates, fg('platform_editor_bordered_panel_nested_in_table') && editorContentStyles.tableSharedStyle_with_platform_editor_bordered_panel_nested_in_table, editorContentStyles.tableEmptyRowStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && fg('platform_editor_table_q4_patch_1') && editorContentStyles.tableRoundedCornerStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && editorContentStyles.tableContentModeStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && fg('platform_editor_table_nested_renderer_fix') && editorContentStyles.tableContentModeNestedTableStyles, editorContentStyles.hyperLinkFloatingToolbarStyles, editorContentStyles.selectionToolbarAnimationStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.blockquoteDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.textDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.listDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerDateStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.emojiDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mentionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.decisionDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.statusDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.dangerRuleStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.mediaDangerStyles, editorExperiment('platform_editor_block_menu', true) && editorContentStyles.nestedPanelDangerStyles, isBlockSpacingEnabled && editorContentStyles.blockSpacingVarStyles, isBlockSpacingEnabled && isDense && editorContentStyles.blockSpacingVarScaledStyles, className || undefined]),
412
416
  ref: ref,
@@ -19,6 +19,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
19
19
  import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
20
20
  import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
21
21
  import { getBaseFontSize } from '../../composable-editor/utils/getBaseFontSize';
22
+ import { agentShimmerStyle } from './styles/agentShimmerStyles';
22
23
  import { aiPanelBaseFirefoxStyles, aiPanelBaseStyles, aiPanelDarkFirefoxStyles, aiPanelDarkStyles } from './styles/aiPanel';
23
24
  import { annotationStyles } from './styles/annotationStyles';
24
25
  import { backgroundColorStyles, highlightLinksUnsetStyles, textHighlightPaddingStyles } from './styles/backgroundColorStyles';
@@ -266,6 +267,8 @@ export var EditorContentContainerEmotion = /*#__PURE__*/React.forwardRef(functio
266
267
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
267
268
  telepointerColorAndCommonStyle,
268
269
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
270
+ agentShimmerStyle,
271
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
269
272
  gapCursorStyles, editorExperiment('platform_synced_block', true) &&
270
273
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
271
274
  gapCursorStylesVisibilityFix,
@@ -0,0 +1,81 @@
1
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors,
2
+ @repo/internal/deprecations/deprecation-ticket-required,
3
+ @atlaskit/ui-styling-standard/no-exported-styles */
4
+ /* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
5
+ import { css, keyframes } from '@emotion/react';
6
+ // Agent-edit shimmer (CCI-18033) styles, kept in their own file so they're easy to find and remove
7
+ // if the approach changes. Applied only when the `platform_editor_agent_be_streaming` experiment is
8
+ // on (the collab plugin adds the decorations); dormant otherwise.
9
+ //
10
+ // @deprecated This style has been migrated to Compiled CSS, under experiment
11
+ // platform_editor_core_static_css. If you change this, also update the corresponding
12
+ // `agentShimmerStyles` block in
13
+ // packages/editor/editor-core/src/ui/EditorContentContainer/EditorContentContainer-compiled.tsx
14
+
15
+ // Skeleton-loader sweep across the agent-authored range.
16
+ var agentShimmer = keyframes({
17
+ from: {
18
+ backgroundPosition: '200% 0'
19
+ },
20
+ to: {
21
+ backgroundPosition: '-200% 0'
22
+ }
23
+ });
24
+
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/volt-strict-mode/no-multiple-exports
26
+ export var agentShimmerStyle = css({
27
+ // Skeleton-loader bar over the agent-authored range (text hidden, grey skeleton with a moving
28
+ // highlight), plus a Rovo AI telepointer/cursor at the end of the range.
29
+ '.ProseMirror .collab-agent-shimmer': {
30
+ animationDuration: '1.25s',
31
+ animationIterationCount: 'infinite',
32
+ animationName: agentShimmer,
33
+ animationTimingFunction: 'linear',
34
+ backgroundColor: "var(--ds-skeleton, #0515240F)",
35
+ backgroundImage: "linear-gradient(90deg, ".concat("var(--ds-skeleton, #0515240F)", " 0%, ", "var(--ds-skeleton-subtle, #17171708)", " 50%, ", "var(--ds-skeleton, #0515240F)", " 100%)"),
36
+ backgroundSize: '200% 100%',
37
+ borderRadius: "var(--ds-radius-xsmall, 2px)",
38
+ boxDecorationBreak: 'clone',
39
+ color: 'transparent',
40
+ caretColor: 'transparent'
41
+ },
42
+ '.ProseMirror .ai-in-editor-telepointer': {
43
+ position: 'relative',
44
+ zIndex: 1,
45
+ '& > .ai-in-editor-telepointer-label': {
46
+ position: 'absolute',
47
+ boxSizing: 'border-box',
48
+ display: 'flex',
49
+ flexDirection: 'row',
50
+ justifyContent: 'center',
51
+ alignItems: 'center',
52
+ padding: "var(--ds-space-025, 2px)",
53
+ gap: "var(--ds-space-075, 6px)",
54
+ height: 16,
55
+ top: "var(--ds-space-0, 0px)",
56
+ left: "var(--ds-space-0, 0px)",
57
+ borderRadius: "0 ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0"),
58
+ border: "var(--ds-border-width, 1px)".concat(" solid transparent"),
59
+ background: "linear-gradient(".concat("var(--ds-text, #292A2E)", ", ", "var(--ds-text, #292A2E)", ") padding-box, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg) border-box"),
60
+ fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
61
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
62
+ // Match the AI in-editor telepointer label's fixed 10px/9px sizing (no exact typography token).
63
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
64
+ fontSize: 10,
65
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
66
+ lineHeight: '9px',
67
+ textAlign: 'center',
68
+ whiteSpace: 'pre',
69
+ color: "var(--ds-text-inverse, #FFFFFF)"
70
+ },
71
+ '&::after': {
72
+ content: "''",
73
+ position: 'absolute',
74
+ width: 1,
75
+ height: 24,
76
+ top: "var(--ds-space-0, 0px)",
77
+ left: "var(--ds-space-0, 0px)",
78
+ background: "var(--ds-border-brand, #1868DB)"
79
+ }
80
+ }
81
+ });
@@ -1,3 +1,3 @@
1
1
  export var name = "@atlaskit/editor-core";
2
2
  // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
3
- export var version = "221.12.1";
3
+ export var version = "221.12.2";
@@ -0,0 +1,2 @@
1
+ import type { SerializedStyles } from '@emotion/react';
2
+ export declare const agentShimmerStyle: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "221.12.2",
3
+ "version": "221.13.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -85,7 +85,7 @@
85
85
  "uuid": "^3.1.0"
86
86
  },
87
87
  "peerDependencies": {
88
- "@atlaskit/editor-common": "^116.35.0",
88
+ "@atlaskit/editor-common": "^116.36.0",
89
89
  "@atlaskit/link-provider": "^5.2.0",
90
90
  "@atlaskit/media-core": "^38.0.0",
91
91
  "react": "^18.2.0",
@@ -99,7 +99,7 @@
99
99
  "@atlaskit/adf-utils": "^20.3.0",
100
100
  "@atlaskit/analytics-listeners": "^11.1.0",
101
101
  "@atlaskit/code": "^18.2.0",
102
- "@atlaskit/collab-provider": "^21.0.0",
102
+ "@atlaskit/collab-provider": "^21.1.0",
103
103
  "@atlaskit/editor-plugin-annotation": "^12.0.0",
104
104
  "@atlaskit/editor-plugin-card": "^18.2.0",
105
105
  "@atlaskit/editor-plugin-list": "^14.1.0",