Skip to content

ECHO-624 Naming related changes for verify, echo, outcome #427

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ussaama merged 1 commit into from
Feb 5, 2026
Merged

ECHO-624 Naming related changes for verify, echo, outcome #427

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions echo/frontend/src/components/conversation/VerifiedArtefactsSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,12 +86,12 @@ export const VerifiedArtefactsSection = ({
<Stack gap="1.5rem">
<Group>
<Title order={2}>
<Trans>Artefacts</Trans>
<Trans>Outcomes</Trans>
</Title>
<ThemeIcon
variant="subtle"
color="primary"
aria-label={t`artefacts`}
aria-label={t`outcomes`}
size={22}
>
<IconRosetteDiscountCheck />
Expand Down
4 changes: 2 additions & 2 deletions echo/frontend/src/components/participant/EchoErrorAlert.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,9 @@ export const EchoErrorAlert = ({ error }: { error: Error }) => {
content policy.
</Trans>
) : (
<Trans id="participant.go.deeper.generic.error.message">
<Trans id="participant.explore.generic.error.message">
Something went wrong. Please try again by pressing the{" "}
<span className="font-bold">Go deeper</span> button, or contact
<span className="font-bold">Explore</span> button, or contact
support if the issue continues.
</Trans>
)}
Expand Down
20 changes: 10 additions & 10 deletions echo/frontend/src/components/participant/ParticipantConversationAudio.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -419,36 +419,36 @@ export const ParticipantConversationAudio = () => {
const getRefineModalTitle = () => {
if (showVerify && showEcho) {
return (
<Trans id="participant.modal.refine.info.title.generic">
"Refine" available soon
<Trans id="participant.modal.echo.info.title.generic">
"ECHO" available soon
</Trans>
);
}
if (showVerify) {
return (
<Trans id="participant.modal.refine.info.title.concrete">
"Make it concrete" available soon
<Trans id="participant.modal.echo.info.title.concrete">
"Verify" available soon
</Trans>
);
}
if (showEcho) {
return (
<Trans id="participant.modal.refine.info.title.go.deeper">
"Go deeper" available soon
<Trans id="participant.modal.echo.info.title.go.deeper">
"Explore" available soon
</Trans>
);
}
return (
<Trans id="participant.modal.refine.info.title">
<Trans id="participant.modal.echo.info.title">
Feature available soon
</Trans>
);
};

const getRefineInfoReason = () => {
return (
<Trans id="participant.modal.refine.info.reason">
We need a bit more context to help you refine effectively. Please
<Trans id="participant.modal.echo.info.reason">
We need a bit more context to help you use ECHO effectively. Please
continue recording so we can provide better suggestions.
</Trans>
);
Expand Down Expand Up @@ -727,7 +727,7 @@ export const ParticipantConversationAudio = () => {
/>
)}
<span className="relative z-10">
<Trans id="participant.button.refine">Refine</Trans>
<Trans id="participant.button.echo">ECHO</Trans>
</span>
</Button>
)}
Expand Down
10 changes: 4 additions & 6 deletions echo/frontend/src/components/participant/refine/RefineSelection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ export const RefineSelection = () => {

return (
<Stack gap="md" className="h-full">
{/* Make it concrete option */}
{/* Verify option */}
{showVerify && (
<Box
onClick={handleVerifyClick}
Expand All @@ -70,9 +70,7 @@ export const RefineSelection = () => {
<Group gap="sm" align="center">
<IconMessage size={32} />
<Title order={3} fw={600}>
<Trans id="participant.refine.make.concrete">
Make it concrete
</Trans>
<Trans id="participant.echo.verify">Verify</Trans>
</Title>
</Group>
<Text c="dimmed" ta="center">
Expand Down Expand Up @@ -101,7 +99,7 @@ export const RefineSelection = () => {
</Box>
)}

{/* Go deeper option */}
{/* Explore option */}
{showEcho && (
<Box
onClick={handleEchoClick}
Expand All @@ -124,7 +122,7 @@ export const RefineSelection = () => {
<Group gap="sm" align="center">
<IconArrowDownToArc size={32} />
<Title order={3} fw={600}>
<Trans id="participant.refine.go.deeper">Go deeper</Trans>
<Trans id="participant.echo.explore">Explore</Trans>
</Title>
</Group>
<Text c="dimmed" ta="center">
Expand Down
18 changes: 9 additions & 9 deletions echo/frontend/src/components/participant/verify/VerifyArtefact.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ export const VerifyArtefact = () => {

// Redirect if artifact failed to load
if (!artefactQuery.data) {
toast.error(t`Unable to load the generated artefact. Please try again.`);
toast.error(t`Unable to load the generated outcome. Please try again.`);
navigate(`/${projectId}/conversation/${conversationId}`, {
replace: true,
});
Expand Down Expand Up @@ -130,11 +130,11 @@ export const VerifyArtefact = () => {

// Show toast after navigation so it appears in the destination route's Toaster
setTimeout(() => {
toast.success(t`Artefact approved successfully!`);
toast.success(t`Outcome approved successfully!`);
setIsApproving(false);
}, 100);
} catch (error) {
toast.error(t`Failed to approve artefact. Please try again.`);
toast.error(t`Failed to approve outcome. Please try again.`);
console.error("error approving artefact: ", error);
} finally {
setIsApproving(false);
Expand Down Expand Up @@ -172,7 +172,7 @@ export const VerifyArtefact = () => {
updatedArtefact,
);

toast.success(t`Artefact revised successfully!`);
toast.success(t`Outcome revised successfully!`);
} catch (error) {
if (
error instanceof AxiosError &&
Expand All @@ -183,7 +183,7 @@ export const VerifyArtefact = () => {
t`No new feedback detected yet. Please continue your discussion and try again soon.`,
);
} else {
toast.error(t`Failed to revise artefact. Please try again.`);
toast.error(t`Failed to revise outcome. Please try again.`);
}
console.error("error revising artefact: ", error);
} finally {
Expand All @@ -210,7 +210,7 @@ export const VerifyArtefact = () => {
setLocalArtefactContent(editedContent);
setIsEditing(false);
setEditedContent("");
toast.success(t`Artefact updated successfully!`);
toast.success(t`Outcome updated!`);
};

const handleReadAloud = () => {
Expand Down Expand Up @@ -240,7 +240,7 @@ export const VerifyArtefact = () => {
topicsQuery.refetch(),
artefactQuery.refetch(),
]);
toast.success(t`Artefact reloaded successfully!`);
toast.success(t`Outcome reloaded successfully!`);
} catch (error) {
toast.error(t`Failed to reload. Please try again.`);
console.error("error reloading artefact: ", error);
Expand Down Expand Up @@ -312,8 +312,8 @@ export const VerifyArtefact = () => {
</div>
<Stack gap="sm" align="center">
<Text size="xl" fw={600}>
<Trans id="participant.concrete.regenerating.artefact">
Regenerating the artefact
<Trans id="participant.regenerating.outcome">
Regenerating the outcome
</Trans>
</Text>
<Text size="sm" c="dimmed">
Expand Down
11 changes: 5 additions & 6 deletions echo/frontend/src/components/participant/verify/VerifyArtefactError.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,15 +16,14 @@ export const VerifyArtefactError = ({
return (
<Stack align="center" justify="center" gap="lg" className="h-full px-4">
<Text size="xl" fw={500} c="red" mb="md">
<Trans id="participant.concrete.artefact.error.title">
Unable to Load Artefact
<Trans id="participant.outcome.error.title">
Unable to Load Outcome
</Trans>
</Text>
<Text size="md" c="dimmed" mb="lg" ta="center">
<Trans id="participant.concrete.artefact.error.description">
It looks like we couldn't load this artefact. This might be a
temporary issue. You can try reloading or go back to select a
different topic.
<Trans id="participant.outcome.error.description">
It looks like we couldn't load this outcome. This might be a temporary
issue. You can try reloading or go back to select a different topic.
</Trans>
</Text>
<Stack gap="xl" className="w-full max-w-xs">
Expand Down
24 changes: 12 additions & 12 deletions echo/frontend/src/components/project/ProjectPortalEditor.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -569,7 +569,7 @@ const ProjectPortalEditorComponent: React.FC<ProjectPortalEditorProps> = ({
<Stack gap="md">
<Group>
<Title order={4}>
<Trans>Go deeper</Trans>
<Trans>Explore</Trans>
</Title>
<Logo hideTitle />
<Badge>
Expand All @@ -583,10 +583,10 @@ const ProjectPortalEditorComponent: React.FC<ProjectPortalEditorProps> = ({
<Trans>
Enable this feature to allow participants to request
AI-powered responses during their conversation.
Participants can click "Go deeper" after recording
their thoughts to receive contextual feedback,
encouraging deeper reflection and engagement. A
cooldown period applies between requests.
Participants can click "Explore" after recording their
thoughts to receive contextual feedback, encouraging
deeper reflection and engagement. A cooldown period
applies between requests.
</Trans>
</Text>

Expand All @@ -597,7 +597,7 @@ const ProjectPortalEditorComponent: React.FC<ProjectPortalEditorProps> = ({
<Switch
label={
<FormLabel
label={t`Enable Go deeper`}
label={t`Enable Explore`}
isDirty={
formState.dirtyFields.is_get_reply_enabled
}
Expand Down Expand Up @@ -774,8 +774,8 @@ const ProjectPortalEditorComponent: React.FC<ProjectPortalEditorProps> = ({
<Stack gap="md">
<Group>
<Title order={4}>
<Trans id="dashboard.dembrane.concrete.title">
Make it concrete
<Trans id="dashboard.dembrane.verify.title">
Verify
</Trans>
</Title>
<Logo hideTitle />
Expand Down Expand Up @@ -804,7 +804,7 @@ const ProjectPortalEditorComponent: React.FC<ProjectPortalEditorProps> = ({
<Switch
label={
<FormLabel
label={t`Enable Make it concrete`}
label={t`Enable Verify`}
isDirty={
formState.dirtyFields.is_verify_enabled
}
Expand Down Expand Up @@ -837,9 +837,9 @@ const ProjectPortalEditorComponent: React.FC<ProjectPortalEditorProps> = ({
}
/>
<Text size="sm" c="dimmed">
<Trans id="dashboard.dembrane.concrete.topic.select">
<Trans id="dashboard.dembrane.verify.topic.select">
Select which topics participants can use for
"Make it concrete".
"Verify".
</Trans>
</Text>
{isVerificationTopicsLoading ? (
Expand Down Expand Up @@ -890,7 +890,7 @@ const ProjectPortalEditorComponent: React.FC<ProjectPortalEditorProps> = ({
normalizedCurrent.length === 1
) {
toast.error(
t`At least one topic must be selected to enable Make it concrete`,
t`At least one topic must be selected to enable Verify`,
);
return;
}
Expand Down
Loading