diff --git a/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row-counters.vue b/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row-counters.vue
index 61c65751..bdda77a6 100644
--- a/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row-counters.vue
+++ b/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row-counters.vue
@@ -2,10 +2,10 @@
   <div class="day-timeline-row-counters">
     <div class="day-timeline-row-counters__wrapper">
       <span>
-        {{ `${t(`contacts.timeline.eventType.${WebitelContactsTimelineEventType.Call}`, 2)}: ${props.callsCount} ` }}
+        {{ `${t(`contacts.timeline.eventType.${WebitelContactsTimelineEventType.Call}`, 2)}: ${props.callsCount}` }}
       </span>
       <span>
-        {{ `${t(`contacts.timeline.eventType.${WebitelContactsTimelineEventType.Chat}`, 2)}: ${props.chatsCount} `}}
+        {{ `${t(`contacts.timeline.eventType.${WebitelContactsTimelineEventType.Chat}`, 2)}: ${props.chatsCount}`}}
       </span>
     </div>
   </div>
@@ -30,6 +30,8 @@ const { t } = useI18n();
 </script>
 
 <style scoped lang="scss">
+$colWidth: 80px;
+
 .day-timeline-row-counters {
   display: flex;
   align-items: flex-start;
@@ -37,8 +39,10 @@ const { t } = useI18n();
 
   &__wrapper {
     @extend %typo-body-2;
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(2, $colWidth);
     gap: var(--spacing-xs);
+    text-align: right;
   }
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row.vue b/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row.vue
index e98486a5..a3cbc1ba 100644
--- a/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/components/day-row/day-timeline-row.vue
@@ -24,8 +24,8 @@
 
     <template v-slot:content>
       <day-timeline-row-counters
-        :callsCount="props.callsCount"
-        :chatsCount="props.chatsCount"
+        :callsCount="callsCount"
+        :chatsCount="chatsCount"
       />
     </template>
 
diff --git a/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row-content-wrapper.vue b/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row-content-wrapper.vue
new file mode 100644
index 00000000..54d02f4c
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row-content-wrapper.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="task-timeline-row-content-wrapper">
+    <slot/>
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+.task-timeline-row-content-wrapper {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 40px; // wt-avatar height
+  padding: var(--spacing-xs) var(--spacing-sm);
+  border-radius: var(--border-radius);
+  box-shadow: var(--elevation-1);
+  gap: var(--spacing-sm);
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue b/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue
index a33e0fc4..b887fc36 100644
--- a/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue
@@ -7,9 +7,9 @@
 
 <script setup>
 import { computed } from 'vue';
-import ChatTaskTimelineRow from '../../modules/chats/components/task-row/chat-task-timeline-row.vue';
-import CallTaskTimelineRow from '../../modules/calls/components/task-row/call-task-timeline-row.vue';
 import { WebitelContactsTimelineEventType } from 'webitel-sdk';
+import CallTaskTimelineRow from '../../modules/calls/components/task-row/call-task-timeline-row.vue';
+import ChatTaskTimelineRow from '../../modules/chats/components/task-row/chat-task-timeline-row.vue';
 
 const props = defineProps({
   task: {
@@ -20,9 +20,12 @@ const props = defineProps({
 
 const component = computed(() => {
   switch (props.task.type) {
-    case WebitelContactsTimelineEventType.Chat: return ChatTaskTimelineRow;
-    case WebitelContactsTimelineEventType.Call: return CallTaskTimelineRow;
-    default: throw new Error(`Unknown item type, ${props.task.type}!`);
+    case WebitelContactsTimelineEventType.Chat:
+      return ChatTaskTimelineRow;
+    case WebitelContactsTimelineEventType.Call:
+      return CallTaskTimelineRow;
+    default:
+      throw new Error(`Unknown item type, ${props.task.type}!`);
   }
 });
 </script>
diff --git a/src/modules/contacts/modules/timeline/components/the-timeline.vue b/src/modules/contacts/modules/timeline/components/the-timeline.vue
index 7ff8f0e3..bd0e823c 100644
--- a/src/modules/contacts/modules/timeline/components/the-timeline.vue
+++ b/src/modules/contacts/modules/timeline/components/the-timeline.vue
@@ -1,5 +1,5 @@
 <template>
-  <timeline-container class="timeline">
+  <timeline-container class="the-timeline">
     <template #header>
       <timeline-header
         :list="dataList"
@@ -14,7 +14,6 @@
       <wt-dummy
         v-else-if="!dataList.length"
         :src="darkMode ? dummyDark : dummyLight"
-        class="timeline-dummy"
       />
 
       <day-timeline-row
@@ -67,7 +66,7 @@ function initializeList() {
 </script>
 
 <style lang="scss" scoped>
-.timeline-dummy {
+.wt-dummy {
   height: 100%;
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/components/timeline-container.vue b/src/modules/contacts/modules/timeline/components/timeline-container.vue
index 046f9f61..c066b8f2 100644
--- a/src/modules/contacts/modules/timeline/components/timeline-container.vue
+++ b/src/modules/contacts/modules/timeline/components/timeline-container.vue
@@ -25,7 +25,7 @@
 
 .timeline-content {
   @extend %wt-scrollbar;
-  overflow-y: auto;
+  overflow-y: scroll;
   height: 100%;
   padding: var(--spacing-sm);
 }
diff --git a/src/modules/contacts/modules/timeline/components/timeline-header.vue b/src/modules/contacts/modules/timeline/components/timeline-header.vue
index d4d57dc8..38b3961f 100644
--- a/src/modules/contacts/modules/timeline/components/timeline-header.vue
+++ b/src/modules/contacts/modules/timeline/components/timeline-header.vue
@@ -3,18 +3,18 @@
     v-if="showHeader"
     class="timeline-header"
   >
-    <p class="timeline-header__duration">
+    <p class="timeline-header-duration">
       {{ timelineInterval }}
     </p>
-    <div class="timeline-header__actions">
+    <div class="timeline-header-actions">
       <timeline-task-type-filter
         :namespace="filtersNamespace"
         :calls-count="taskCounters[WebitelContactsTimelineEventType.Call]"
         :chats-count="taskCounters[WebitelContactsTimelineEventType.Chat]"
       />
       <button
-        class="timeline-header__collapse"
-        @click="closeOpenRows"
+        class="timeline-header-collapse"
+        @click="collapseAll"
       >
         {{ t('contacts.collapseAll') }}
       </button>
@@ -28,7 +28,6 @@ import { useI18n } from 'vue-i18n';
 import { WebitelContactsTimelineEventType } from 'webitel-sdk';
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
 import TimelineTaskTypeFilter from '../modules/filters/components/timeline-task-type-filter.vue';
-import eventBus from '@webitel/ui-sdk/src/scripts/eventBus';
 
 const props = defineProps({
   list: {
@@ -38,14 +37,13 @@ const props = defineProps({
 });
 
 const namespace = inject('namespace');
-const eventBusObj = inject('eventBusObj', eventBus);
+const eventBus = inject('$eventBus');
 
 const { d, t } = useI18n();
 
 const { filtersNamespace } = useTableFilters(namespace);
 
-// FIXME: what is showHeader condition?
-const showHeader = computed(() => true || props.list.length || Object.values(taskCounters.value).some(num => num));
+const showHeader = computed(() => true);
 
 const taskCounters = computed(() => {
     return props.list.reduce((acc, { callsCount = 0, chatsCount = 0 }) => {
@@ -73,8 +71,8 @@ const timelineInterval = computed(() => {
   return `${formatDate(from)} - ${formatDate(to)}`;
 })
 
-function closeOpenRows () {
-  return eventBusObj.$emit('collapse-all')
+function collapseAll () {
+  return eventBus.$emit('timeline/rows/collapse-all');
 }
 
 </script>
@@ -85,22 +83,21 @@ function closeOpenRows () {
   justify-content: space-between;
   align-items: center;
   padding: var(--spacing-xs) var(--spacing-sm);
-  border: 1px solid var(--grey-lighten-1);
+  border: 1px solid var(--wt-table-head-border-color);
   border-radius: var(--border-radius);
+}
 
-  &__duration {
-    @extend %typo-subtitle-2;
-  }
+.timeline-header-duration {
+  @extend %typo-subtitle-2;
+}
 
-  &__actions {
-    display: flex;
-    gap: var(--spacing-md);
-  }
+.timeline-header-actions {
+  display: flex;
+  gap: var(--spacing-md);
+}
 
-  &__collapse {
-    @extend %typo-body-2;
-    margin: auto;
-    cursor: pointer;
-  }
+.timeline-header-collapse {
+  @extend %typo-body-2;
+  cursor: pointer;
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
index dbb05453..d56c48b1 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
@@ -10,21 +10,38 @@
 const props = defineProps({
   color: {
     type: String,
-    default: 'default',
+    validator: (v) => [
+      'default', // icon color
+      'success',
+      'primary',
+      'error',
+      'secondary',
+      'chat',
+      'transfer',
+    ].includes(v),
   },
 });
 </script>
 
 <style lang="scss" scoped>
 .timeline-flow-line {
-  height: var(--spacing-sm);
   width: 1px;
-  position: relative;
-  display: block;
-  background-color: var(--btn-secondary-color);
-  bottom: 0;
- //// left: 50%;
-  transform: translate(50%, 0);
+
+  &--default {
+    background-color: var(--icon-color);
+  }
+
+  &--secondary {
+    background-color: var(--secondary-color);
+  }
+
+  &--chat {
+    background-color: var(--chat-color);
+  }
+
+  &--transfer {
+    background-color: var(--transfer-color);
+  }
 
   &--success {
     background-color: var(--success-color);
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue
index 24250678..397d974c 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue
@@ -1,15 +1,17 @@
 <template>
-  <component
-    :is="state.component"
-    :color="state.color"
-    :icon="state.icon"
-    @click="state.handler && state.handler()"
-  >
-    {{ text }}
-  </component>
-  <timeline-flow-line
-    :color="state.color"
-  />
+  <div class="timeline-pin">
+    <component
+      :is="state.component"
+      :color="state.color"
+      :icon="state.icon"
+      @click="state.handler && state.handler()"
+    >
+      {{ text }}
+    </component>
+    <timeline-flow-line
+      :color="state.color"
+    />
+  </div>
 </template>
 
 <script setup>
@@ -46,6 +48,7 @@ const stateMap = {
   [TimelinePinType.CLOSE]: {
     component: TimelineRoundedAction,
     icon: 'close',
+    color: 'secondary',
     handler: handleClick,
   },
 
@@ -111,10 +114,20 @@ const stateMap = {
 };
 
 const state = computed(() => {
-  if(props.type === TimelinePinType.DAY) return stateMap[TimelinePinType.DAY];
+  if (props.type === TimelinePinType.DAY) return stateMap[TimelinePinType.DAY];
   return props.collapsed ? stateMap[props.type] : stateMap[TimelinePinType.CLOSE];
 });
 </script>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
+.timeline-pin {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+
+  .timeline-flow-line {
+    flex: 1;
+  }
+}
 </style>
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
index 7eab1ec7..62250ec7 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
@@ -5,6 +5,7 @@
     class="timeline-rounded-action"
     :class="[`timeline-rounded-action--${color}`]"
     rounded
+    @click="emit('click')"
   />
 </template>
 
@@ -23,6 +24,10 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits([
+  'click',
+]);
+
 const iColor = computed(() => (props.color === 'secondary') ? 'default' : 'on-dark');
 </script>
 
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-row-dropdown-transition.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-row-dropdown-transition.vue
new file mode 100644
index 00000000..6df7f3ac
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-row-dropdown-transition.vue
@@ -0,0 +1,22 @@
+<template>
+  <transition name="timeline-row-dropdown-transition">
+    <slot />
+  </transition>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss">
+.timeline-row-dropdown-transition-enter-active,
+.timeline-row-dropdown-transition-leave-active {
+  transition: all 0.2s ease;
+}
+
+.timeline-row-dropdown-transition-enter-from,
+.timeline-row-dropdown-transition-leave-to {
+  opacity: 0;
+  transform: translateY(-50px);
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-row.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-row.vue
index 93c06048..b3f800b2 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-row.vue
@@ -1,11 +1,9 @@
 <template>
   <article
+    :class="{ 'timeline-row--width-fit-content': widthFitContent }"
     class="timeline-row"
-    :class="{ 'timeline-row--width-fit-content': props.widthFitContent }"
   >
-    <header
-      class="timeline-row-header"
-    >
+    <section class="timeline-row-self-content">
       <section class="timeline-row-before-content">
         <slot name="before-content" />
       </section>
@@ -14,32 +12,40 @@
         <slot name="pin" v-bind="{ toggle, collapsed }" />
       </section>
 
-      <section class="timeline-row-content">
-        <slot name="content" />
+      <section class="timeline-row-main-content">
+        <header class="timeline-row-main-content-header">
+          <slot name="content" />
+        </header>
 
-        <article
-          class="timeline-row-content-dropdown"
-          v-if="slots['content-dropdown'] && !collapsed"
+        <timeline-row-dropdown-transition
+          v-if="slots['content-dropdown']"
         >
-          <slot name="content-dropdown" v-bind="{ toggle, collapsed }" />
-        </article>
+          <article
+            v-if="!collapsed"
+            class="timeline-row-content-dropdown"
+          >
+            <slot name="content-dropdown" v-bind="{ toggle, collapsed }" />
+          </article>
+        </timeline-row-dropdown-transition>
       </section>
+    </section>
 
-    </header>
-    <transition name="fade">
+    <timeline-row-dropdown-transition
+      v-if="slots.dropdown"
+    >
       <section
+        v-if="!collapsed"
         class="timeline-row-dropdown"
-        v-if="slots.dropdown && !collapsed"
       >
         <slot name="dropdown" v-bind="{ toggle, collapsed }" />
       </section>
-    </transition>
+    </timeline-row-dropdown-transition>
   </article>
 </template>
 
 <script setup>
-import { ref, useSlots, inject, onUnmounted, onMounted } from 'vue';
-import eventBus from '@webitel/ui-sdk/src/scripts/eventBus';
+import { inject, onMounted, onUnmounted, ref, useSlots } from 'vue';
+import TimelineRowDropdownTransition from './timeline-row-dropdown-transition.vue';
 
 const props = defineProps({
   widthFitContent: {
@@ -52,56 +58,48 @@ const slots = useSlots();
 
 const collapsed = ref(true);
 
-const closeRow = () => {
-  if(!collapsed.value) collapsed.value = true;
-}
-
 const toggle = () => {
   collapsed.value = !collapsed.value;
 };
 
-const eventBusObj = inject('eventBusObj', eventBus);
+const collapseRow = () => {
+  if (!collapsed.value) toggle();
+};
+
+const eventBus = inject('$eventBus');
 
-onMounted(() => eventBusObj.$on('collapse-all', () => closeRow()))
+onMounted(() => eventBus.$on('timeline/rows/collapse-all', collapseRow));
 
-onUnmounted(() => eventBusObj.$off('collapse-all', () => closeRow()));
+onUnmounted(() => eventBus.$off('timeline/rows/collapse-all', collapseRow));
 </script>
 
 <style lang="scss" scoped>
 .timeline-row {
   display: flex;
   flex-direction: column;
+}
+
+.timeline-row-self-content {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-sm);
+  min-height: 56px;
+}
+
+.timeline-row-before-content {
+  flex: 0 0 120px;
+}
 
-  &-header {
-    display: flex;
-    gap: var(--spacing-sm);
-    align-items: flex-start;
-  }
-
-  &-before-content {
-    flex: 0 0 120px;
-  }
-
-  &-pin {
-    flex: 0 0 90px; // wt-button min width
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin: auto 0;
-  }
-
-  &-content {
-    flex: 1;
-  }
-
-  &-dropdown {
-    transition: var(--transition);
-  }
-
-  &--width-fit-content {
-    .timeline-row-content {
-      flex: 0 0 auto;
-    }
-  }
+.timeline-row-pin {
+  flex: 0 0 90px; // wt-button min width
+  align-self: stretch;
+}
+
+.timeline-row-main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  margin-bottom: var(--spacing-xs);
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js b/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js
index 4bdcc8f9..0ef53804 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js
+++ b/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js
@@ -198,4 +198,6 @@ const getHistory = getList({
   ],
 });
 
-export default { getHistory }
+export default {
+  getList: getHistory,
+};
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/point-row/call-points-timeline-row-section.vue b/src/modules/contacts/modules/timeline/modules/calls/components/point-row/call-points-timeline-row-section.vue
index 548ead65..6d58e3b4 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/components/point-row/call-points-timeline-row-section.vue
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/point-row/call-points-timeline-row-section.vue
@@ -9,6 +9,7 @@
 </template>
 
 <script setup>
+import { inject, computed } from 'vue';
 import { useStore } from 'vuex';
 import CallPointTimelineRow from './call-point-timeline-row.vue';
 
@@ -26,7 +27,7 @@ const namespace = `${timelineNamespace}/calls`;
 const store = useStore();
 
 const points = computed(() => {
-  return store.getters[`${namespace}/HISTORY_BY_CALL_ID`](props.taskId);
+  return store.getters[`${namespace}/GET_HISTORY_BY_ID`](props.taskId);
 });
 
 function loadHistory() {
diff --git a/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-points-timeline-row-section.vue b/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-points-timeline-row-section.vue
index b82f0266..b86362e8 100644
--- a/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-points-timeline-row-section.vue
+++ b/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-points-timeline-row-section.vue
@@ -27,7 +27,7 @@ const namespace = `${timelineNamespace}/chats`;
 const store = useStore();
 
 const points = computed(() => {
-  return store.getters[`${namespace}/HISTORY_BY_CHAT_ID`](props.taskId);
+  return store.getters[`${namespace}/GET_HISTORY_BY_ID`](props.taskId);
 });
 
 function loadHistory() {
diff --git a/src/modules/contacts/modules/timeline/modules/chats/components/task-row/chat-task-timeline-row.vue b/src/modules/contacts/modules/timeline/modules/chats/components/task-row/chat-task-timeline-row.vue
index 79492094..07473978 100644
--- a/src/modules/contacts/modules/timeline/modules/chats/components/task-row/chat-task-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/modules/chats/components/task-row/chat-task-timeline-row.vue
@@ -4,7 +4,6 @@
       <timeline-row-info
         :timestamp="createdAt"
       >
-        <!--        TODO use correct time computed -->
         <template #title="{ time }">
           {{ time }}
         </template>
@@ -26,7 +25,7 @@
     </template>
 
     <template #content>
-      <div class="chat-task-timeline-row__content">
+      <task-timeline-row-content-wrapper>
         <timeline-row-initiator
           :text="initiator.name"
           :type="initiatorType"
@@ -52,7 +51,7 @@
         <timeline-row-duration
           :duration="duration"
         />
-      </div>
+      </task-timeline-row-content-wrapper>
     </template>
 
     <template #dropdown>
@@ -65,6 +64,7 @@
 
 <script setup>
 import { computed, inject, toRefs } from 'vue';
+import TaskTimelineRowContentWrapper from '../../../../components/task-row/task-timeline-row-content-wrapper.vue';
 import TimelinePin from '../../../../components/utils/timeline-pin.vue';
 import TimelineRowDuration from '../../../../components/utils/timeline-row-duration.vue';
 import TimelineRowInfo from '../../../../components/utils/timeline-row-info.vue';
@@ -95,12 +95,11 @@ const {
 } = toRefs(props.task);
 
 const taskType = computed(() => {
-  if (gateway.value) return TimelineTaskKind.CHAT_INBOUND;
-  return TimelinePinType.CHAT_INBOUND;
+  return TimelineTaskKind.CHAT_INBOUND;
 });
 
 const pinType = computed(() => {
-  switch(taskType.value) {
+  switch (taskType.value) {
     case TimelineTaskKind.CHAT_INBOUND:
       return TimelinePinType.CHAT_INBOUND;
     default:
@@ -110,13 +109,15 @@ const pinType = computed(() => {
 
 const initiatorType = computed(() => {
   if (!participants) return TimelineInitiatorType.BOT;
-  return TimelineInitiatorType.CONTACT
+  return TimelineInitiatorType.CONTACT;
 });
 
 const initiator = computed(() => {
   switch (initiatorType.value) {
-    case TimelineInitiatorType.BOT: return gateway.value;
-    default: return participants?.value.at(0);
+    case TimelineInitiatorType.BOT:
+      return gateway.value;
+    default:
+      return participants?.value.at(0);
   }
 });
 
@@ -127,16 +128,5 @@ const hiddenParticipants = computed(() => (
 </script>
 
 <style lang="scss" scoped>
-.chat-task-timeline-row {
-  &__content {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    min-height: var(--spacing-2xl);
-    padding: var(--spacing-xs) var(--spacing-sm);
-    border-radius: var(--border-radius);
-    box-shadow: var(--elevation-1);
-    gap: var(--spacing-sm);
-  }
-}
+
 </style>
diff --git a/src/modules/contacts/modules/timeline/store/TimelineTaskPointsModule.js b/src/modules/contacts/modules/timeline/store/TimelineTaskPointsModule.js
index f0c27958..125dbbd7 100644
--- a/src/modules/contacts/modules/timeline/store/TimelineTaskPointsModule.js
+++ b/src/modules/contacts/modules/timeline/store/TimelineTaskPointsModule.js
@@ -10,7 +10,7 @@ export default class TimelineTaskPointsModule extends BaseStoreModule {
   };
 
   getters = {
-    HISTORY_BY_CHAT_ID: (state) => (taskId) => state.historyById[taskId],
+    GET_HISTORY_BY_ID: (state) => (taskId) => state.historyById[taskId],
   };
 
   actions = {