ui/src/app/core-ui/topics/topics.component.html [86:119]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                <table mat-table [dataSource]="pipelineElement?.inputStreams">
                    <ng-container matColumnDef="inputTopics">
                        <th mat-header-cell *matHeaderCellDef>
                            <strong>{{ 'Input Topics' | translate }}</strong>
                        </th>
                        <td mat-cell *matCellDef="let element">
                            <div
                                fxLayout="row"
                                fxLayoutAlign="space-between center"
                            >
                                <span>{{
                                    element?.eventGrounding
                                        ?.transportProtocols?.[0]
                                        ?.topicDefinition?.actualTopicName
                                }}</span>
                                <button
                                    mat-icon-button
                                    [cdkCopyToClipboard]="
                                        element?.eventGrounding
                                            ?.transportProtocols?.[0]
                                            ?.topicDefinition?.actualTopicName
                                    "
                                    [matTooltip]="'Copy' | translate"
                                >
                                    <mat-icon>content_copy</mat-icon>
                                </button>
                            </div>
                        </td>
                    </ng-container>
                    <tr mat-header-row *matHeaderRowDef="['inputTopics']"></tr>
                    <tr
                        mat-row
                        *matRowDef="let row; columns: ['inputTopics']"
                    ></tr>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



ui/src/app/core-ui/topics/topics.component.html [163:196]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                <table mat-table [dataSource]="pipelineElement?.inputStreams">
                    <ng-container matColumnDef="inputTopics">
                        <th mat-header-cell *matHeaderCellDef>
                            <strong>{{ 'Input Topics' | translate }}</strong>
                        </th>
                        <td mat-cell *matCellDef="let element">
                            <div
                                fxLayout="row"
                                fxLayoutAlign="space-between center"
                            >
                                <span>{{
                                    element?.eventGrounding
                                        ?.transportProtocols?.[0]
                                        ?.topicDefinition?.actualTopicName
                                }}</span>
                                <button
                                    mat-icon-button
                                    [cdkCopyToClipboard]="
                                        element?.eventGrounding
                                            ?.transportProtocols?.[0]
                                            ?.topicDefinition?.actualTopicName
                                    "
                                    [matTooltip]="'Copy' | translate"
                                >
                                    <mat-icon>content_copy</mat-icon>
                                </button>
                            </div>
                        </td>
                    </ng-container>
                    <tr mat-header-row *matHeaderRowDef="['inputTopics']"></tr>
                    <tr
                        mat-row
                        *matRowDef="let row; columns: ['inputTopics']"
                    ></tr>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -