elastic
diff --git a/‎…/lib/streams/helpers/condition_fields.ts‎ ‎…s-schema/src/helpers/condition_fields.ts‎x-pack/solutions/observability/plugins/streams/server/lib/streams/helpers/condition_fields.ts renamed to x-pack/solutions/observability/packages/kbn-streams-schema/src/helpers/condition_fields.ts
Lines changed: 3 additions & 3 deletions b/‎…/lib/streams/helpers/condition_fields.ts‎ ‎…s-schema/src/helpers/condition_fields.ts‎x-pack/solutions/observability/plugins/streams/server/lib/streams/helpers/condition_fields.ts renamed to x-pack/solutions/observability/packages/kbn-streams-schema/src/helpers/condition_fields.ts
Lines changed: 3 additions & 3 deletions
diff --git a/‎…treams/helpers/condition_to_query_dsl.ts‎ ‎…ma/src/helpers/condition_to_query_dsl.ts‎x-pack/solutions/observability/plugins/streams/server/lib/streams/helpers/condition_to_query_dsl.ts renamed to x-pack/solutions/observability/packages/kbn-streams-schema/src/helpers/condition_to_query_dsl.ts
Lines changed: 3 additions & 3 deletions b/‎…treams/helpers/condition_to_query_dsl.ts‎ ‎…ma/src/helpers/condition_to_query_dsl.ts‎x-pack/solutions/observability/plugins/streams/server/lib/streams/helpers/condition_to_query_dsl.ts renamed to x-pack/solutions/observability/packages/kbn-streams-schema/src/helpers/condition_to_query_dsl.ts
Lines changed: 3 additions & 3 deletions
diff --git a/‎x-pack/solutions/observability/packages/kbn-streams-schema/src/helpers/index.ts‎
Lines changed: 2 additions & 0 deletions b/‎x-pack/solutions/observability/packages/kbn-streams-schema/src/helpers/index.ts‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎x-pack/solutions/observability/plugins/streams/server/routes/streams/management/route.ts‎
Lines changed: 6 additions & 3 deletions b/‎x-pack/solutions/observability/plugins/streams/server/routes/streams/management/route.ts‎
Lines changed: 6 additions & 3 deletions
diff --git a/‎x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/child_stream_list.tsx‎
Lines changed: 171 additions & 0 deletions b/‎x-pack/solutions/observability/plugins/streams_app/public/components/stream_detail_routing/child_stream_list.tsx‎
Lines changed: 171 additions & 0 deletions
@@ -7,11 +7,11 @@
 
 import {
   Condition,
-  FilterCondition,
-  isAndCondition,
   isFilterCondition,
+  isAndCondition,
   isOrCondition,
-} from '@kbn/streams-schema';
+  FilterCondition,
+} from '../models';
 
 export function getFields(
   condition: Condition
 
@@ -6,12 +6,12 @@
  */
 
 import {
-  Condition,
   FilterCondition,
-  isAndCondition,
+  Condition,
   isFilterCondition,
+  isAndCondition,
   isOrCondition,
-} from '@kbn/streams-schema';
+} from '../models';
 
 function conditionToClause(condition: FilterCondition) {
   switch (condition.operator) {
 
@@ -7,3 +7,5 @@
 
 export * from './type_guards';
 export * from './hierarchy';
+export * from './condition_fields';
+export * from './condition_to_query_dsl';
@@ -5,11 +5,14 @@
  * 2.0.
  */
 
-import { RecursiveRecord, conditionSchema } from '@kbn/streams-schema';
+import {
+  RecursiveRecord,
+  conditionSchema,
+  conditionToQueryDsl,
+  getFields,
+} from '@kbn/streams-schema';
 import { z } from '@kbn/zod';
 import { ResyncStreamsResponse } from '../../../lib/streams/client';
-import { getFields } from '../../../lib/streams/helpers/condition_fields';
-import { conditionToQueryDsl } from '../../../lib/streams/helpers/condition_to_query_dsl';
 import { checkAccess } from '../../../lib/streams/stream_crud';
 import { createServerRoute } from '../../create_server_route';
 import { DefinitionNotFoundError } from '../../../lib/streams/errors/definition_not_found_error';
 
@@ -0,0 +1,171 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import {
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiText,
+  EuiDragDropContext,
+  EuiDroppable,
+  EuiDraggable,
+  EuiPanel,
+  EuiButtonEmpty,
+} from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import { WiredStreamGetResponse } from '@kbn/streams-schema';
+import { css } from '@emotion/css';
+import { cloneDeep } from 'lodash';
+import React from 'react';
+import { EMPTY_EQUALS_CONDITION } from '../../util/condition';
+import { NestedView } from '../nested_view';
+import { useRoutingState } from './hooks/routing_state';
+import { CurrentStreamEntry } from './current_stream_entry';
+import { NewRoutingStreamEntry } from './new_routing_stream_entry';
+import { RoutingStreamEntry } from './routing_stream_entry';
+
+export function ChildStreamList({
+  definition,
+  availableStreams,
+  routingAppState: {
+    childUnderEdit,
+    selectChildUnderEdit,
+    childStreams,
+    onChildStreamDragEnd,
+    onChildStreamDragStart,
+    draggingChildStream,
+  },
+}: {
+  definition: WiredStreamGetResponse;
+  routingAppState: ReturnType<typeof useRoutingState>;
+  availableStreams: string[];
+}) {
+  return (
+    <EuiFlexGroup
+      direction="column"
+      gutterSize="s"
+      className={css`
+        overflow: auto;
+      `}
+    >
+      <EuiFlexItem grow={false}>
+        <EuiText
+          size="s"
+          className={css`
+            height: 40px;
+            align-content: center;
+            font-weight: bold;
+          `}
+        >
+          {i18n.translate('xpack.streams.streamDetailRouting.rules.header', {
+            defaultMessage: 'Routing rules',
+          })}
+        </EuiText>
+      </EuiFlexItem>
+      <EuiFlexGroup
+        direction="column"
+        gutterSize="xs"
+        className={css`
+          overflow: auto;
+        `}
+      >
+        <CurrentStreamEntry definition={definition} />
+        <EuiDragDropContext onDragEnd={onChildStreamDragEnd} onDragStart={onChildStreamDragStart}>
+          <EuiDroppable droppableId="routing_children_reordering" spacing="none">
+            <EuiFlexGroup direction="column" gutterSize="xs">
+              {childStreams.map((child, i) => (
+                <EuiFlexItem key={`${child.destination}-${i}-flex-item`} grow={false}>
+                  <EuiDraggable
+                    key={child.destination}
+                    index={i}
+                    draggableId={child.destination}
+                    hasInteractiveChildren={true}
+                    customDragHandle={true}
+                    spacing="none"
+                  >
+                    {(provided) => (
+                      <NestedView
+                        key={i}
+                        isBeingDragged={draggingChildStream === child.destination}
+                      >
+                        <RoutingStreamEntry
+                          draggableProvided={provided}
+                          child={
+                            !childUnderEdit?.isNew &&
+                            child.destination === childUnderEdit?.child.destination
+                              ? childUnderEdit.child
+                              : child
+                          }
+                          edit={
+                            !childUnderEdit?.isNew &&
+                            child.destination === childUnderEdit?.child.destination
+                          }
+                          onEditStateChange={() => {
+                            if (child.destination === childUnderEdit?.child.destination) {
+                              selectChildUnderEdit(undefined);
+                            } else {
+                              selectChildUnderEdit({ isNew: false, child });
+                            }
+                          }}
+                          onChildChange={(newChild) => {
+                            selectChildUnderEdit({
+                              isNew: false,
+                              child: newChild,
+                            });
+                          }}
+                          availableStreams={availableStreams}
+                        />
+                      </NestedView>
+                    )}
+                  </EuiDraggable>
+                </EuiFlexItem>
+              ))}
+            </EuiFlexGroup>
+          </EuiDroppable>
+        </EuiDragDropContext>
+        {childUnderEdit?.isNew ? (
+          <NestedView last>
+            <NewRoutingStreamEntry
+              child={childUnderEdit.child}
+              onChildChange={(newChild) => {
+                if (!newChild) {
+                  selectChildUnderEdit(undefined);
+                  return;
+                }
+                selectChildUnderEdit({
+                  isNew: true,
+                  child: newChild,
+                });
+              }}
+            />
+          </NestedView>
+        ) : (
+          <NestedView last>
+            <EuiPanel hasShadow={false} hasBorder paddingSize="none">
+              <EuiButtonEmpty
+                iconType="plus"
+                data-test-subj="streamsAppStreamDetailRoutingAddRuleButton"
+                onClick={() => {
+                  selectChildUnderEdit({
+                    isNew: true,
+                    child: {
+                      destination: `${definition.stream.name}.child`,
+                      if: cloneDeep(EMPTY_EQUALS_CONDITION),
+                    },
+                  });
+                }}
+              >
+                {i18n.translate('xpack.streams.streamDetailRouting.addRule', {
+                  defaultMessage: 'Create a new child stream',
+                })}
+              </EuiButtonEmpty>
+            </EuiPanel>
+          </NestedView>
+        )}
+      </EuiFlexGroup>
+    </EuiFlexGroup>
+  );
+}