From 97a3c67d1d051c235d01102ea925a4ea1d87100e Mon Sep 17 00:00:00 2001
From: Artem Makarchenko <artem.makarchenko.dev@gmail.com>
Date: Fri, 11 Sep 2026 16:17:01 +0300
Subject: [PATCH]  feat(dialplan-transfer): add Dialplan tab to call transfer
 panel [WTEL-10264](https://webitel.atlassian.net/browse/WTEL-10264)

---
 .../_shared/utils/blindTransferDialplan.ts    | 18 ++++++
 .../components/dialplan-call-transfer.vue     | 58 +++++++++++++++++++
 .../call-transfer/the-call-transfer.vue       |  8 ++-
 3 files changed, 83 insertions(+), 1 deletion(-)
 create mode 100644 src/ui/modules/work-section/modules/call/components/call-transfer/_shared/utils/blindTransferDialplan.ts
 create mode 100644 src/ui/modules/work-section/modules/call/components/call-transfer/components/dialplan-call-transfer.vue

diff --git a/src/ui/modules/work-section/modules/call/components/call-transfer/_shared/utils/blindTransferDialplan.ts b/src/ui/modules/work-section/modules/call/components/call-transfer/_shared/utils/blindTransferDialplan.ts
new file mode 100644
index 000000000..0260b7a0a
--- /dev/null
+++ b/src/ui/modules/work-section/modules/call/components/call-transfer/_shared/utils/blindTransferDialplan.ts
@@ -0,0 +1,18 @@
+import type { Call } from 'webitel-sdk';
+
+import { useWebSocketClient } from '../../../../../../../../../app/api/agent-workspace/websocket/useWebSocketClient';
+
+const blindTransferDialplan = async (
+	call: Call,
+	schemaId: number,
+): Promise<void> => {
+	const { getClientSync } = useWebSocketClient();
+	const client = getClientSync();
+
+	await client.request('call_bt_dialplan', {
+		id: call.id,
+		schema_id: schemaId,
+	});
+};
+
+export default blindTransferDialplan;
diff --git a/src/ui/modules/work-section/modules/call/components/call-transfer/components/dialplan-call-transfer.vue b/src/ui/modules/work-section/modules/call/components/call-transfer/components/dialplan-call-transfer.vue
new file mode 100644
index 000000000..fe82711c5
--- /dev/null
+++ b/src/ui/modules/work-section/modules/call/components/call-transfer/components/dialplan-call-transfer.vue
@@ -0,0 +1,58 @@
+<template>
+  <call-transfer-container
+    type="dialplan"
+    :get-data="getDialplans"
+  >
+    <template #avatar>
+      <wt-icon icon="bot" />
+    </template>
+    <template #actions="{ item }">
+      <wt-rounded-action
+        color="transfer"
+        icon="call-transfer--filled"
+        :tooltip="$t('transfer.blindTransfer')"
+        rounded
+        :loading="showLoader(item.id)"
+        @click="transfer(item)"
+      />
+    </template>
+  </call-transfer-container>
+</template>
+
+<script setup lang="ts">
+import { DialplansAPI } from '@webitel/api-services/api';
+import { EngineListRoutingOutboundCall } from '@webitel/api-services/gen';
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+import { useLoader } from '../../../../../../../composables/useLoader';
+import CallTransferContainer from '../_shared/components/call-transfer-container.vue';
+import blindTransferDialplan from '../_shared/utils/blindTransferDialplan';
+import { TransferParams } from '../types/transfer-tabs';
+
+const store = useStore();
+const { showLoader, runWithLoader } = useLoader();
+
+const call = computed(() => store.getters['features/call/CALL_ON_WORKSPACE']);
+
+const emit = defineEmits([
+	'transfer-complete',
+]);
+
+const transfer = async (item) => {
+	if (call.value) {
+		await runWithLoader(item.id, () =>
+			blindTransferDialplan(call.value, Number(item.schema.id)),
+		);
+		emit('transfer-complete');
+	}
+};
+
+const getDialplans = (
+	params: TransferParams,
+): Promise<EngineListRoutingOutboundCall> => {
+	return DialplansAPI.getList({
+		...params,
+		allowTransfer: true,
+	});
+};
+</script>
diff --git a/src/ui/modules/work-section/modules/call/components/call-transfer/the-call-transfer.vue b/src/ui/modules/work-section/modules/call/components/call-transfer/the-call-transfer.vue
index 76c9cce07..9873a6de4 100644
--- a/src/ui/modules/work-section/modules/call/components/call-transfer/the-call-transfer.vue
+++ b/src/ui/modules/work-section/modules/call/components/call-transfer/the-call-transfer.vue
@@ -21,6 +21,7 @@ import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useUserinfoStore } from '../../../../../../modules/userinfo/userinfoStore';
 import AgentsCallTransfer from './components/agents-call-transfer.vue';
+import DialplanCallTransfer from './components/dialplan-call-transfer.vue';
 import QueuesCallTransfer from './components/queues-call-transfer.vue';
 import UsersCallTransfer from './components/users-call-transfer.vue';
 
@@ -59,6 +60,11 @@ const tabs = computed(() => [
 		value: 'queues',
 		component: QueuesCallTransfer,
 	},
+	{
+		text: t('WtApplication.admin.sections.dialplan', 2),
+		value: 'dialplan',
+		component: DialplanCallTransfer,
+	},
 ]);
 
 const currentTab = ref(tabs.value[0]);
@@ -77,7 +83,7 @@ const currentTab = ref(tabs.value[0]);
   &-tabs {
     display: grid;
     width: 100%;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(4, 1fr);
     margin-bottom: var(--spacing-sm);
   }