fix: breadcrumbs of view in single ticket

desk/src/components/Icon.vue

@@ -0,0 +1,21 @@
+<template>
+  <div v-if="isEmoji(icon)" v-bind="$attrs">
+    {{ icon }}
+  </div>
+  <FeatherIcon
+    v-else-if="typeof icon == 'string'"
+    :name="icon"
+    v-bind="$attrs"
+  />
+  <component v-else :is="icon" v-bind="$attrs" />
+</template>
+<script setup>
+import { isEmoji } from "@/utils";
+
+const props = defineProps({
+  icon: {
+    type: [String, Object],
+    required: true,
+  },
+});
+</script>

desk/src/components/ListViewBuilder.vue

@@ -45,6 +45,7 @@
       getRowRoute: (row) => ({
         name: options.rowRoute?.name,
         params: { [options.rowRoute?.prop]: row.name },
+        query: { view: route.query?.view },
       }),
       emptyState,
     }"
@@ -397,7 +398,7 @@ function listCell(column: any, row: any, item: any, idx: number) {
     return h(MultipleAvatar, {
       avatars: item,
       hideName: true,
-      class: "flex items-center",
+      class: "flex items-center truncate",
     });
   }
   if (column.type === "Rating") {
@@ -523,7 +524,6 @@ function handlePageLength(count: number, loadMore: boolean = false) {
 }
 
 function handleViewUpdate() {
-  const isPublicView = findCurrentView()?.public;
   const view = {
     filters: JSON.stringify(defaultParams.filters),
     columns: JSON.stringify(defaultParams.columns),
@@ -534,21 +534,8 @@ function handleViewUpdate() {
     route_name: route.name,
     is_customer_portal: options.value.isCustomerPortal,
   };
-  if (!isPublicView) {
-    updateView(view, () => {
-      isViewUpdated.value = false;
-    });
-    return;
-  }
-  confirmDialog({
-    title: "Update Public View?",
-    message: `Updating public view will change the view for all users. Do you want to continue?`,
-    onConfirm: ({ hideDialog }: { hideDialog: Function }) => {
-      hideDialog();
-      updateView(view, () => {
-        isViewUpdated.value = false;
-      });
-    },
+  updateView(view, () => {
+    isViewUpdated.value = false;
   });
 }
 

desk/src/components/index.ts

@@ -26,3 +26,4 @@ export { default as AutocompleteNew } from "./frappe-ui/Autocomplete.vue";
 export { default as Link } from "./frappe-ui/Link.vue";
 export { default as ListViewBuilder } from "./ListViewBuilder.vue";
 export { default as Section } from "./Section.vue";
+export { default as Icon } from "./Icon.vue";

desk/src/pages/ticket/TicketAgent.vue

@@ -2,7 +2,15 @@
   <div class="flex flex-col">
     <LayoutHeader v-if="ticket.data">
       <template #left-header>
-        <Breadcrumbs :items="breadcrumbs" class="breadcrumbs" />
+        <Breadcrumbs :items="breadcrumbs" class="breadcrumbs">
+          <template #prefix="{ item }">
+            <Icon
+              v-if="item.icon"
+              :icon="item.icon"
+              class="mr-1 h-4 flex items-center justify-center self-center"
+            />
+          </template>
+        </Breadcrumbs>
       </template>
       <template #right-header>
         <CustomActions
@@ -125,6 +133,7 @@
 
 <script setup lang="ts">
 import { computed, ref, h, watch, onMounted, onUnmounted, provide } from "vue";
+import { useRoute } from "vue-router";
 import { useStorage } from "@vueuse/core";
 import {
   Breadcrumbs,
@@ -142,6 +151,7 @@ import {
   MultipleAvatar,
   AssignmentModal,
   CommunicationArea,
+  Icon,
 } from "@/components";
 import { TicketAgentActivities, TicketAgentSidebar } from "@/components/ticket";
 import {
@@ -153,8 +163,10 @@ import {
 import { socket } from "@/socket";
 import { useTicketStatusStore } from "@/stores/ticketStatus";
 import { useUserStore } from "@/stores/user";
-import { createToast, setupCustomActions } from "@/utils";
-import { TabObject, TicketTab } from "@/types";
+import { createToast, getIcon, setupCustomActions } from "@/utils";
+import { TabObject, TicketTab, View } from "@/types";
+import { useView } from "@/composables/useView";
+import { ComputedRef } from "vue";
 
 const ticketStatusStore = useTicketStatusStore();
 const { getUser } = useUserStore();
@@ -175,6 +187,9 @@ watch(
     ticket.reload();
   }
 );
+const route = useRoute();
+const { findView } = useView("HD Ticket");
+
 provide("communicationArea", communicationAreaRef);
 
 let storage = useStorage("ticket_agent", {
@@ -218,6 +233,16 @@ function updateField(name, value, callback = () => {}) {
 
 const breadcrumbs = computed(() => {
   let items = [{ label: "Tickets", route: { name: "TicketsAgent" } }];
+  if (route.query.view) {
+    const currView: ComputedRef<View> = findView(route.query.view as string);
+    if (currView) {
+      items.push({
+        label: currView.value.label,
+        icon: getIcon(currView.value.icon),
+        route: { name: "TicketsAgent", query: { view: currView.value.name } },
+      });
+    }
+  }
   items.push({
     label: ticket.data?.subject,
     onClick: () => {

helpdesk/helpdesk/doctype/hd_ticket/hd_ticket.py

@@ -768,7 +768,7 @@ def default_list_data(show_customer_portal_fields=False):
                 "label": "Assigned To",
                 "type": "MultipleAvatar",
                 "key": "_assign",
-                "width": "5em",
+                "width": "8rem",
             },
             {
                 "label": "Customer",