[7.x] Prep agg types for new platform (#57064)

[lukeelmers]

Backports the following commits to 7.x:

• Prep agg types for new platform (Prep agg types for new platform #57064)

[kibanamachine]

💔 Build Failed

• continuous-integration/kibana-ci/pull-request
• Commit: e8b2747

---

Test Failures

Kibana Pipeline / x-pack-intake-agent / X-Pack Jest Tests.x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek.ZeekDetails rendering it returns zeek.files if the data does contain zeek.files data

Link to Jenkins

Standard Out

Failed Tests Reporter:
  - Test has failed 1 times on tracked branches: https://github.com/elastic/kibana/issues/58801

Stack Trace

Error: expect(received).toMatchSnapshot()

Snapshot name: `ZeekDetails rendering it returns zeek.files if the data does contain zeek.files data 1`

- Snapshot
+ Received

@@ -2299,11 +2299,11 @@
                                              grow={false}
                                            >
                                              <div
                                                className="euiFlexItem euiFlexItem--flexGrowZero c1"
                                              >
-                                               <Component
+                                               <DraggableWrapper
                                                  dataProvider={
                                                    Object {
                                                      "and": Array [],
                                                      "enabled": true,
                                                      "excluded": false,
@@ -2317,256 +2317,274 @@
                                                      },
                                                    }
                                                  }
                                                  render={[Function]}
                                                >
-                                                 <Wrapper
-                                                   data-test-subj="draggableWrapperDiv"
+                                                 <Component
+                                                   dataProvider={
+                                                     Object {
+                                                       "and": Array [],
+                                                       "enabled": true,
+                                                       "excluded": false,
+                                                       "id": "draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j",
+                                                       "kqlQuery": "",
+                                                       "name": "Cu0n232QMyvNtzb75j",
+                                                       "queryMatch": Object {
+                                                         "field": "zeek.session_id",
+                                                         "operator": ":",
+                                                         "value": "Cu0n232QMyvNtzb75j",
+                                                       },
+                                                     }
+                                                   }
+                                                   registerProvider={[Function]}
+                                                   render={[Function]}
+                                                   unRegisterProvider={[Function]}
                                                  >
-                                                   <div
-                                                     className="c2"
+                                                   <Wrapper
                                                      data-test-subj="draggableWrapperDiv"
                                                    >
-                                                     <ConnectFunction
-                                                       direction="vertical"
-                                                       droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
-                                                       getContainerForClone={[Function]}
-                                                       ignoreContainerClipping={false}
-                                                       isCombineEnabled={false}
-                                                       isDropDisabled={true}
-                                                       mode="standard"
-                                                       renderClone={null}
-                                                       type="DEFAULT"
+                                                     <div
+                                                       className="c2"
+                                                       data-test-subj="draggableWrapperDiv"
                                                      >
-                                                       <Droppable
+                                                       <ConnectFunction
                                                          direction="vertical"
                                                          droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
                                                          getContainerForClone={[Function]}
                                                          ignoreContainerClipping={false}
                                                          isCombineEnabled={false}
                                                          isDropDisabled={true}
                                                          mode="standard"
-                                                         placeholder={null}
                                                          renderClone={null}
-                                                         shouldAnimatePlaceholder={false}
-                                                         snapshot={
-                                                           Object {
-                                                             "draggingFromThisWith": null,
-                                                             "draggingOverWith": null,
-                                                             "isDraggingOver": false,
-                                                             "isUsingPlaceholder": false,
-                                                           }
-                                                         }
                                                          type="DEFAULT"
-                                                         updateViewportMaxScroll={[Function]}
-                                                         useClone={null}
                                                        >
-                                                         <div
-                                                           data-rbd-droppable-context-id="6"
-                                                           data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
+                                                         <Droppable
+                                                           direction="vertical"
+                                                           droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
+                                                           getContainerForClone={[Function]}
+                                                           ignoreContainerClipping={false}
+                                                           isCombineEnabled={false}
+                                                           isDropDisabled={true}
+                                                           mode="standard"
+                                                           placeholder={null}
+                                                           renderClone={null}
+                                                           shouldAnimatePlaceholder={false}
+                                                           snapshot={
+                                                             Object {
+                                                               "draggingFromThisWith": null,
+                                                               "draggingOverWith": null,
+                                                               "isDraggingOver": false,
+                                                               "isUsingPlaceholder": false,
+                                                             }
+                                                           }
+                                                           type="DEFAULT"
+                                                           updateViewportMaxScroll={[Function]}
+                                                           useClone={null}
                                                          >
-                                                           <PublicDraggable
-                                                             draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
-                                                             index={0}
-                                                             key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
+                                                           <div
+                                                             data-rbd-droppable-context-id="6"
+                                                             data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
                                                            >
-                                                             <PrivateDraggable
-                                                               canDragInteractiveElements={false}
+                                                             <PublicDraggable
                                                                draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
                                                                index={0}
-                                                               isClone={false}
-                                                               isEnabled={true}
-                                                               shouldRespectForcePress={false}
+                                                               key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
                                                              >
-                                                               <Connect(Draggable)
+                                                               <PrivateDraggable
                                                                  canDragInteractiveElements={false}
                                                                  draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
                                                                  index={0}
                                                                  isClone={false}
                                                                  isEnabled={true}
                                                                  shouldRespectForcePress={false}
                                                                >
-                                                                 <Draggable
+                                                                 <Connect(Draggable)
                                                                    canDragInteractiveElements={false}
                                                                    draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
-                                                                   dropAnimationFinished={[Function]}
                                                                    index={0}
                                                                    isClone={false}
                                                                    isEnabled={true}
-                                                                   mapped={
-                                                                     Object {
-                                                                       "combineTargetFor": null,
-                                                                       "offset": Object {
-                                                                         "x": 0,
-                                                                         "y": 0,
-                                                                       },
-                                                                       "shouldAnimateDisplacement": true,
-                                                                       "snapshot": Object {
+                                                                   shouldRespectForcePress={false}
+                                                                 >
+                                                                   <Draggable
+                                                                     canDragInteractiveElements={false}
+                                                                     draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
+                                                                     dropAnimationFinished={[Function]}
+                                                                     index={0}
+                                                                     isClone={false}
+                                                                     isEnabled={true}
+                                                                     mapped={
+                                                                       Object {
                                                                          "combineTargetFor": null,
-                                                                         "combineWith": null,
-                                                                         "draggingOver": null,
-                                                                         "dropAnimation": null,
-                                                                         "isClone": false,
-                                                                         "isDragging": false,
-                                                                         "isDropAnimating": false,
-                                                                         "mode": null,
-                                                                       },
-                                                                       "type": "SECONDARY",
+                                                                         "offset": Object {
+                                                                           "x": 0,
+                                                                           "y": 0,
+                                                                         },
+                                                                         "shouldAnimateDisplacement": true,
+                                                                         "snapshot": Object {
+                                                                           "combineTargetFor": null,
+                                                                           "combineWith": null,
+                                                                           "draggingOver": null,
+                                                                           "dropAnimation": null,
+                                                                           "isClone": false,
+                                                                           "isDragging": false,
+                                                                           "isDropAnimating": false,
+                                                                           "mode": null,
+                                                                         },
+                                                                         "type": "SECONDARY",
+                                                                       }
                                                                      }
-                                                                   }
-                                                                   shouldRespectForcePress={false}
-                                                                 >
-                                                                   <ConditionalPortal
-                                                                     isDragging={false}
-                                                                     registerProvider={[Function]}
-                                                                     usePortal={false}
+                                                                     shouldRespectForcePress={false}
                                                                    >
-                                                                     <ProviderContainerComponent
-                                                                       aria-labelledby="rbd-lift-instruction-6"
-                                                                       data-rbd-drag-handle-context-id="6"
-                                                                       data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
-                                                                       data-rbd-draggable-context-id="6"
-                                                                       data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
-                                                                       data-test-subj="providerContainer"
-                                                                       draggable={false}
-                                                                       isDragging={false}
-                                                                       onDragStart={[Function]}
-                                                                       onTransitionEnd={null}
-                                                                       registerProvider={[Function]}
-                                                                       style={
-                                                                         Object {
-                                                                           "transform": null,
-                                                                           "transition": null,
-                                                                         }
-                                                                       }
-                                                                       tabIndex={0}
+                                                                     <ConditionalPortal
+                                                                       usePortal={false}
                                                                      >
-                                                                       <div
+                                                                       <ProviderContainerComponent
                                                                          aria-labelledby="rbd-lift-instruction-6"
-                                                                         className="c3"
                                                                          data-rbd-drag-handle-context-id="6"
                                                                          data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
                                                                          data-rbd-draggable-context-id="6"
                                                                          data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
                                                                          data-test-subj="providerContainer"
                                                                          draggable={false}
+                                                                         isDragging={false}
                                                                          onDragStart={[Function]}
                                                                          onTransitionEnd={null}
                                                                          style={
                                                                            Object {
                                                                              "transform": null,
                                                                              "transition": null,
                                                                            }
                                                                          }
                                                                          tabIndex={0}
                                                                        >
-                                                                         <styled.span
-                                                                           data-test-subj="draggable-content-zeek.session_id"
+                                                                         <div
+                                                                           aria-labelledby="rbd-lift-instruction-6"
+                                                                           className="c3"
+                                                                           data-rbd-drag-handle-context-id="6"
+                                                                           data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
+                                                                           data-rbd-draggable-context-id="6"
+                                                                           data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_session_id-Cu0n232QMyvNtzb75j"
+                                                                           data-test-subj="providerContainer"
+                                                                           draggable={false}
+                                                                           onDragStart={[Function]}
+                                                                           onTransitionEnd={null}
+                                                                           style={
+                                                                             Object {
+                                                                               "transform": null,
+                                                                               "transition": null,
+                                                                             }
+                                                                           }
+                                                                           tabIndex={0}
                                                                          >
-                                                                           <span
-                                                                             className="c4"
+                                                                           <styled.span
                                                                              data-test-subj="draggable-content-zeek.session_id"
                                                                            >
-                                                                             <EuiToolTip
-                                                                               content="zeek.session_id"
-                                                                               data-test-subj="badge-tooltip"
-                                                                               delay="regular"
-                                                                               position="top"
+                                                                             <span
+                                                                               className="c4"
+                                                                               data-test-subj="draggable-content-zeek.session_id"
                                                                              >
-                                                                               <span
-                                                                                 className="euiToolTipAnchor"
-                                                                                 onMouseOut={[Function]}
-                                                                                 onMouseOver={[Function]}
+                                                                               <EuiToolTip
+                                                                                 content="zeek.session_id"
+                                                                                 data-test-subj="badge-tooltip"
+                                                                                 delay="regular"
+                                                                                 position="top"
                                                                                >
-                                                                                 <Badge
-                                                                                   color="hollow"
-                                                                                   iconType="tag"
-                                                                                   onBlur={[Function]}
-                                                                                   onFocus={[Function]}
+                                                                                 <span
+                                                                                   className="euiToolTipAnchor"
+                                                                                   onMouseOut={[Function]}
+                                                                                   onMouseOver={[Function]}
                                                                                  >
-                                                                                   <EuiBadge
+                                                                                   <Badge
                                                                                      color="hollow"
                                                                                      iconType="tag"
                                                                                      onBlur={[Function]}
                                                                                      onFocus={[Function]}
-                                                                                     style={
-                                                                                       Object {
-                                                                                         "verticalAlign": "top",
-                                                                                       }
-                                                                                     }
                                                                                    >
-                                                                                     <EuiInnerText>
-                                                                                       <span
-                                                                                         className="euiBadge euiBadge--hollow euiBadge--iconLeft"
-                                                                                         onBlur={[Function]}
-                                                                                         onFocus={[Function]}
-                                                                                         style={
-                                                                                           Object {
-                                                                                             "verticalAlign": "top",
-                                                                                           }
+                                                                                     <EuiBadge
+                                                                                       color="hollow"
+                                                                                       iconType="tag"
+                                                                                       onBlur={[Function]}
+                                                                                       onFocus={[Function]}
+                                                                                       style={
+                                                                                         Object {
+                                                                                           "verticalAlign": "top",
                                                                                          }
-                                                                                         title="Cu0n232QMyvNtzb75j"
-                                                                                       >
+                                                                                       }
+                                                                                     >
+                                                                                       <EuiInnerText>
                                                                                          <span
-                                                                                           className="euiBadge__content"
+                                                                                           className="euiBadge euiBadge--hollow euiBadge--iconLeft"
+                                                                                           onBlur={[Function]}
+                                                                                           onFocus={[Function]}
+                                                                                           style={
+                                                                                             Object {
+                                                                                               "verticalAlign": "top",
+                                                                                             }
+                                                                                           }
+                                                                                           title="Cu0n232QMyvNtzb75j"
                                                                                          >
                                                                                            <span
-                                                                                             className="euiBadge__text"
-                                                                                           >
-                                                                                             Cu0n232QMyvNtzb75j
-                                                                                           </span>
-                                                                                           <EuiIcon
-                                                                                             className="euiBadge__icon"
-                                                                                             size="s"
-                                                                                             type="tag"
+                                                                                             className="euiBadge__content"
                                                                                            >
-                                                                                             <EuiIconEmpty
-                                                                                               aria-hidden={true}
-                                                                                               className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
-                                                                                               focusable="false"
-                                                                                               role="img"
-                                                                                               style={null}
+                                                                                             <span
+                                                                                               className="euiBadge__text"
+                                                                                             >
+                                                                                               Cu0n232QMyvNtzb75j
+                                                                                             </span>
+                                                                                             <EuiIcon
+                                                                                               className="euiBadge__icon"
+                                                                                               size="s"
+                                                                                               type="tag"
                                                                                              >
-                                                                                               <svg
+                                                                                               <EuiIconEmpty
                                                                                                  aria-hidden={true}
                                                                                                  className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
                                                                                                  focusable="false"
-                                                                                                 height={16}
                                                                                                  role="img"
                                                                                                  style={null}
-                                                                                                 viewBox="0 0 16 16"
-                                                                                                 width={16}
-                                                                                                 xmlns="http://www.w3.org/2000/svg"
-                                                                                               />
-                                                                                             </EuiIconEmpty>
-                                                                                           </EuiIcon>
+                                                                                               >
+                                                                                                 <svg
+                                                                                                   aria-hidden={true}
+                                                                                                   className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
+                                                                                                   focusable="false"
+                                                                                                   height={16}
+                                                                                                   role="img"
+                                                                                                   style={null}
+                                                                                                   viewBox="0 0 16 16"
+                                                                                                   width={16}
+                                                                                                   xmlns="http://www.w3.org/2000/svg"
+                                                                                                 />
+                                                                                               </EuiIconEmpty>
+                                                                                             </EuiIcon>
+                                                                                           </span>
                                                                                          </span>
-                                                                                       </span>
-                                                                                     </EuiInnerText>
-                                                                                   </EuiBadge>
-                                                                                 </Badge>
-                                                                               </span>
-                                                                             </EuiToolTip>
-                                                                           </span>
-                                                                         </styled.span>
-                                                                       </div>
-                                                                     </ProviderContainerComponent>
-                                                                   </ConditionalPortal>
-                                                                 </Draggable>
-                                                               </Connect(Draggable)>
-                                                             </PrivateDraggable>
-                                                           </PublicDraggable>
-                                                           <AnimateInOut
-                                                             on={null}
-                                                             shouldAnimate={false}
-                                                           />
-                                                         </div>
-                                                       </Droppable>
-                                                     </ConnectFunction>
-                                                   </div>
-                                                 </Wrapper>
-                                               </Component>
+                                                                                       </EuiInnerText>
+                                                                                     </EuiBadge>
+                                                                                   </Badge>
+                                                                                 </span>
+                                                                               </EuiToolTip>
+                                                                             </span>
+                                                                           </styled.span>
+                                                                         </div>
+                                                                       </ProviderContainerComponent>
+                                                                     </ConditionalPortal>
+                                                                   </Draggable>
+                                                                 </Connect(Draggable)>
+                                                               </PrivateDraggable>
+                                                             </PublicDraggable>
+                                                             <AnimateInOut
+                                                               on={null}
+                                                               shouldAnimate={false}
+                                                             />
+                                                           </div>
+                                                         </Droppable>
+                                                       </ConnectFunction>
+                                                     </div>
+                                                   </Wrapper>
+                                                 </Component>
+                                               </DraggableWrapper>
                                              </div>
                                            </EuiFlexItem>
                                          </TokensFlexItem>
                                        </DraggableZeekElement>
                                        <DraggableZeekElement
@@ -2583,11 +2601,11 @@
                                              grow={false}
                                            >
                                              <div
                                                className="euiFlexItem euiFlexItem--flexGrowZero c1"
                                              >
-                                               <Component
+                                               <DraggableWrapper
                                                  dataProvider={
                                                    Object {
                                                      "and": Array [],
                                                      "enabled": true,
                                                      "excluded": false,
@@ -2601,256 +2619,274 @@
                                                      },
                                                    }
                                                  }
                                                  render={[Function]}
                                                >
-                                                 <Wrapper
-                                                   data-test-subj="draggableWrapperDiv"
+                                                 <Component
+                                                   dataProvider={
+                                                     Object {
+                                                       "and": Array [],
+                                                       "enabled": true,
+                                                       "excluded": false,
+                                                       "id": "draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files",
+                                                       "kqlQuery": "",
+                                                       "name": "zeek.files",
+                                                       "queryMatch": Object {
+                                                         "field": "event.dataset",
+                                                         "operator": ":",
+                                                         "value": "zeek.files",
+                                                       },
+                                                     }
+                                                   }
+                                                   registerProvider={[Function]}
+                                                   render={[Function]}
+                                                   unRegisterProvider={[Function]}
                                                  >
-                                                   <div
-                                                     className="c2"
+                                                   <Wrapper
                                                      data-test-subj="draggableWrapperDiv"
                                                    >
-                                                     <ConnectFunction
-                                                       direction="vertical"
-                                                       droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
-                                                       getContainerForClone={[Function]}
-                                                       ignoreContainerClipping={false}
-                                                       isCombineEnabled={false}
-                                                       isDropDisabled={true}
-                                                       mode="standard"
-                                                       renderClone={null}
-                                                       type="DEFAULT"
+                                                     <div
+                                                       className="c2"
+                                                       data-test-subj="draggableWrapperDiv"
                                                      >
-                                                       <Droppable
+                                                       <ConnectFunction
                                                          direction="vertical"
                                                          droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
                                                          getContainerForClone={[Function]}
                                                          ignoreContainerClipping={false}
                                                          isCombineEnabled={false}
                                                          isDropDisabled={true}
                                                          mode="standard"
-                                                         placeholder={null}
                                                          renderClone={null}
-                                                         shouldAnimatePlaceholder={false}
-                                                         snapshot={
-                                                           Object {
-                                                             "draggingFromThisWith": null,
-                                                             "draggingOverWith": null,
-                                                             "isDraggingOver": false,
-                                                             "isUsingPlaceholder": false,
-                                                           }
-                                                         }
                                                          type="DEFAULT"
-                                                         updateViewportMaxScroll={[Function]}
-                                                         useClone={null}
                                                        >
-                                                         <div
-                                                           data-rbd-droppable-context-id="6"
-                                                           data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
+                                                         <Droppable
+                                                           direction="vertical"
+                                                           droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
+                                                           getContainerForClone={[Function]}
+                                                           ignoreContainerClipping={false}
+                                                           isCombineEnabled={false}
+                                                           isDropDisabled={true}
+                                                           mode="standard"
+                                                           placeholder={null}
+                                                           renderClone={null}
+                                                           shouldAnimatePlaceholder={false}
+                                                           snapshot={
+                                                             Object {
+                                                               "draggingFromThisWith": null,
+                                                               "draggingOverWith": null,
+                                                               "isDraggingOver": false,
+                                                               "isUsingPlaceholder": false,
+                                                             }
+                                                           }
+                                                           type="DEFAULT"
+                                                           updateViewportMaxScroll={[Function]}
+                                                           useClone={null}
                                                          >
-                                                           <PublicDraggable
-                                                             draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
-                                                             index={0}
-                                                             key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
+                                                           <div
+                                                             data-rbd-droppable-context-id="6"
+                                                             data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
                                                            >
-                                                             <PrivateDraggable
-                                                               canDragInteractiveElements={false}
+                                                             <PublicDraggable
                                                                draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
                                                                index={0}
-                                                               isClone={false}
-                                                               isEnabled={true}
-                                                               shouldRespectForcePress={false}
+                                                               key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
                                                              >
-                                                               <Connect(Draggable)
+                                                               <PrivateDraggable
                                                                  canDragInteractiveElements={false}
                                                                  draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
                                                                  index={0}
                                                                  isClone={false}
                                                                  isEnabled={true}
                                                                  shouldRespectForcePress={false}
                                                                >
-                                                                 <Draggable
+                                                                 <Connect(Draggable)
                                                                    canDragInteractiveElements={false}
                                                                    draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
-                                                                   dropAnimationFinished={[Function]}
                                                                    index={0}
                                                                    isClone={false}
                                                                    isEnabled={true}
-                                                                   mapped={
-                                                                     Object {
-                                                                       "combineTargetFor": null,
-                                                                       "offset": Object {
-                                                                         "x": 0,
-                                                                         "y": 0,
-                                                                       },
-                                                                       "shouldAnimateDisplacement": true,
-                                                                       "snapshot": Object {
-                                                                         "combineTargetFor": null,
-                                                                         "combineWith": null,
-                                                                         "draggingOver": null,
-                                                                         "dropAnimation": null,
-                                                                         "isClone": false,
-                                                                         "isDragging": false,
-                                                                         "isDropAnimating": false,
-                                                                         "mode": null,
-                                                                       },
-                                                                       "type": "SECONDARY",
-                                                                     }
-                                                                   }
                                                                    shouldRespectForcePress={false}
                                                                  >
-                                                                   <ConditionalPortal
-                                                                     isDragging={false}
-                                                                     registerProvider={[Function]}
-                                                                     usePortal={false}
-                                                                   >
-                                                                     <ProviderContainerComponent
-                                                                       aria-labelledby="rbd-lift-instruction-6"
-                                                                       data-rbd-drag-handle-context-id="6"
-                                                                       data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
-                                                                       data-rbd-draggable-context-id="6"
-                                                                       data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
-                                                                       data-test-subj="providerContainer"
-                                                                       draggable={false}
-                                                                       isDragging={false}
-                                                                       onDragStart={[Function]}
-                                                                       onTransitionEnd={null}
-                                                                       registerProvider={[Function]}
-                                                                       style={
-                                                                         Object {
-                                                                           "transform": null,
-                                                                           "transition": null,
-                                                                         }
+                                                                   <Draggable
+                                                                     canDragInteractiveElements={false}
+                                                                     draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
+                                                                     dropAnimationFinished={[Function]}
+                                                                     index={0}
+                                                                     isClone={false}
+                                                                     isEnabled={true}
+                                                                     mapped={
+                                                                       Object {
+                                                                         "combineTargetFor": null,
+                                                                         "offset": Object {
+                                                                           "x": 0,
+                                                                           "y": 0,
+                                                                         },
+                                                                         "shouldAnimateDisplacement": true,
+                                                                         "snapshot": Object {
+                                                                           "combineTargetFor": null,
+                                                                           "combineWith": null,
+                                                                           "draggingOver": null,
+                                                                           "dropAnimation": null,
+                                                                           "isClone": false,
+                                                                           "isDragging": false,
+                                                                           "isDropAnimating": false,
+                                                                           "mode": null,
+                                                                         },
+                                                                         "type": "SECONDARY",
                                                                        }
-                                                                       tabIndex={0}
+                                                                     }
+                                                                     shouldRespectForcePress={false}
+                                                                   >
+                                                                     <ConditionalPortal
+                                                                       usePortal={false}
                                                                      >
-                                                                       <div
+                                                                       <ProviderContainerComponent
                                                                          aria-labelledby="rbd-lift-instruction-6"
-                                                                         className="c3"
                                                                          data-rbd-drag-handle-context-id="6"
                                                                          data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
                                                                          data-rbd-draggable-context-id="6"
                                                                          data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
                                                                          data-test-subj="providerContainer"
                                                                          draggable={false}
+                                                                         isDragging={false}
                                                                          onDragStart={[Function]}
                                                                          onTransitionEnd={null}
                                                                          style={
                                                                            Object {
                                                                              "transform": null,
                                                                              "transition": null,
                                                                            }
                                                                          }
                                                                          tabIndex={0}
                                                                        >
-                                                                         <styled.span
-                                                                           data-test-subj="draggable-content-event.dataset"
+                                                                         <div
+                                                                           aria-labelledby="rbd-lift-instruction-6"
+                                                                           className="c3"
+                                                                           data-rbd-drag-handle-context-id="6"
+                                                                           data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
+                                                                           data-rbd-draggable-context-id="6"
+                                                                           data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-event_dataset-zeek_files"
+                                                                           data-test-subj="providerContainer"
+                                                                           draggable={false}
+                                                                           onDragStart={[Function]}
+                                                                           onTransitionEnd={null}
+                                                                           style={
+                                                                             Object {
+                                                                               "transform": null,
+                                                                               "transition": null,
+                                                                             }
+                                                                           }
+                                                                           tabIndex={0}
                                                                          >
-                                                                           <span
-                                                                             className="c4"
+                                                                           <styled.span
                                                                              data-test-subj="draggable-content-event.dataset"
                                                                            >
-                                                                             <EuiToolTip
-                                                                               content="event.dataset"
-                                                                               data-test-subj="badge-tooltip"
-                                                                               delay="regular"
-                                                                               position="top"
+                                                                             <span
+                                                                               className="c4"
+                                                                               data-test-subj="draggable-content-event.dataset"
                                                                              >
-                                                                               <span
-                                                                                 className="euiToolTipAnchor"
-                                                                                 onMouseOut={[Function]}
-                                                                                 onMouseOver={[Function]}
+                                                                               <EuiToolTip
+                                                                                 content="event.dataset"
+                                                                                 data-test-subj="badge-tooltip"
+                                                                                 delay="regular"
+                                                                                 position="top"
                                                                                >
-                                                                                 <Badge
-                                                                                   color="hollow"
-                                                                                   iconType="tag"
-                                                                                   onBlur={[Function]}
-                                                                                   onFocus={[Function]}
+                                                                                 <span
+                                                                                   className="euiToolTipAnchor"
+                                                                                   onMouseOut={[Function]}
+                                                                                   onMouseOver={[Function]}
                                                                                  >
-                                                                                   <EuiBadge
+                                                                                   <Badge
                                                                                      color="hollow"
                                                                                      iconType="tag"
                                                                                      onBlur={[Function]}
                                                                                      onFocus={[Function]}
-                                                                                     style={
-                                                                                       Object {
-                                                                                         "verticalAlign": "top",
-                                                                                       }
-                                                                                     }
                                                                                    >
-                                                                                     <EuiInnerText>
-                                                                                       <span
-                                                                                         className="euiBadge euiBadge--hollow euiBadge--iconLeft"
-                                                                                         onBlur={[Function]}
-                                                                                         onFocus={[Function]}
-                                                                                         style={
-                                                                                           Object {
-                                                                                             "verticalAlign": "top",
-                                                                                           }
+                                                                                     <EuiBadge
+                                                                                       color="hollow"
+                                                                                       iconType="tag"
+                                                                                       onBlur={[Function]}
+                                                                                       onFocus={[Function]}
+                                                                                       style={
+                                                                                         Object {
+                                                                                           "verticalAlign": "top",
                                                                                          }
-                                                                                         title="files"
-                                                                                       >
+                                                                                       }
+                                                                                     >
+                                                                                       <EuiInnerText>
                                                                                          <span
-                                                                                           className="euiBadge__content"
+                                                                                           className="euiBadge euiBadge--hollow euiBadge--iconLeft"
+                                                                                           onBlur={[Function]}
+                                                                                           onFocus={[Function]}
+                                                                                           style={
+                                                                                             Object {
+                                                                                               "verticalAlign": "top",
+                                                                                             }
+                                                                                           }
+                                                                                           title="files"
                                                                                          >
                                                                                            <span
-                                                                                             className="euiBadge__text"
-                                                                                           >
-                                                                                             files
-                                                                                           </span>
-                                                                                           <EuiIcon
-                                                                                             className="euiBadge__icon"
-                                                                                             size="s"
-                                                                                             type="tag"
+                                                                                             className="euiBadge__content"
                                                                                            >
-                                                                                             <EuiIconEmpty
-                                                                                               aria-hidden={true}
-                                                                                               className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
-                                                                                               focusable="false"
-                                                                                               role="img"
-                                                                                               style={null}
+                                                                                             <span
+                                                                                               className="euiBadge__text"
+                                                                                             >
+                                                                                               files
+                                                                                             </span>
+                                                                                             <EuiIcon
+                                                                                               className="euiBadge__icon"
+                                                                                               size="s"
+                                                                                               type="tag"
                                                                                              >
-                                                                                               <svg
+                                                                                               <EuiIconEmpty
                                                                                                  aria-hidden={true}
                                                                                                  className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
                                                                                                  focusable="false"
-                                                                                                 height={16}
                                                                                                  role="img"
                                                                                                  style={null}
-                                                                                                 viewBox="0 0 16 16"
-                                                                                                 width={16}
-                                                                                                 xmlns="http://www.w3.org/2000/svg"
-                                                                                               />
-                                                                                             </EuiIconEmpty>
-                                                                                           </EuiIcon>
+                                                                                               >
+                                                                                                 <svg
+                                                                                                   aria-hidden={true}
+                                                                                                   className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
+                                                                                                   focusable="false"
+                                                                                                   height={16}
+                                                                                                   role="img"
+                                                                                                   style={null}
+                                                                                                   viewBox="0 0 16 16"
+                                                                                                   width={16}
+                                                                                                   xmlns="http://www.w3.org/2000/svg"
+                                                                                                 />
+                                                                                               </EuiIconEmpty>
+                                                                                             </EuiIcon>
+                                                                                           </span>
                                                                                          </span>
-                                                                                       </span>
-                                                                                     </EuiInnerText>
-                                                                                   </EuiBadge>
-                                                                                 </Badge>
-                                                                               </span>
-                                                                             </EuiToolTip>
-                                                                           </span>
-                                                                         </styled.span>
-                                                                       </div>
-                                                                     </ProviderContainerComponent>
-                                                                   </ConditionalPortal>
-                                                                 </Draggable>
-                                                               </Connect(Draggable)>
-                                                             </PrivateDraggable>
-                                                           </PublicDraggable>
-                                                           <AnimateInOut
-                                                             on={null}
-                                                             shouldAnimate={false}
-                                                           />
-                                                         </div>
-                                                       </Droppable>
-                                                     </ConnectFunction>
-                                                   </div>
-                                                 </Wrapper>
-                                               </Component>
+                                                                                       </EuiInnerText>
+                                                                                     </EuiBadge>
+                                                                                   </Badge>
+                                                                                 </span>
+                                                                               </EuiToolTip>
+                                                                             </span>
+                                                                           </styled.span>
+                                                                         </div>
+                                                                       </ProviderContainerComponent>
+                                                                     </ConditionalPortal>
+                                                                   </Draggable>
+                                                                 </Connect(Draggable)>
+                                                               </PrivateDraggable>
+                                                             </PublicDraggable>
+                                                             <AnimateInOut
+                                                               on={null}
+                                                               shouldAnimate={false}
+                                                             />
+                                                           </div>
+                                                         </Droppable>
+                                                       </ConnectFunction>
+                                                     </div>
+                                                   </Wrapper>
+                                                 </Component>
+                                               </DraggableWrapper>
                                              </div>
                                            </EuiFlexItem>
                                          </TokensFlexItem>
                                        </DraggableZeekElement>
                                        <DraggableZeekElement
@@ -2867,11 +2903,11 @@
                                              grow={false}
                                            >
                                              <div
                                                className="euiFlexItem euiFlexItem--flexGrowZero c1"
                                              >
-                                               <Component
+                                               <DraggableWrapper
                                                  dataProvider={
                                                    Object {
                                                      "and": Array [],
                                                      "enabled": true,
                                                      "excluded": false,
@@ -2885,256 +2921,274 @@
                                                      },
                                                    }
                                                  }
                                                  render={[Function]}
                                                >
-                                                 <Wrapper
-                                                   data-test-subj="draggableWrapperDiv"
+                                                 <Component
+                                                   dataProvider={
+                                                     Object {
+                                                       "and": Array [],
+                                                       "enabled": true,
+                                                       "excluded": false,
+                                                       "id": "draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde",
+                                                       "kqlQuery": "",
+                                                       "name": "fa5195a5dfacc9d1c68d43600f0e0262cad14dde",
+                                                       "queryMatch": Object {
+                                                         "field": "zeek.files.sha1",
+                                                         "operator": ":",
+                                                         "value": "fa5195a5dfacc9d1c68d43600f0e0262cad14dde",
+                                                       },
+                                                     }
+                                                   }
+                                                   registerProvider={[Function]}
+                                                   render={[Function]}
+                                                   unRegisterProvider={[Function]}
                                                  >
-                                                   <div
-                                                     className="c2"
+                                                   <Wrapper
                                                      data-test-subj="draggableWrapperDiv"
                                                    >
-                                                     <ConnectFunction
-                                                       direction="vertical"
-                                                       droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
-                                                       getContainerForClone={[Function]}
-                                                       ignoreContainerClipping={false}
-                                                       isCombineEnabled={false}
-                                                       isDropDisabled={true}
-                                                       mode="standard"
-                                                       renderClone={null}
-                                                       type="DEFAULT"
+                                                     <div
+                                                       className="c2"
+                                                       data-test-subj="draggableWrapperDiv"
                                                      >
-                                                       <Droppable
+                                                       <ConnectFunction
                                                          direction="vertical"
                                                          droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
                                                          getContainerForClone={[Function]}
                                                          ignoreContainerClipping={false}
                                                          isCombineEnabled={false}
                                                          isDropDisabled={true}
                                                          mode="standard"
-                                                         placeholder={null}
                                                          renderClone={null}
-                                                         shouldAnimatePlaceholder={false}
-                                                         snapshot={
-                                                           Object {
-                                                             "draggingFromThisWith": null,
-                                                             "draggingOverWith": null,
-                                                             "isDraggingOver": false,
-                                                             "isUsingPlaceholder": false,
-                                                           }
-                                                         }
                                                          type="DEFAULT"
-                                                         updateViewportMaxScroll={[Function]}
-                                                         useClone={null}
                                                        >
-                                                         <div
-                                                           data-rbd-droppable-context-id="6"
-                                                           data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
+                                                         <Droppable
+                                                           direction="vertical"
+                                                           droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
+                                                           getContainerForClone={[Function]}
+                                                           ignoreContainerClipping={false}
+                                                           isCombineEnabled={false}
+                                                           isDropDisabled={true}
+                                                           mode="standard"
+                                                           placeholder={null}
+                                                           renderClone={null}
+                                                           shouldAnimatePlaceholder={false}
+                                                           snapshot={
+                                                             Object {
+                                                               "draggingFromThisWith": null,
+                                                               "draggingOverWith": null,
+                                                               "isDraggingOver": false,
+                                                               "isUsingPlaceholder": false,
+                                                             }
+                                                           }
+                                                           type="DEFAULT"
+                                                           updateViewportMaxScroll={[Function]}
+                                                           useClone={null}
                                                          >
-                                                           <PublicDraggable
-                                                             draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
-                                                             index={0}
-                                                             key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
+                                                           <div
+                                                             data-rbd-droppable-context-id="6"
+                                                             data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
                                                            >
-                                                             <PrivateDraggable
-                                                               canDragInteractiveElements={false}
+                                                             <PublicDraggable
                                                                draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
                                                                index={0}
-                                                               isClone={false}
-                                                               isEnabled={true}
-                                                               shouldRespectForcePress={false}
+                                                               key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
                                                              >
-                                                               <Connect(Draggable)
+                                                               <PrivateDraggable
                                                                  canDragInteractiveElements={false}
                                                                  draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
                                                                  index={0}
                                                                  isClone={false}
                                                                  isEnabled={true}
                                                                  shouldRespectForcePress={false}
                                                                >
-                                                                 <Draggable
+                                                                 <Connect(Draggable)
                                                                    canDragInteractiveElements={false}
                                                                    draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
-                                                                   dropAnimationFinished={[Function]}
                                                                    index={0}
                                                                    isClone={false}
                                                                    isEnabled={true}
-                                                                   mapped={
-                                                                     Object {
-                                                                       "combineTargetFor": null,
-                                                                       "offset": Object {
-                                                                         "x": 0,
-                                                                         "y": 0,
-                                                                       },
-                                                                       "shouldAnimateDisplacement": true,
-                                                                       "snapshot": Object {
-                                                                         "combineTargetFor": null,
-                                                                         "combineWith": null,
-                                                                         "draggingOver": null,
-                                                                         "dropAnimation": null,
-                                                                         "isClone": false,
-                                                                         "isDragging": false,
-                                                                         "isDropAnimating": false,
-                                                                         "mode": null,
-                                                                       },
-                                                                       "type": "SECONDARY",
-                                                                     }
-                                                                   }
                                                                    shouldRespectForcePress={false}
                                                                  >
-                                                                   <ConditionalPortal
-                                                                     isDragging={false}
-                                                                     registerProvider={[Function]}
-                                                                     usePortal={false}
-                                                                   >
-                                                                     <ProviderContainerComponent
-                                                                       aria-labelledby="rbd-lift-instruction-6"
-                                                                       data-rbd-drag-handle-context-id="6"
-                                                                       data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
-                                                                       data-rbd-draggable-context-id="6"
-                                                                       data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
-                                                                       data-test-subj="providerContainer"
-                                                                       draggable={false}
-                                                                       isDragging={false}
-                                                                       onDragStart={[Function]}
-                                                                       onTransitionEnd={null}
-                                                                       registerProvider={[Function]}
-                                                                       style={
-                                                                         Object {
-                                                                           "transform": null,
-                                                                           "transition": null,
-                                                                         }
+                                                                   <Draggable
+                                                                     canDragInteractiveElements={false}
+                                                                     draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
+                                                                     dropAnimationFinished={[Function]}
+                                                                     index={0}
+                                                                     isClone={false}
+                                                                     isEnabled={true}
+                                                                     mapped={
+                                                                       Object {
+                                                                         "combineTargetFor": null,
+                                                                         "offset": Object {
+                                                                           "x": 0,
+                                                                           "y": 0,
+                                                                         },
+                                                                         "shouldAnimateDisplacement": true,
+                                                                         "snapshot": Object {
+                                                                           "combineTargetFor": null,
+                                                                           "combineWith": null,
+                                                                           "draggingOver": null,
+                                                                           "dropAnimation": null,
+                                                                           "isClone": false,
+                                                                           "isDragging": false,
+                                                                           "isDropAnimating": false,
+                                                                           "mode": null,
+                                                                         },
+                                                                         "type": "SECONDARY",
                                                                        }
-                                                                       tabIndex={0}
+                                                                     }
+                                                                     shouldRespectForcePress={false}
+                                                                   >
+                                                                     <ConditionalPortal
+                                                                       usePortal={false}
                                                                      >
-                                                                       <div
+                                                                       <ProviderContainerComponent
                                                                          aria-labelledby="rbd-lift-instruction-6"
-                                                                         className="c3"
                                                                          data-rbd-drag-handle-context-id="6"
                                                                          data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
                                                                          data-rbd-draggable-context-id="6"
                                                                          data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
                                                                          data-test-subj="providerContainer"
                                                                          draggable={false}
+                                                                         isDragging={false}
                                                                          onDragStart={[Function]}
                                                                          onTransitionEnd={null}
                                                                          style={
                                                                            Object {
                                                                              "transform": null,
                                                                              "transition": null,
                                                                            }
                                                                          }
                                                                          tabIndex={0}
                                                                        >
-                                                                         <styled.span
-                                                                           data-test-subj="draggable-content-zeek.files.sha1"
+                                                                         <div
+                                                                           aria-labelledby="rbd-lift-instruction-6"
+                                                                           className="c3"
+                                                                           data-rbd-drag-handle-context-id="6"
+                                                                           data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
+                                                                           data-rbd-draggable-context-id="6"
+                                                                           data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_sha1-fa5195a5dfacc9d1c68d43600f0e0262cad14dde"
+                                                                           data-test-subj="providerContainer"
+                                                                           draggable={false}
+                                                                           onDragStart={[Function]}
+                                                                           onTransitionEnd={null}
+                                                                           style={
+                                                                             Object {
+                                                                               "transform": null,
+                                                                               "transition": null,
+                                                                             }
+                                                                           }
+                                                                           tabIndex={0}
                                                                          >
-                                                                           <span
-                                                                             className="c4"
+                                                                           <styled.span
                                                                              data-test-subj="draggable-content-zeek.files.sha1"
                                                                            >
-                                                                             <EuiToolTip
-                                                                               content="zeek.files.sha1"
-                                                                               data-test-subj="badge-tooltip"
-                                                                               delay="regular"
-                                                                               position="top"
+                                                                             <span
+                                                                               className="c4"
+                                                                               data-test-subj="draggable-content-zeek.files.sha1"
                                                                              >
-                                                                               <span
-                                                                                 className="euiToolTipAnchor"
-                                                                                 onMouseOut={[Function]}
-                                                                                 onMouseOver={[Function]}
+                                                                               <EuiToolTip
+                                                                                 content="zeek.files.sha1"
+                                                                                 data-test-subj="badge-tooltip"
+                                                                                 delay="regular"
+                                                                                 position="top"
                                                                                >
-                                                                                 <Badge
-                                                                                   color="hollow"
-                                                                                   iconType="tag"
-                                                                                   onBlur={[Function]}
-                                                                                   onFocus={[Function]}
+                                                                                 <span
+                                                                                   className="euiToolTipAnchor"
+                                                                                   onMouseOut={[Function]}
+                                                                                   onMouseOver={[Function]}
                                                                                  >
-                                                                                   <EuiBadge
+                                                                                   <Badge
                                                                                      color="hollow"
                                                                                      iconType="tag"
                                                                                      onBlur={[Function]}
                                                                                      onFocus={[Function]}
-                                                                                     style={
-                                                                                       Object {
-                                                                                         "verticalAlign": "top",
-                                                                                       }
-                                                                                     }
                                                                                    >
-                                                                                     <EuiInnerText>
-                                                                                       <span
-                                                                                         className="euiBadge euiBadge--hollow euiBadge--iconLeft"
-                                                                                         onBlur={[Function]}
-                                                                                         onFocus={[Function]}
-                                                                                         style={
-                                                                                           Object {
-                                                                                             "verticalAlign": "top",
-                                                                                           }
+                                                                                     <EuiBadge
+                                                                                       color="hollow"
+                                                                                       iconType="tag"
+                                                                                       onBlur={[Function]}
+                                                                                       onFocus={[Function]}
+                                                                                       style={
+                                                                                         Object {
+                                                                                           "verticalAlign": "top",
                                                                                          }
-                                                                                         title="sha1: fa5195a..."
-                                                                                       >
+                                                                                       }
+                                                                                     >
+                                                                                       <EuiInnerText>
                                                                                          <span
-                                                                                           className="euiBadge__content"
+                                                                                           className="euiBadge euiBadge--hollow euiBadge--iconLeft"
+                                                                                           onBlur={[Function]}
+                                                                                           onFocus={[Function]}
+                                                                                           style={
+                                                                                             Object {
+                                                                                               "verticalAlign": "top",
+                                                                                             }
+                                                                                           }
+                                                                                           title="sha1: fa5195a..."
                                                                                          >
                                                                                            <span
-                                                                                             className="euiBadge__text"
-                                                                                           >
-                                                                                             sha1: fa5195a...
-                                                                                           </span>
-                                                                                           <EuiIcon
-                                                                                             className="euiBadge__icon"
-                                                                                             size="s"
-                                                                                             type="tag"
+                                                                                             className="euiBadge__content"
                                                                                            >
-                                                                                             <EuiIconEmpty
-                                                                                               aria-hidden={true}
-                                                                                               className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
-                                                                                               focusable="false"
-                                                                                               role="img"
-                                                                                               style={null}
+                                                                                             <span
+                                                                                               className="euiBadge__text"
+                                                                                             >
+                                                                                               sha1: fa5195a...
+                                                                                             </span>
+                                                                                             <EuiIcon
+                                                                                               className="euiBadge__icon"
+                                                                                               size="s"
+                                                                                               type="tag"
                                                                                              >
-                                                                                               <svg
+                                                                                               <EuiIconEmpty
                                                                                                  aria-hidden={true}
                                                                                                  className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
                                                                                                  focusable="false"
-                                                                                                 height={16}
                                                                                                  role="img"
                                                                                                  style={null}
-                                                                                                 viewBox="0 0 16 16"
-                                                                                                 width={16}
-                                                                                                 xmlns="http://www.w3.org/2000/svg"
-                                                                                               />
-                                                                                             </EuiIconEmpty>
-                                                                                           </EuiIcon>
+                                                                                               >
+                                                                                                 <svg
+                                                                                                   aria-hidden={true}
+                                                                                                   className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
+                                                                                                   focusable="false"
+                                                                                                   height={16}
+                                                                                                   role="img"
+                                                                                                   style={null}
+                                                                                                   viewBox="0 0 16 16"
+                                                                                                   width={16}
+                                                                                                   xmlns="http://www.w3.org/2000/svg"
+                                                                                                 />
+                                                                                               </EuiIconEmpty>
+                                                                                             </EuiIcon>
+                                                                                           </span>
                                                                                          </span>
-                                                                                       </span>
-                                                                                     </EuiInnerText>
-                                                                                   </EuiBadge>
-                                                                                 </Badge>
-                                                                               </span>
-                                                                             </EuiToolTip>
-                                                                           </span>
-                                                                         </styled.span>
-                                                                       </div>
-                                                                     </ProviderContainerComponent>
-                                                                   </ConditionalPortal>
-                                                                 </Draggable>
-                                                               </Connect(Draggable)>
-                                                             </PrivateDraggable>
-                                                           </PublicDraggable>
-                                                           <AnimateInOut
-                                                             on={null}
-                                                             shouldAnimate={false}
-                                                           />
-                                                         </div>
-                                                       </Droppable>
-                                                     </ConnectFunction>
-                                                   </div>
-                                                 </Wrapper>
-                                               </Component>
+                                                                                       </EuiInnerText>
+                                                                                     </EuiBadge>
+                                                                                   </Badge>
+                                                                                 </span>
+                                                                               </EuiToolTip>
+                                                                             </span>
+                                                                           </styled.span>
+                                                                         </div>
+                                                                       </ProviderContainerComponent>
+                                                                     </ConditionalPortal>
+                                                                   </Draggable>
+                                                                 </Connect(Draggable)>
+                                                               </PrivateDraggable>
+                                                             </PublicDraggable>
+                                                             <AnimateInOut
+                                                               on={null}
+                                                               shouldAnimate={false}
+                                                             />
+                                                           </div>
+                                                         </Droppable>
+                                                       </ConnectFunction>
+                                                     </div>
+                                                   </Wrapper>
+                                                 </Component>
+                                               </DraggableWrapper>
                                              </div>
                                            </EuiFlexItem>
                                          </TokensFlexItem>
                                        </DraggableZeekElement>
                                        <DraggableZeekElement
@@ -3151,11 +3205,11 @@
                                              grow={false}
                                            >
                                              <div
                                                className="euiFlexItem euiFlexItem--flexGrowZero c1"
                                              >
-                                               <Component
+                                               <DraggableWrapper
                                                  dataProvider={
                                                    Object {
                                                      "and": Array [],
                                                      "enabled": true,
                                                      "excluded": false,
@@ -3169,256 +3223,274 @@
                                                      },
                                                    }
                                                  }
                                                  render={[Function]}
                                                >
-                                                 <Wrapper
-                                                   data-test-subj="draggableWrapperDiv"
+                                                 <Component
+                                                   dataProvider={
+                                                     Object {
+                                                       "and": Array [],
+                                                       "enabled": true,
+                                                       "excluded": false,
+                                                       "id": "draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32",
+                                                       "kqlQuery": "",
+                                                       "name": "f7653f1951693021daa9e6be61226e32",
+                                                       "queryMatch": Object {
+                                                         "field": "zeek.files.md5",
+                                                         "operator": ":",
+                                                         "value": "f7653f1951693021daa9e6be61226e32",
+                                                       },
+                                                     }
+                                                   }
+                                                   registerProvider={[Function]}
+                                                   render={[Function]}
+                                                   unRegisterProvider={[Function]}
                                                  >
-                                                   <div
-                                                     className="c2"
+                                                   <Wrapper
                                                      data-test-subj="draggableWrapperDiv"
                                                    >
-                                                     <ConnectFunction
-                                                       direction="vertical"
-                                                       droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
-                                                       getContainerForClone={[Function]}
-                                                       ignoreContainerClipping={false}
-                                                       isCombineEnabled={false}
-                                                       isDropDisabled={true}
-                                                       mode="standard"
-                                                       renderClone={null}
-                                                       type="DEFAULT"
+                                                     <div
+                                                       className="c2"
+                                                       data-test-subj="draggableWrapperDiv"
                                                      >
-                                                       <Droppable
+                                                       <ConnectFunction
                                                          direction="vertical"
                                                          droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
                                                          getContainerForClone={[Function]}
                                                          ignoreContainerClipping={false}
                                                          isCombineEnabled={false}
                                                          isDropDisabled={true}
                                                          mode="standard"
-                                                         placeholder={null}
                                                          renderClone={null}
-                                                         shouldAnimatePlaceholder={false}
-                                                         snapshot={
-                                                           Object {
-                                                             "draggingFromThisWith": null,
-                                                             "draggingOverWith": null,
-                                                             "isDraggingOver": false,
-                                                             "isUsingPlaceholder": false,
-                                                           }
-                                                         }
                                                          type="DEFAULT"
-                                                         updateViewportMaxScroll={[Function]}
-                                                         useClone={null}
                                                        >
-                                                         <div
-                                                           data-rbd-droppable-context-id="6"
-                                                           data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
+                                                         <Droppable
+                                                           direction="vertical"
+                                                           droppableId="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
+                                                           getContainerForClone={[Function]}
+                                                           ignoreContainerClipping={false}
+                                                           isCombineEnabled={false}
+                                                           isDropDisabled={true}
+                                                           mode="standard"
+                                                           placeholder={null}
+                                                           renderClone={null}
+                                                           shouldAnimatePlaceholder={false}
+                                                           snapshot={
+                                                             Object {
+                                                               "draggingFromThisWith": null,
+                                                               "draggingOverWith": null,
+                                                               "isDraggingOver": false,
+                                                               "isUsingPlaceholder": false,
+                                                             }
+                                                           }
+                                                           type="DEFAULT"
+                                                           updateViewportMaxScroll={[Function]}
+                                                           useClone={null}
                                                          >
-                                                           <PublicDraggable
-                                                             draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
-                                                             index={0}
-                                                             key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
+                                                           <div
+                                                             data-rbd-droppable-context-id="6"
+                                                             data-rbd-droppable-id="droppableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
                                                            >
-                                                             <PrivateDraggable
-                                                               canDragInteractiveElements={false}
+                                                             <PublicDraggable
                                                                draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
                                                                index={0}
-                                                               isClone={false}
-                                                               isEnabled={true}
-                                                               shouldRespectForcePress={false}
+                                                               key="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
                                                              >
-                                                               <Connect(Draggable)
+                                                               <PrivateDraggable
                                                                  canDragInteractiveElements={false}
                                                                  draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
                                                                  index={0}
                                                                  isClone={false}
                                                                  isEnabled={true}
                                                                  shouldRespectForcePress={false}
                                                                >
-                                                                 <Draggable
+                                                                 <Connect(Draggable)
                                                                    canDragInteractiveElements={false}
                                                                    draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
-                                                                   dropAnimationFinished={[Function]}
                                                                    index={0}
                                                                    isClone={false}
                                                                    isEnabled={true}
-                                                                   mapped={
-                                                                     Object {
-                                                                       "combineTargetFor": null,
-                                                                       "offset": Object {
-                                                                         "x": 0,
-                                                                         "y": 0,
-                                                                       },
-                                                                       "shouldAnimateDisplacement": true,
-                                                                       "snapshot": Object {
-                                                                         "combineTargetFor": null,
-                                                                         "combineWith": null,
-                                                                         "draggingOver": null,
-                                                                         "dropAnimation": null,
-                                                                         "isClone": false,
-                                                                         "isDragging": false,
-                                                                         "isDropAnimating": false,
-                                                                         "mode": null,
-                                                                       },
-                                                                       "type": "SECONDARY",
-                                                                     }
-                                                                   }
                                                                    shouldRespectForcePress={false}
                                                                  >
-                                                                   <ConditionalPortal
-                                                                     isDragging={false}
-                                                                     registerProvider={[Function]}
-                                                                     usePortal={false}
-                                                                   >
-                                                                     <ProviderContainerComponent
-                                                                       aria-labelledby="rbd-lift-instruction-6"
-                                                                       data-rbd-drag-handle-context-id="6"
-                                                                       data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
-                                                                       data-rbd-draggable-context-id="6"
-                                                                       data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
-                                                                       data-test-subj="providerContainer"
-                                                                       draggable={false}
-                                                                       isDragging={false}
-                                                                       onDragStart={[Function]}
-                                                                       onTransitionEnd={null}
-                                                                       registerProvider={[Function]}
-                                                                       style={
-                                                                         Object {
-                                                                           "transform": null,
-                                                                           "transition": null,
-                                                                         }
+                                                                   <Draggable
+                                                                     canDragInteractiveElements={false}
+                                                                     draggableId="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
+                                                                     dropAnimationFinished={[Function]}
+                                                                     index={0}
+                                                                     isClone={false}
+                                                                     isEnabled={true}
+                                                                     mapped={
+                                                                       Object {
+                                                                         "combineTargetFor": null,
+                                                                         "offset": Object {
+                                                                           "x": 0,
+                                                                           "y": 0,
+                                                                         },
+                                                                         "shouldAnimateDisplacement": true,
+                                                                         "snapshot": Object {
+                                                                           "combineTargetFor": null,
+                                                                           "combineWith": null,
+                                                                           "draggingOver": null,
+                                                                           "dropAnimation": null,
+                                                                           "isClone": false,
+                                                                           "isDragging": false,
+                                                                           "isDropAnimating": false,
+                                                                           "mode": null,
+                                                                         },
+                                                                         "type": "SECONDARY",
                                                                        }
-                                                                       tabIndex={0}
+                                                                     }
+                                                                     shouldRespectForcePress={false}
+                                                                   >
+                                                                     <ConditionalPortal
+                                                                       usePortal={false}
                                                                      >
-                                                                       <div
+                                                                       <ProviderContainerComponent
                                                                          aria-labelledby="rbd-lift-instruction-6"
-                                                                         className="c3"
                                                                          data-rbd-drag-handle-context-id="6"
                                                                          data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
                                                                          data-rbd-draggable-context-id="6"
                                                                          data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
                                                                          data-test-subj="providerContainer"
                                                                          draggable={false}
+                                                                         isDragging={false}
                                                                          onDragStart={[Function]}
                                                                          onTransitionEnd={null}
                                                                          style={
                                                                            Object {
                                                                              "transform": null,
                                                                              "transition": null,
                                                                            }
                                                                          }
                                                                          tabIndex={0}
                                                                        >
-                                                                         <styled.span
-                                                                           data-test-subj="draggable-content-zeek.files.md5"
+                                                                         <div
+                                                                           aria-labelledby="rbd-lift-instruction-6"
+                                                                           className="c3"
+                                                                           data-rbd-drag-handle-context-id="6"
+                                                                           data-rbd-drag-handle-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
+                                                                           data-rbd-draggable-context-id="6"
+                                                                           data-rbd-draggable-id="draggableId.content.draggable-zeek-element-draggable-wrapper-zeek-signature-draggable-zeek-element-test-19-zeek_files_md5-f7653f1951693021daa9e6be61226e32"
+                                                                           data-test-subj="providerContainer"
+                                                                           draggable={false}
+                                                                           onDragStart={[Function]}
+                                                                           onTransitionEnd={null}
+                                                                           style={
+                                                                             Object {
+                                                                               "transform": null,
+                                                                               "transition": null,
+                                                                             }
+                                                                           }
+                                                                           tabIndex={0}
                                                                          >
-                                                                           <span
-                                                                             className="c4"
+                                                                           <styled.span
                                                                              data-test-subj="draggable-content-zeek.files.md5"
                                                                            >
-                                                                             <EuiToolTip
-                                                                               content="zeek.files.md5"
-                                                                               data-test-subj="badge-tooltip"
-                                                                               delay="regular"
-                                                                               position="top"
+                                                                             <span
+                                                                               className="c4"
+                                                                               data-test-subj="draggable-content-zeek.files.md5"
                                                                              >
-                                                                               <span
-                                                                                 className="euiToolTipAnchor"
-                                                                                 onMouseOut={[Function]}
-                                                                                 onMouseOver={[Function]}
+                                                                               <EuiToolTip
+                                                                                 content="zeek.files.md5"
+                                                                                 data-test-subj="badge-tooltip"
+                                                                                 delay="regular"
+                                                                                 position="top"
                                                                                >
-                                                                                 <Badge
-                                                                                   color="hollow"
-                                                                                   iconType="tag"
-                                                                                   onBlur={[Function]}
-                                                                                   onFocus={[Function]}
+                                                                                 <span
+                                                                                   className="euiToolTipAnchor"
+                                                                                   onMouseOut={[Function]}
+                                                                                   onMouseOver={[Function]}
                                                                                  >
-                                                                                   <EuiBadge
+                                                                                   <Badge
                                                                                      color="hollow"
                                                                                      iconType="tag"
                                                                                      onBlur={[Function]}
                                                                                      onFocus={[Function]}
-                                                                                     style={
-                                                                                       Object {
-                                                                                         "verticalAlign": "top",
-                                                                                       }
-                                                                                     }
                                                                                    >
-                                                                                     <EuiInnerText>
-                                                                                       <span
-                                                                                         className="euiBadge euiBadge--hollow euiBadge--iconLeft"
-                                                                                         onBlur={[Function]}
-                                                                                         onFocus={[Function]}
-                                                                                         style={
-                                                                                           Object {
-                                                                                             "verticalAlign": "top",
-                                                                                           }
+                                                                                     <EuiBadge
+                                                                                       color="hollow"
+                                                                                       iconType="tag"
+                                                                                       onBlur={[Function]}
+                                                                                       onFocus={[Function]}
+                                                                                       style={
+                                                                                         Object {
+                                                                                           "verticalAlign": "top",
                                                                                          }
-                                                                                         title="md5: f7653f1..."
-                                                                                       >
+                                                                                       }
+                                                                                     >
+                                                                                       <EuiInnerText>
                                                                                          <span
-                                                                                           className="euiBadge__content"
+                                                                                           className="euiBadge euiBadge--hollow euiBadge--iconLeft"
+                                                                                           onBlur={[Function]}
+                                                                                           onFocus={[Function]}
+                                                                                           style={
+                                                                                             Object {
+                                                                                               "verticalAlign": "top",
+                                                                                             }
+                                                                                           }
+                                                                                           title="md5: f7653f1..."
                                                                                          >
                                                                                            <span
-                                                                                             className="euiBadge__text"
-                                                                                           >
-                                                                                             md5: f7653f1...
-                                                                                           </span>
-                                                                                           <EuiIcon
-                                                                                             className="euiBadge__icon"
-                                                                                             size="s"
-                                                                                             type="tag"
+                                                                                             className="euiBadge__content"
                                                                                            >
-                                                                                             <EuiIconEmpty
-                                                                                               aria-hidden={true}
-                                                                                               className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
-                                                                                               focusable="false"
-                                                                                               role="img"
-                                                                                               style={null}
+                                                                                             <span
+                                                                                               className="euiBadge__text"
+                                                                                             >
+                                                                                               md5: f7653f1...
+                                                                                             </span>
+                                                                                             <EuiIcon
+                                                                                               className="euiBadge__icon"
+                                                                                               size="s"
+                                                                                               type="tag"
                                                                                              >
-                                                                                               <svg
+                                                                                               <EuiIconEmpty
                                                                                                  aria-hidden={true}
                                                                                                  className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
                                                                                                  focusable="false"
-                                                                                                 height={16}
                                                                                                  role="img"
                                                                                                  style={null}
-                                                                                                 viewBox="0 0 16 16"
-                                                                                                 width={16}
-                                                                                                 xmlns="http://www.w3.org/2000/svg"
-                                                                                               />
-                                                                                             </EuiIconEmpty>
-                                                                                           </EuiIcon>
+                                                                                               >
+                                                                                                 <svg
+                                                                                                   aria-hidden={true}
+                                                                                                   className="euiIcon euiIcon--small euiIcon-isLoading euiBadge__icon"
+                                                                                                   focusable="false"
+                                                                                                   height={16}
+                                                                                                   role="img"
+                                                                                                   style={null}
+                                                                                                   viewBox="0 0 16 16"
+                                                                                                   width={16}
+                                                                                                   xmlns="http://www.w3.org/2000/svg"
+                                                                                                 />
+                                                                                               </EuiIconEmpty>
+                                                                                             </EuiIcon>
+                                                                                           </span>
                                                                                          </span>
-                                                                                       </span>
-                                                                                     </EuiInnerText>
-                                                                                   </EuiBadge>
-                                                                                 </Badge>
-                                                                               </span>
-                                                                             </EuiToolTip>
-                                                                           </span>
-                                                                         </styled.span>
-                                                                       </div>
-                                                                     </ProviderContainerComponent>
-                                                                   </ConditionalPortal>
-                                                                 </Draggable>
-                                                               </Connect(Draggable)>
-                                                             </PrivateDraggable>
-                                                           </PublicDraggable>
-                                                           <AnimateInOut
-                                                             on={null}
-                                                             shouldAnimate={false}
-                                                           />
-                                                         </div>
-                                                       </Droppable>
-                                                     </ConnectFunction>
-                                                   </div>
-                                                 </Wrapper>
-                                               </Component>
+                                                                                       </EuiInnerText>
+                                                                                     </EuiBadge>
+                                                                                   </Badge>
+                                                                                 </span>
+                                                                               </EuiToolTip>
+                                                                             </span>
+                                                                           </styled.span>
+                                                                         </div>
+                                                                       </ProviderContainerComponent>
+                                                                     </ConditionalPortal>
+                                                                   </Draggable>
+                                                                 </Connect(Draggable)>
+                                                               </PrivateDraggable>
+                                                             </PublicDraggable>
+                                                             <AnimateInOut
+                                                               on={null}
+                                                               shouldAnimate={false}
+                                                             />
+                                                           </div>
+                                                         </Droppable>
+                                                       </ConnectFunction>
+                                                     </div>
+                                                   </Wrapper>
+                                                 </Component>
+                                               </DraggableWrapper>
                                              </div>
                                            </EuiFlexItem>
                                          </TokensFlexItem>
                                        </DraggableZeekElement>
                                        <DraggableZeekElement
    at Object.test (/var/lib/jenkins/workspace/elastic+kibana+pipeline-pull-request/kibana/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.test.tsx:116:23)
    at Object.asyncJestTest (/var/lib/jenkins/workspace/elastic+kibana+pipeline-pull-request/kibana/node_modules/jest-jasmine2/build/jasmineAsyncInstall.js:102:37)
    at resolve (/var/lib/jenkins/workspace/elastic+kibana+pipeline-pull-request/kibana/node_modules/jest-jasmine2/build/queueRunner.js:43:12)
    at new Promise (<anonymous>)
    at mapper (/var/lib/jenkins/workspace/elastic+kibana+pipeline-pull-request/kibana/node_modules/jest-jasmine2/build/queueRunner.js:26:19)
    at promise.then (/var/lib/jenkins/workspace/elastic+kibana+pipeline-pull-request/kibana/node_modules/jest-jasmine2/build/queueRunner.js:73:41)

---

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[lukeelmers]

Closing this backport. The original PR had to be reverted due to the inclusion of a problematic SIEM snapshot which had been reverted on master and later fixed in #58724.

Will reopen a new backport once the updated PR is merged.