Add live conversation signposts

echo/cypress/cypress.env.json

@@ -43,6 +43,11 @@
         "auth": {
             "email": "charugundla.vipul6009@gmail.com",
             "password": "test@1234"
+        },
+        "directusUrl": "http://localhost:8055",
+        "directusAuth": {
+            "email": "admin@dembrane.com",
+            "password": "admin"
         }
     }
 }

echo/cypress/e2e/suites/34-live-signposts.cy.js

@@ -0,0 +1,189 @@
+import { loginToApp, logout } from "../../support/functions/login";
+import { openPortalEditor } from "../../support/functions/portal";
+import { createProject, deleteProject } from "../../support/functions/project";
+import { openSettingsMenu } from "../../support/functions/settings";
+
+describe("Live Signposts", () => {
+	const directusUrl = (Cypress.env("directusUrl") || "http://localhost:8055").replace(
+		/\/$/,
+		"",
+	);
+	const directusAuth = Cypress.env("directusAuth") || Cypress.env("auth");
+
+	const getFocusTermsTextarea = () =>
+		cy
+			.get('[data-testid="portal-editor-signposting-focus-terms-textarea"]')
+			.then(($element) => {
+				const $textarea = $element.is("textarea")
+					? $element
+					: $element.find("textarea").first();
+				return cy.wrap($textarea);
+			});
+
+	const toggleLiveSignposting = (enable = true) => {
+		cy.get('[data-testid="portal-editor-signposting-switch"]')
+			.scrollIntoView()
+			.should("exist")
+			.then(($input) => {
+				const $label = $input.closest("label");
+				const isChecked = $input.is(":checked");
+
+				if ((enable && !isChecked) || (!enable && isChecked)) {
+					cy.wrap($label).click({ force: true });
+				}
+			});
+
+		cy.get('[data-testid="portal-editor-signposting-switch"]').should(
+			enable ? "be.checked" : "not.be.checked",
+		);
+	};
+
+		const loginToDirectus = () =>
+			cy
+				.request("POST", `${directusUrl}/auth/login`, {
+					email: directusAuth.email,
+					password: directusAuth.password,
+				})
+				.its("body.data.access_token");
+
+	const seedConversationWithSignposts = ({ locale, projectId }) => {
+		const suffix = Cypress._.random(1000, 9999);
+		const signpostTitle = `Transit affordability ${suffix}`;
+		const signpostSummary =
+			"Participants keep returning to the rising cost of buses and trains.";
+		const signpostQuote = "Public transport is becoming too expensive for families.";
+
+		return loginToDirectus().then((accessToken) => {
+			const headers = {
+				Authorization: `Bearer ${accessToken}`,
+			};
+
+			return cy
+				.request({
+					body: {
+						is_finished: false,
+						participant_name: `Signpost Participant ${suffix}`,
+						project_id: projectId,
+						source: "PORTAL_TEXT",
+					},
+					headers,
+					method: "POST",
+					url: `${directusUrl}/items/conversation`,
+				})
+				.then((conversationResponse) => {
+					const conversationId = conversationResponse.body.data.id;
+					const timestamp = new Date().toISOString();
+
+					return cy
+						.request({
+							body: {
+								conversation_id: conversationId,
+								signpost_processed_at: timestamp,
+								signpost_ready_at: timestamp,
+								source: "PORTAL_TEXT",
+								timestamp,
+								transcript:
+									"People agree that public transport costs are rising quickly.",
+							},
+							headers,
+							method: "POST",
+							url: `${directusUrl}/items/conversation_chunk`,
+						})
+						.then((chunkResponse) => {
+							const chunkId = chunkResponse.body.data.id;
+
+							return cy
+								.request({
+									body: {
+										category: "theme",
+										confidence: 0.92,
+										conversation_id: conversationId,
+										evidence_chunk_id: chunkId,
+										evidence_quote: signpostQuote,
+										status: "active",
+										summary: signpostSummary,
+										title: signpostTitle,
+									},
+									headers,
+									method: "POST",
+									url: `${directusUrl}/items/conversation_signpost`,
+								})
+								.then((signpostResponse) => ({
+									conversationId,
+									locale,
+									projectId,
+									signpostId: signpostResponse.body.data.id,
+									signpostQuote,
+									signpostSummary,
+									signpostTitle,
+								}));
+						});
+				});
+		});
+	};
+
+	it("shows seeded signposts in portal settings, conversation overview, and host guide", () => {
+		let projectId;
+		let locale = "en-US";
+
+		loginToApp();
+		createProject();
+
+		cy.location("pathname").then((pathname) => {
+			const segments = pathname.split("/").filter(Boolean);
+			projectId = segments[segments.indexOf("projects") + 1];
+			locale = segments[0] || locale;
+		});
+
+		openPortalEditor();
+		toggleLiveSignposting(true);
+		getFocusTermsTextarea()
+			.scrollIntoView()
+			.clear()
+			.type("affordability{enter}public transport");
+		cy.wait(3000);
+
+		cy.reload();
+		openPortalEditor();
+		cy.get('[data-testid="portal-editor-signposting-switch"]').should("be.checked");
+		getFocusTermsTextarea().should(
+			"have.value",
+			"affordability\npublic transport",
+		);
+
+		cy.then(() => seedConversationWithSignposts({ locale, projectId })).then(
+			({ conversationId, signpostId, signpostQuote, signpostSummary, signpostTitle }) => {
+				cy.visit(
+					`/${locale}/projects/${projectId}/conversation/${conversationId}/overview`,
+				);
+
+				cy.get('[data-testid="conversation-signposts-section"]', {
+					timeout: 20000,
+				}).should("be.visible");
+				cy.get(`[data-testid="conversation-signpost-card-${signpostId}"]`)
+					.should("contain.text", signpostTitle)
+					.and("contain.text", signpostSummary)
+					.and("contain.text", signpostQuote);
+
+				cy.visit(`/${locale}/projects/${projectId}/host-guide`);
+
+				cy.get('[data-testid="host-guide-live-signposts-panel"]', {
+					timeout: 30000,
+				}).should("be.visible");
+				cy.get(`[data-testid="host-guide-live-signpost-${signpostId}"]`, {
+					timeout: 30000,
+				})
+					.should("contain.text", signpostTitle)
+					.and("contain.text", signpostSummary);
+			},
+		);
+
+		cy.then(() => {
+			cy.visit(`/${locale}/projects/${projectId}/overview`);
+			deleteProject(projectId);
+		});
+
+		openSettingsMenu();
+		logout();
+	});
+});

echo/directus/sync/snapshot/collections/conversation_signpost.json

@@ -0,0 +1,28 @@
+{
+  "collection": "conversation_signpost",
+  "meta": {
+    "accountability": "all",
+    "archive_app_filter": true,
+    "archive_field": null,
+    "archive_value": null,
+    "collapse": "open",
+    "collection": "conversation_signpost",
+    "color": null,
+    "display_template": "{{title}}",
+    "group": null,
+    "hidden": false,
+    "icon": null,
+    "item_duplication_fields": null,
+    "note": null,
+    "preview_url": null,
+    "singleton": false,
+    "sort": 14,
+    "sort_field": null,
+    "translations": null,
+    "unarchive_value": null,
+    "versioning": false
+  },
+  "schema": {
+    "name": "conversation_signpost"
+  }
+}

echo/directus/sync/snapshot/fields/conversation/signposts.json

@@ -0,0 +1,28 @@
+{
+  "collection": "conversation",
+  "field": "signposts",
+  "type": "alias",
+  "meta": {
+    "collection": "conversation",
+    "conditions": null,
+    "display": null,
+    "display_options": null,
+    "field": "signposts",
+    "group": null,
+    "hidden": false,
+    "interface": "list-o2m",
+    "note": null,
+    "options": null,
+    "readonly": false,
+    "required": false,
+    "searchable": true,
+    "sort": 28,
+    "special": [
+      "o2m"
+    ],
+    "translations": null,
+    "validation": null,
+    "validation_message": null,
+    "width": "full"
+  }
+}

echo/directus/sync/snapshot/fields/conversation_chunk/signpost_processed_at.json

@@ -0,0 +1,44 @@
+{
+  "collection": "conversation_chunk",
+  "field": "signpost_processed_at",
+  "type": "timestamp",
+  "meta": {
+    "collection": "conversation_chunk",
+    "conditions": null,
+    "display": null,
+    "display_options": null,
+    "field": "signpost_processed_at",
+    "group": null,
+    "hidden": false,
+    "interface": "datetime",
+    "note": null,
+    "options": null,
+    "readonly": false,
+    "required": false,
+    "searchable": true,
+    "sort": 26,
+    "special": null,
+    "translations": null,
+    "validation": null,
+    "validation_message": null,
+    "width": "half"
+  },
+  "schema": {
+    "name": "signpost_processed_at",
+    "table": "conversation_chunk",
+    "data_type": "timestamp with time zone",
+    "default_value": null,
+    "max_length": null,
+    "numeric_precision": null,
+    "numeric_scale": null,
+    "is_nullable": true,
+    "is_unique": false,
+    "is_indexed": false,
+    "is_primary_key": false,
+    "is_generated": false,
+    "generation_expression": null,
+    "has_auto_increment": false,
+    "foreign_key_table": null,
+    "foreign_key_column": null
+  }
+}

echo/directus/sync/snapshot/fields/conversation_chunk/signpost_ready_at.json

@@ -0,0 +1,44 @@
+{
+  "collection": "conversation_chunk",
+  "field": "signpost_ready_at",
+  "type": "timestamp",
+  "meta": {
+    "collection": "conversation_chunk",
+    "conditions": null,
+    "display": null,
+    "display_options": null,
+    "field": "signpost_ready_at",
+    "group": null,
+    "hidden": false,
+    "interface": "datetime",
+    "note": null,
+    "options": null,
+    "readonly": false,
+    "required": false,
+    "searchable": true,
+    "sort": 25,
+    "special": null,
+    "translations": null,
+    "validation": null,
+    "validation_message": null,
+    "width": "half"
+  },
+  "schema": {
+    "name": "signpost_ready_at",
+    "table": "conversation_chunk",
+    "data_type": "timestamp with time zone",
+    "default_value": null,
+    "max_length": null,
+    "numeric_precision": null,
+    "numeric_scale": null,
+    "is_nullable": true,
+    "is_unique": false,
+    "is_indexed": false,
+    "is_primary_key": false,
+    "is_generated": false,
+    "generation_expression": null,
+    "has_auto_increment": false,
+    "foreign_key_table": null,
+    "foreign_key_column": null
+  }
+}