fix: calling sidebar, phone search, card padding, and IVR path across flows

- Fix calling sidebar submenu collapsing by using /calling as parent path
- Add phone number search to call logs with debounced input
- Add consistent padding to calling view table cards
- Accumulate IVR path across goto_flow transitions instead of overwriting

Author: shridarpatil

frontend/src/components/layout/navigation.ts

@@ -98,7 +98,7 @@ export const navigationItems: NavItem[] = [
   },
   {
     name: 'nav.calling',
-    path: '/calling/logs',
+    path: '/calling',
     icon: Phone,
     permission: 'call_logs',
     childPermissions: ['call_logs', 'ivr_flows', 'call_transfers'],

frontend/src/i18n/locales/en.json

@@ -2092,6 +2092,7 @@
     "error": "Error",
     "rootMenu": "Root Menu",
     "noCallLogs": "No call logs found.",
+    "searchByPhone": "Search phone number",
     "filterByStatus": "Filter by status",
     "filterByDirection": "Filter by direction",
     "filterByIVRFlow": "Filter by IVR flow",

frontend/src/router/index.ts

@@ -218,6 +218,10 @@ const router = createRouter({
           component: () => import('@/views/settings/CustomActionsView.vue'),
           meta: { permission: 'custom_actions' }
         },
+        {
+          path: 'calling',
+          redirect: '/calling/logs'
+        },
         {
           path: 'calling/logs',
           name: 'call-logs',

frontend/src/services/api.ts

@@ -944,7 +944,7 @@ export const outgoingCallsService = {
 }
 
 export const callLogsService = {
-  list: (params?: { status?: string; account?: string; contact_id?: string; direction?: string; ivr_flow_id?: string; from?: string; to?: string; page?: number; limit?: number }) =>
+  list: (params?: { status?: string; account?: string; contact_id?: string; direction?: string; ivr_flow_id?: string; phone?: string; from?: string; to?: string; page?: number; limit?: number }) =>
     api.get<{ call_logs: CallLog[]; total: number }>('/call-logs', { params }),
   get: (id: string) => api.get<CallLog>(`/call-logs/${id}`),
   getRecordingURL: (id: string) =>

frontend/src/stores/calling.ts

@@ -46,6 +46,7 @@ export const useCallingStore = defineStore('calling', () => {
     contact_id?: string
     direction?: string
     ivr_flow_id?: string
+    phone?: string
     from?: string
     to?: string
     page?: number

frontend/src/views/calling/CallLogsView.vue

@@ -10,16 +10,19 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog'
 import { Phone, PhoneIncoming, PhoneOutgoing, PhoneOff, PhoneMissed, Clock, RefreshCw, Mic } from 'lucide-vue-next'
 import DataTable, { type Column } from '@/components/shared/DataTable.vue'
+import SearchInput from '@/components/shared/SearchInput.vue'
 
 const { t } = useI18n()
 const store = useCallingStore()
 
 // Filters
+const phoneSearch = ref('')
 const statusFilter = ref('all')
 const accountFilter = ref('all')
 const directionFilter = ref('all')
 const ivrFlowFilter = ref('all')
 const currentPage = ref(1)
+let searchTimeout: number | null = null
 const pageSize = 20
 const accounts = ref<{ name: string }[]>([])
 const ivrFlows = ref<IVRFlow[]>([])
@@ -56,6 +59,7 @@ function fetchLogs() {
     account: accountFilter.value !== 'all' ? accountFilter.value : undefined,
     direction: directionFilter.value !== 'all' ? directionFilter.value : undefined,
     ivr_flow_id: ivrFlowFilter.value !== 'all' ? ivrFlowFilter.value : undefined,
+    phone: phoneSearch.value || undefined,
     page: currentPage.value,
     limit: pageSize
   })
@@ -148,6 +152,14 @@ watch([statusFilter, accountFilter, directionFilter, ivrFlowFilter], () => {
   currentPage.value = 1
   fetchLogs()
 })
+
+watch(phoneSearch, () => {
+  if (searchTimeout) clearTimeout(searchTimeout)
+  searchTimeout = window.setTimeout(() => {
+    currentPage.value = 1
+    fetchLogs()
+  }, 300)
+})
 </script>
 
 <template>
@@ -166,7 +178,8 @@ watch([statusFilter, accountFilter, directionFilter, ivrFlowFilter], () => {
     <!-- Filters -->
     <Card>
       <CardContent class="pt-6">
-        <div class="flex gap-4 flex-wrap">
+        <div class="flex gap-4 flex-wrap items-center">
+          <SearchInput v-model="phoneSearch" :placeholder="t('calling.searchByPhone')" class="w-48" />
           <Select v-model="statusFilter">
             <SelectTrigger class="w-48">
               <SelectValue :placeholder="t('calling.filterByStatus')" />
@@ -218,7 +231,7 @@ watch([statusFilter, accountFilter, directionFilter, ivrFlowFilter], () => {
 
     <!-- Table -->
     <Card>
-      <CardContent class="p-0">
+      <CardContent class="pt-6">
         <DataTable
           :items="store.callLogs"
           :columns="columns"

frontend/src/views/calling/CallTransfersView.vue

@@ -121,7 +121,7 @@ onMounted(() => {
 
       <TabsContent value="waiting" class="mt-4">
         <Card>
-          <CardContent class="p-0">
+          <CardContent class="pt-6">
             <DataTable
               :items="store.waitingTransfers"
               :columns="waitingColumns"
@@ -160,7 +160,7 @@ onMounted(() => {
 
       <TabsContent value="history" class="mt-4">
         <Card>
-          <CardContent class="p-0">
+          <CardContent class="pt-6">
             <DataTable
               :items="historyTransfers"
               :columns="historyColumns"

frontend/src/views/calling/IVRFlowsView.vue

@@ -197,7 +197,7 @@ onMounted(async () => {
 
     <!-- Flows Table -->
     <Card>
-      <CardContent class="p-0">
+      <CardContent class="pt-6">
         <Table>
           <TableHeader>
             <TableRow>

internal/calling/ivr.go

@@ -41,8 +41,26 @@ func (m *Manager) runIVRFlow(session *CallSession, waAccount *whatsapp.Account)
 	// Set parent references for submenus
 	setMenuParents(&rootMenu, nil)
 
-	// Track path through IVR
+	// Track path through IVR — load existing steps so goto_flow accumulates
 	var ivrPath []map[string]string
+	var existingLog models.CallLog
+	if err := m.db.Select("ivr_path").Where("id = ?", session.CallLogID).First(&existingLog).Error; err == nil {
+		if existingLog.IVRPath != nil {
+			if steps, ok := existingLog.IVRPath["steps"].([]interface{}); ok {
+				for _, s := range steps {
+					if stepMap, ok := s.(map[string]interface{}); ok {
+						entry := map[string]string{}
+						for k, v := range stepMap {
+							if str, ok := v.(string); ok {
+								entry[k] = str
+							}
+						}
+						ivrPath = append(ivrPath, entry)
+					}
+				}
+			}
+		}
+	}
 
 	// Start at the root menu
 	currentMenu := &rootMenu

internal/handlers/call_logs.go

@@ -22,6 +22,7 @@ func (a *App) ListCallLogs(r *fastglue.Request) error {
 	contactIDStr := string(r.RequestCtx.QueryArgs().Peek("contact_id"))
 	direction := string(r.RequestCtx.QueryArgs().Peek("direction"))
 	ivrFlowID := string(r.RequestCtx.QueryArgs().Peek("ivr_flow_id"))
+	phone := string(r.RequestCtx.QueryArgs().Peek("phone"))
 
 	query := a.DB.Where("call_logs.organization_id = ?", orgID).
 		Preload("Contact").
@@ -56,6 +57,11 @@ func (a *App) ListCallLogs(r *fastglue.Request) error {
 		query = query.Where("call_logs.ivr_flow_id = ?", ivrFlowID)
 		countQuery = countQuery.Where("ivr_flow_id = ?", ivrFlowID)
 	}
+	if phone != "" {
+		phoneLike := "%" + phone + "%"
+		query = query.Where("call_logs.caller_phone LIKE ?", phoneLike)
+		countQuery = countQuery.Where("caller_phone LIKE ?", phoneLike)
+	}
 
 	// Date range filter
 	if start, ok := parseDateParam(r, "start_date"); ok {