fix(sidebar): highlight conversations tab on nested conversation/transcript pages

echo/frontend/src/Router.tsx

@@ -239,7 +239,7 @@ const projectRouteChildren = [
 								path: "debug",
 							},
 						],
-						path: "conversation/:conversationId",
+						path: "conversations/:conversationId",
 					},
 					{
 						children: [

echo/frontend/src/components/aspect/hooks/useCopyAspect.tsx

@@ -71,9 +71,9 @@ export const useCopyAspect = () => {
 						?.conversation_id as Conversation;
 					const participantName = conversation?.participant_name ?? "Unknown";
 
-					const conversationUrl =
-						window.location.origin +
-						`/${language}/projects/${projectId}/conversation/${conversationId}`;
+						const conversationUrl =
+							window.location.origin +
+							`/${language}/projects/${projectId}/conversations/${conversationId}`;
 
 					stringBuilder.push(`"${description}"\n`);
 					stringBuilder.push(`from [${participantName}](${conversationUrl})\n\n`);

echo/frontend/src/components/aspect/hooks/useCopyQuote.ts

@@ -40,10 +40,10 @@ export const useCopyQuote = () => {
 			// Format timestamp if available
 			const timestamp = conversation?.created_at ?? "";
 
-			// Build the formatted quote with context
-			stringBuilder.push(
-				`# Quote from [${conversation?.participant_name}](${window.location.origin}/${language}/projects/${projectId}/conversation/${conversation?.id})`,
-			);
+				// Build the formatted quote with context
+				stringBuilder.push(
+					`# Quote from [${conversation?.participant_name}](${window.location.origin}/${language}/projects/${projectId}/conversations/${conversation?.id})`,
+				);
 			stringBuilder.push(`"${quote.description}"`);
 			stringBuilder.push(`${quote.verbatim_transcript}`);
 

echo/frontend/src/components/chat/References.tsx

@@ -30,9 +30,9 @@ export const References = ({
 							<span className="mr-2">
 								<Trans>{citation.reference_text}</Trans>
 							</span>
-							<I18nLink
-								to={`/w/${workspaceId}/projects/${projectId}/conversation/${citation?.conversation?.id || citation?.conversation}`}
-							>
+								<I18nLink
+									to={`/w/${workspaceId}/projects/${projectId}/conversations/${citation?.conversation?.id || citation?.conversation}`}
+								>
 								<Badge
 									size="sm"
 									variant="light"

echo/frontend/src/components/chat/Sources.tsx

@@ -28,11 +28,11 @@ export const Sources = ({
 			</Group>
 			<Group gap="xs" mt={10}>
 				{references.map((ref, index) => (
-					<I18nLink
-						// biome-ignore lint/suspicious/noArrayIndexKey: needs to be fixed
-						key={index}
-						to={`/w/${workspaceId}/projects/${projectId}/conversation/${ref?.conversation?.id || ref?.conversation}`}
-					>
+						<I18nLink
+							// biome-ignore lint/suspicious/noArrayIndexKey: needs to be fixed
+							key={index}
+							to={`/w/${workspaceId}/projects/${projectId}/conversations/${ref?.conversation?.id || ref?.conversation}`}
+						>
 						<Badge className="cursor-pointer normal-case" variant="default">
 							{ref?.conversation_title ||
 								ref?.conversation?.participant_name || (

echo/frontend/src/components/conversation/ConversationAccordion.tsx

@@ -534,9 +534,9 @@ const ConversationAccordionItem = ({
 		);
 
 	return (
-		<NavigationButton
-			to={`/w/${workspaceId}/projects/${conversation.project_id}/conversation/${conversation.id}`}
-			active={highlight}
+			<NavigationButton
+				to={`/w/${workspaceId}/projects/${conversation.project_id}/conversations/${conversation.id}`}
+				active={highlight}
 			className="w-full"
 			rightSection={
 				shouldShowCheckboxes ? (

echo/frontend/src/components/conversation/ConversationLink.tsx

@@ -39,9 +39,9 @@ export const ConversationLink = ({
 							This conversation is a copy of
 						</Trans>
 
-						<ConversationAnchor
-							key={linkingConversation?.id}
-							to={`/w/${workspaceId}/projects/${projectId}/conversation/${(linkingConversation?.source_conversation_id as Conversation)?.id}`}
+							<ConversationAnchor
+								key={linkingConversation?.id}
+								to={`/w/${workspaceId}/projects/${projectId}/conversations/${(linkingConversation?.source_conversation_id as Conversation)?.id}`}
 							name={
 								(linkingConversation?.source_conversation_id as Conversation)
 									?.participant_name ?? ""
@@ -62,8 +62,8 @@ export const ConversationLink = ({
 								(conversationLink?.target_conversation_id as Conversation)
 									?.id && (
 									<List.Item key={conversationLink?.id}>
-										<ConversationAnchor
-											to={`/w/${workspaceId}/projects/${projectId}/conversation/${(conversationLink?.target_conversation_id as Conversation)?.id}`}
+											<ConversationAnchor
+												to={`/w/${workspaceId}/projects/${projectId}/conversations/${(conversationLink?.target_conversation_id as Conversation)?.id}`}
 											name={
 												(
 													conversationLink?.target_conversation_id as Conversation

echo/frontend/src/components/conversation/ConversationLinks.tsx

@@ -36,7 +36,7 @@ const ConversationList = ({
 		{conversations.map((conversation, index) => (
 			<I18nLink
 				key={conversation.id}
-				to={`/w/${workspaceId}/projects/${projectId}/conversation/${conversation.id}`}
+				to={`/w/${workspaceId}/projects/${projectId}/conversations/${conversation.id}`}
 				onClick={onItemClick}
 			>
 				<Box className="cursor-pointer rounded-lg px-3.5 py-2.5 hover:bg-primary-100">
@@ -143,7 +143,7 @@ export const ConversationLinks = ({
 				{visibleConversations.map((conversation) => (
 					<I18nLink
 						key={conversation.id}
-						to={`/w/${workspaceId}/projects/${projectId}/conversation/${conversation.id}`}
+						to={`/w/${workspaceId}/projects/${projectId}/conversations/${conversation.id}`}
 					>
 						<Box maw={300} className="cursor-pointer hover:underline">
 							<Text size="xs" truncate="end" c="gray.7" pr={3}>

echo/frontend/src/components/conversation/MoveConversationButton.tsx

@@ -97,7 +97,7 @@ export const MoveConversationButton = ({
 				onSuccess: () => {
 					close();
 					navigate(
-						`/w/${workspaceId}/projects/${data.targetProjectId}/conversation/${conversation.id}`,
+						`/w/${workspaceId}/projects/${data.targetProjectId}/conversations/${conversation.id}`,
 					);
 				},
 			},

echo/frontend/src/components/conversation/ProjectConversationsPanel.tsx

@@ -635,7 +635,7 @@ export const ProjectConversationsPanel = ({
 	const openConversation = (conversation: Conversation) => {
 		if (!resolvedWorkspaceId) return;
 		navigate(
-			`/w/${resolvedWorkspaceId}/projects/${projectId}/conversation/${conversation.id}`,
+			`/w/${resolvedWorkspaceId}/projects/${projectId}/conversations/${conversation.id}`,
 		);
 	};
 
@@ -872,7 +872,7 @@ export const ProjectConversationsPanel = ({
 							href={
 								selectionMode || !resolvedWorkspaceId
 									? undefined
-									: `/w/${resolvedWorkspaceId}/projects/${projectId}/conversation/${conversation.id}`
+									: `/w/${resolvedWorkspaceId}/projects/${projectId}/conversations/${conversation.id}`
 							}
 							isSelected={selectedConversationIds.has(conversation.id)}
 							onEdit={openEdit}

echo/frontend/src/components/conversation/RetranscribeConversation.tsx

@@ -131,7 +131,7 @@ export const RetranscribeConversationModal = ({
 						label: t`Go to new conversation`,
 						onClick: () => {
 							navigate(
-								`/w/${workspaceId}/projects/${projectId}/conversation/${new_conversation_id}`,
+								`/w/${workspaceId}/projects/${projectId}/conversations/${new_conversation_id}`,
 							);
 						},
 					},

echo/frontend/src/components/project/webhooks/WebhookSettingsCard.tsx

@@ -723,7 +723,7 @@ const EXAMPLE_WEBHOOK_PAYLOAD = `{
     "name": "Customer Interviews",
     "language": "en"
   },
-  "dashboardUrl": "https://app.example.com/en-US/projects/proj-789/conversation/abc123-def456/overview"
+  "dashboardUrl": "https://app.example.com/en-US/projects/proj-789/conversations/abc123-def456/overview"
 }`;
 
 interface WebhookHelpAccordionProps {

echo/frontend/src/components/quote/Quote.tsx

@@ -172,7 +172,7 @@ export const Quote = ({
 					className="border-t border-gray-200 dark:border-gray-700"
 				>
 					<I18nLink
-						to={`/w/${workspaceId}/projects/${projectId}/conversation/${conversationId}`}
+						to={`/w/${workspaceId}/projects/${projectId}/conversations/${conversationId}`}
 					>
 						<Pill
 							size="sm"

echo/frontend/src/components/report/ConversationStatusTable.tsx

@@ -90,7 +90,7 @@ export const ConversationStatusTable = ({
 						<Table.Td>
 							<Anchor
 								component={Link}
-								to={`/w/${workspaceId}/projects/${projectId}/conversation/${conv.id}`}
+								to={`/w/${workspaceId}/projects/${projectId}/conversations/${conv.id}`}
 							>
 								<Trans>View</Trans>
 							</Anchor>

echo/frontend/src/features/sidebar/breadcrumbs/AppBreadcrumbs.tsx

@@ -199,7 +199,7 @@ export const AppBreadcrumbs = () => {
 					});
 				}
 				const section = params.section;
-				if (section === "conversation") {
+				if (section === "conversations" && params.conversationId) {
 					// Detail page: link back to the conversations list first.
 					out.push({
 						href: `/w/${params.workspaceId}/projects/${params.projectId}/conversations`,

echo/frontend/src/features/sidebar/hooks/useSearchHits.ts

@@ -223,7 +223,7 @@ export function useSearchHits(
 					? `${c.projectName} / ${c.displayLabel}`
 					: t`Conversation`;
 			push({
-				href: `/w/${c.workspaceId}/projects/${c.projectId}/conversation/${c.id}`,
+				href: `/w/${c.workspaceId}/projects/${c.projectId}/conversations/${c.id}`,
 				icon: ChatCircleIcon,
 				id: `conv-${c.id}`,
 				label: c.displayLabel,
@@ -240,7 +240,7 @@ export function useSearchHits(
 				? `${path}: "${tr.excerpt.slice(0, EXCERPT_LENGTH)}..."`
 				: path;
 			push({
-				href: `/w/${tr.workspaceId}/projects/${tr.projectId}/conversation/${tr.conversationId}`,
+				href: `/w/${tr.workspaceId}/projects/${tr.projectId}/conversations/${tr.conversationId}`,
 				icon: FileTextIcon,
 				id: `chunk-${tr.id}`,
 				label: tr.conversationLabel ?? t`Transcript`,

echo/frontend/src/features/sidebar/hooks/useSidebarView.ts

@@ -140,7 +140,7 @@ export function resolveSidebarView(
 					projectId,
 					section: segs[4],
 					workspaceId,
-					...(segs[4] === "conversation" && segs[5]
+					...(segs[4] === "conversations" && segs[5]
 						? { conversationId: segs[5] }
 						: {}),
 				},