[Customer Portal] Fix chat card navigation, cache KB recommendations, and cap chat history payload

apps/customer-portal/webapp/src/features/dashboard/components/cases-table/__tests__/CasesTable.test.tsx

@@ -31,6 +31,40 @@ vi.mock("react-router", () => ({
 
 vi.mock("@api/useGetProjectCasesPage");
 vi.mock("@api/useGetProjectFilters");
+vi.mock("@api/useGetProjectCases", () => ({
+  default: () => ({
+    data: undefined,
+    isLoading: false,
+    isError: false,
+    hasNextPage: false,
+    isFetchingNextPage: false,
+    fetchNextPage: vi.fn(),
+  }),
+}));
+vi.mock("@api/usePostProjectDeploymentsSearch", () => ({
+  usePostProjectDeploymentsSearchInfinite: () => ({
+    data: undefined,
+    isLoading: false,
+    hasNextPage: false,
+    isFetchingNextPage: false,
+    fetchNextPage: vi.fn(),
+  }),
+}));
+vi.mock("@features/settings/api/useGetProjectContacts", () => ({
+  default: () => ({ data: [], isLoading: false }),
+}));
+vi.mock("@api/usePostProjectDeploymentsSearch", () => ({
+  usePostProjectDeploymentsSearchInfinite: () => ({
+    data: undefined,
+    isLoading: false,
+    hasNextPage: false,
+    isFetchingNextPage: false,
+    fetchNextPage: vi.fn(),
+  }),
+}));
+vi.mock("@features/settings/api/useGetProjectContacts", () => ({
+  default: () => ({ data: [], isLoading: false }),
+}));
 
 vi.mock("@asgardeo/react", () => ({
   useAsgardeo: () => ({

apps/customer-portal/webapp/src/features/support/api/useConversationRecommendationsSearch.ts

@@ -34,21 +34,16 @@ import type {
 export function useConversationRecommendationsSearch(
   payload: RecommendationSearchRequest | null,
   enabled: boolean,
+  conversationId?: string,
 ): UseQueryResult<RecommendationSearchResponse, Error> {
   const logger = useLogger();
   const { isSignedIn, isLoading: isAuthLoading } = useAsgardeo();
   const authFetch = useAuthApiClient();
 
-  const msgCount = payload?.chatHistory.length ?? 0;
-  const firstTs = payload?.chatHistory[0]?.timestamp ?? "";
-  const lastTs = payload?.chatHistory[msgCount - 1]?.timestamp ?? "";
-
   return useQuery<RecommendationSearchResponse, Error>({
     queryKey: [
       ApiQueryKeys.CONVERSATION_RECOMMENDATIONS_SEARCH,
-      msgCount,
-      firstTs,
-      lastTs,
+      conversationId ?? payload?.chatHistory[0]?.timestamp ?? "",
     ],
     queryFn: async (): Promise<RecommendationSearchResponse> => {
       if (!payload) {
@@ -86,6 +81,6 @@ export function useConversationRecommendationsSearch(
       payload.chatHistory.length > 0 &&
       isSignedIn &&
       !isAuthLoading,
-    staleTime: 10 * 60 * 1000,
+    staleTime: 45 * 60 * 1000,
   });
 }

apps/customer-portal/webapp/src/features/support/components/support-overview-cards/ChatHistoryCard.tsx

@@ -55,7 +55,7 @@ export default function ChatHistoryCard({
 
   return (
     <Form.CardButton
-      onClick={() => onItemAction?.(item.chatId, ChatAction.VIEW)}
+      onClick={() => onItemAction?.(item.chatId, action)}
       sx={{
         p: 2,
         width: "100%",

apps/customer-portal/webapp/src/features/support/utils/__tests__/caseCreation.test.ts

@@ -26,7 +26,9 @@ import {
   getBaseProductOptions,
   isUnknownPlaceholderProductLabel,
   getBaseDeploymentOptions,
+  formatChatHistoryForClassification,
 } from "@features/support/utils/caseCreation";
+import { ChatSender } from "@features/support/types/conversations";
 import type { DeploymentProductItem } from "@features/project-details/types/deployments";
 
 describe("caseCreation utils", () => {
@@ -414,6 +416,31 @@ describe("caseCreation utils", () => {
     });
   });
 
+  describe("formatChatHistoryForClassification", () => {
+    it("truncates message text to last 150 chars", () => {
+      const longText = "a".repeat(200);
+      const result = formatChatHistoryForClassification([
+        { text: longText, sender: ChatSender.USER },
+      ]);
+      expect(result).toBe(`User: ${"a".repeat(150)}`);
+    });
+
+    it("does not truncate messages under 150 chars", () => {
+      const result = formatChatHistoryForClassification([
+        { text: "short message", sender: ChatSender.USER },
+      ]);
+      expect(result).toBe("User: short message");
+    });
+
+    it("keeps the last 150 chars of a long message", () => {
+      const text = "start" + "b".repeat(200);
+      const result = formatChatHistoryForClassification([
+        { text, sender: ChatSender.BOT },
+      ]);
+      expect(result).toBe(`Assistant: ${"b".repeat(150)}`);
+    });
+  });
+
   describe("getBaseDeploymentOptions", () => {
     it("returns deployment names or type labels", () => {
       const deployments = [

apps/customer-portal/webapp/src/features/support/utils/__tests__/recommendations.test.ts

@@ -17,6 +17,7 @@
 import { describe, expect, it } from "vitest";
 import {
   buildRecommendationRequestFromCase,
+  buildRecommendationRequestFromConversationMessages,
   recommendationScoreToPercent,
 } from "@features/support/utils/recommendations";
 import type { CaseDetails } from "@features/support/types/cases";
@@ -33,6 +34,36 @@ describe("recommendationScoreToPercent", () => {
   });
 });
 
+describe("buildRecommendationRequestFromConversationMessages", () => {
+  it("returns null for empty messages", () => {
+    expect(buildRecommendationRequestFromConversationMessages([])).toBeNull();
+  });
+
+  const makeMsg = (content: string) => ({
+    id: "1",
+    content,
+    type: "user",
+    createdOn: "2026-01-01T00:00:00Z",
+    isEscalated: false,
+    hasInlineAttachments: false,
+    inlineAttachments: [],
+  });
+
+  it("truncates message content to last 150 chars", () => {
+    const req = buildRecommendationRequestFromConversationMessages([
+      makeMsg("x".repeat(200)),
+    ]);
+    expect(req?.chatHistory[0].content).toBe("x".repeat(150));
+  });
+
+  it("does not truncate messages under 150 chars", () => {
+    const req = buildRecommendationRequestFromConversationMessages([
+      makeMsg("short message"),
+    ]);
+    expect(req?.chatHistory[0].content).toBe("short message");
+  });
+});
+
 describe("buildRecommendationRequestFromCase", () => {
   it("should return null when case data is undefined", () => {
     expect(buildRecommendationRequestFromCase(undefined, [])).toBeNull();

apps/customer-portal/webapp/src/features/support/utils/caseCreation.ts

@@ -376,7 +376,7 @@ export function formatChatHistoryForClassification(
 ): string {
   return messages
     .map((m) => {
-      const text = (m.text || "").trim();
+      const text = (m.text || "").trim().slice(-150);
       if (!text) return "";
       const role = m.sender === ChatSender.USER ? "User" : "Assistant";
       return `${role}: ${text}`;

apps/customer-portal/webapp/src/features/support/utils/recommendations.ts

@@ -166,7 +166,7 @@ export function buildRecommendationRequestFromConversationMessages(
 
   const chatHistory: RecommendationApiMessage[] = [];
   for (const m of sorted) {
-    const content = m.content?.trim() ?? "";
+    const content = (m.content?.trim() ?? "").slice(-150);
     if (!content) continue;
     const isBot =
       m.type?.toLowerCase() === "bot" ||