add missing translations

- Introduced a new "impressions" tab in the survey summary components.
- Updated the SummaryMetadata and SummaryPage components to handle the new tab.
- Implemented the getDisplaysWithContactAction to fetch display data associated with surveys.
- Enhanced the display service to include methods for retrieving displays by survey ID with contact information.
- Updated localization files to include new terms related to displays and impressions.
- Removed deprecated response-related components in the contact details page.

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions.test.ts

@@ -0,0 +1,196 @@
+import { describe, expect, test } from "vitest";
+import { z } from "zod";
+import { ZId } from "@formbricks/types/common";
+
+const ZGetDisplaysWithContactAction = z.object({
+  surveyId: ZId,
+  limit: z.number().int().min(1),
+  offset: z.number().int().nonnegative(),
+});
+
+const mockSurveyId = "clqkr5smu000108jy50v6g5k4";
+
+describe("ZGetDisplaysWithContactAction Schema Validation", () => {
+  describe("Happy Path", () => {
+    test("accepts valid positive limit and non-negative offset", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 10,
+        offset: 0,
+      });
+
+      expect(result.success).toBe(true);
+      if (result.success) {
+        expect(result.data.limit).toBe(10);
+        expect(result.data.offset).toBe(0);
+      }
+    });
+
+    test("accepts limit of 1 and offset of 0", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 1,
+        offset: 0,
+      });
+
+      expect(result.success).toBe(true);
+      if (result.success) {
+        expect(result.data.limit).toBe(1);
+        expect(result.data.offset).toBe(0);
+      }
+    });
+
+    test("accepts large positive values", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 100,
+        offset: 50,
+      });
+
+      expect(result.success).toBe(true);
+      if (result.success) {
+        expect(result.data.limit).toBe(100);
+        expect(result.data.offset).toBe(50);
+      }
+    });
+  });
+
+  describe("Validation - Negative Values", () => {
+    test("rejects negative limit", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: -1,
+        offset: 0,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues[0].path).toContain("limit");
+        expect(result.error.issues[0].message).toMatch(/greater than or equal to 1/i);
+      }
+    });
+
+    test("rejects negative offset", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 10,
+        offset: -5,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues[0].path).toContain("offset");
+        expect(result.error.issues[0].message).toMatch(/greater than or equal to 0/i);
+      }
+    });
+
+    test("rejects both negative limit and offset", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: -10,
+        offset: -5,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues.length).toBeGreaterThanOrEqual(2);
+        const paths = result.error.issues.map((i) => i.path[0]);
+        expect(paths).toContain("limit");
+        expect(paths).toContain("offset");
+      }
+    });
+
+    test("rejects zero limit (must be at least 1)", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 0,
+        offset: 0,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues[0].path).toContain("limit");
+        expect(result.error.issues[0].message).toMatch(/greater than or equal to 1/i);
+      }
+    });
+  });
+
+  describe("Validation - Non-Integer Values", () => {
+    test("rejects decimal limit", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 10.5,
+        offset: 0,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues[0].path).toContain("limit");
+        expect(result.error.issues[0].message).toMatch(/integer/i);
+      }
+    });
+
+    test("rejects decimal offset", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 10,
+        offset: 5.7,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues[0].path).toContain("offset");
+        expect(result.error.issues[0].message).toMatch(/integer/i);
+      }
+    });
+
+    test("rejects both decimal values", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 10.5,
+        offset: 5.7,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues.length).toBeGreaterThanOrEqual(2);
+        const paths = result.error.issues.map((i) => i.path[0]);
+        expect(paths).toContain("limit");
+        expect(paths).toContain("offset");
+      }
+    });
+  });
+
+  describe("Validation - Invalid surveyId", () => {
+    test("rejects invalid surveyId format", () => {
+      const result = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: "invalid-id",
+        limit: 10,
+        offset: 0,
+      });
+
+      expect(result.success).toBe(false);
+      if (!result.success) {
+        expect(result.error.issues[0].path).toContain("surveyId");
+      }
+    });
+  });
+
+  describe("Edge Cases", () => {
+    test("ensures Prisma skip/take receive valid integers", () => {
+      const validResult = ZGetDisplaysWithContactAction.safeParse({
+        surveyId: mockSurveyId,
+        limit: 15,
+        offset: 0,
+      });
+
+      expect(validResult.success).toBe(true);
+      if (validResult.success) {
+        expect(Number.isInteger(validResult.data.limit)).toBe(true);
+        expect(Number.isInteger(validResult.data.offset)).toBe(true);
+        expect(validResult.data.limit).toBeGreaterThan(0);
+        expect(validResult.data.offset).toBeGreaterThanOrEqual(0);
+      }
+    });
+  });
+});

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions.ts

@@ -4,6 +4,7 @@ import { revalidatePath } from "next/cache";
 import { z } from "zod";
 import { ZId } from "@formbricks/types/common";
 import { ZResponseFilterCriteria } from "@formbricks/types/responses";
+import { getDisplaysBySurveyIdWithContact } from "@/lib/display/service";
 import { getResponseCountBySurveyId, getResponses } from "@/lib/response/service";
 import { authenticatedActionClient } from "@/lib/utils/action-client";
 import { checkAuthorizationUpdated } from "@/lib/utils/action-client/action-client-middleware";
@@ -106,3 +107,31 @@ export const getResponseCountAction = authenticatedActionClient
 
     return getResponseCountBySurveyId(parsedInput.surveyId, parsedInput.filterCriteria);
   });
+
+const ZGetDisplaysWithContactAction = z.object({
+  surveyId: ZId,
+  limit: z.number().int().min(1),
+  offset: z.number().int().nonnegative(),
+});
+
+export const getDisplaysWithContactAction = authenticatedActionClient
+  .schema(ZGetDisplaysWithContactAction)
+  .action(async ({ ctx, parsedInput }) => {
+    await checkAuthorizationUpdated({
+      userId: ctx.user.id,
+      organizationId: await getOrganizationIdFromSurveyId(parsedInput.surveyId),
+      access: [
+        {
+          type: "organization",
+          roles: ["owner", "manager"],
+        },
+        {
+          type: "projectTeam",
+          minPermission: "read",
+          projectId: await getProjectIdFromSurveyId(parsedInput.surveyId),
+        },
+      ],
+    });
+
+    return getDisplaysBySurveyIdWithContact(parsedInput.surveyId, parsedInput.limit, parsedInput.offset);
+  });

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/SummaryImpressions.tsx

@@ -0,0 +1,180 @@
+"use client";
+
+import { AlertCircleIcon, InfoIcon } from "lucide-react";
+import Link from "next/link";
+import { useCallback, useEffect, useState } from "react";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { TDisplayWithContact } from "@formbricks/types/displays";
+import { TUserLocale } from "@formbricks/types/user";
+import { getDisplaysWithContactAction } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions";
+import { timeSince } from "@/lib/time";
+import { Button } from "@/modules/ui/components/button";
+
+const DISPLAYS_PER_PAGE = 15;
+
+interface SummaryImpressionsProps {
+  surveyId: string;
+  environmentId: string;
+  locale: TUserLocale;
+}
+
+export const SummaryImpressions = ({ surveyId, environmentId, locale }: SummaryImpressionsProps) => {
+  const { t } = useTranslation();
+  const [displays, setDisplays] = useState<TDisplayWithContact[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [hasMore, setHasMore] = useState(true);
+  const [displaysError, setDisplaysError] = useState<string | null>(null);
+
+  const fetchDisplays = useCallback(
+    async (offset: number) => {
+      try {
+        const response = await getDisplaysWithContactAction({
+          surveyId,
+          limit: DISPLAYS_PER_PAGE,
+          offset,
+        });
+
+        if (response?.serverError) {
+          const errorMessage = response.serverError || t("common.something_went_wrong");
+          throw new Error(errorMessage);
+        }
+
+        if (response?.data) {
+          return response.data;
+        }
+
+        return [];
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : t("common.something_went_wrong");
+        setDisplaysError(errorMessage);
+        toast.error(errorMessage);
+        throw error;
+      }
+    },
+    [surveyId, t]
+  );
+
+  const loadInitialDisplays = useCallback(async () => {
+    setIsLoading(true);
+    setDisplaysError(null);
+    try {
+      const data = await fetchDisplays(0);
+      setDisplays(data);
+      setHasMore(data.length === DISPLAYS_PER_PAGE);
+    } catch {
+      // Error is already handled in fetchDisplays
+      setDisplays([]);
+      setHasMore(false);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [fetchDisplays]);
+
+  useEffect(() => {
+    loadInitialDisplays();
+  }, [loadInitialDisplays]);
+
+  const handleLoadMore = async () => {
+    try {
+      const data = await fetchDisplays(displays.length);
+      setDisplays((prev) => [...prev, ...data]);
+      setHasMore(data.length === DISPLAYS_PER_PAGE);
+    } catch {
+      // Error is already handled in fetchDisplays
+      setHasMore(false);
+    }
+  };
+
+  const getDisplayContactIdentifier = (display: TDisplayWithContact): string => {
+    if (!display.contact) return "";
+    return display.contact.attributes?.email || display.contact.attributes?.userId || display.contact.id;
+  };
+
+  const renderContent = () => {
+    if (displaysError) {
+      return (
+        <div className="p-8">
+          <div className="flex flex-col items-center gap-4 text-center">
+            <div className="flex items-center gap-2 text-red-600">
+              <AlertCircleIcon className="h-5 w-5" />
+              <span className="text-sm font-medium">{t("common.error_loading_data")}</span>
+            </div>
+            <p className="text-sm text-slate-500">{displaysError}</p>
+            <Button onClick={loadInitialDisplays} variant="secondary" size="sm">
+              {t("common.try_again")}
+            </Button>
+          </div>
+        </div>
+      );
+    }
+
+    if (displays.length === 0) {
+      return (
+        <div className="p-8 text-center text-sm text-slate-500">
+          {t("environments.surveys.summary.no_identified_impressions")}
+        </div>
+      );
+    }
+
+    return (
+      <>
+        <div className="grid min-h-10 grid-cols-4 items-center border-b border-slate-200 bg-slate-100 text-sm font-semibold text-slate-600">
+          <div className="col-span-2 px-4 md:px-6">{t("common.user")}</div>
+          <div className="col-span-2 px-4 md:px-6">{t("environments.contacts.survey_viewed_at")}</div>
+        </div>
+
+        <div className="max-h-[62vh] overflow-y-auto">
+          {displays.map((display) => (
+            <div
+              key={display.id}
+              className="grid grid-cols-4 items-center border-b border-slate-100 py-2 text-xs text-slate-800 last:border-transparent md:text-sm">
+              <div className="col-span-2 pl-4 md:pl-6">
+                {display.contact ? (
+                  <Link
+                    className="ph-no-capture break-all text-slate-600 hover:underline"
+                    href={`/environments/${environmentId}/contacts/${display.contact.id}`}>
+                    {getDisplayContactIdentifier(display)}
+                  </Link>
+                ) : (
+                  <span className="break-all text-slate-600">{t("common.anonymous")}</span>
+                )}
+              </div>
+              <div className="col-span-2 px-4 text-slate-500 md:px-6">
+                {timeSince(display.createdAt.toString(), locale)}
+              </div>
+            </div>
+          ))}
+        </div>
+
+        {hasMore && (
+          <div className="flex justify-center border-t border-slate-100 py-4">
+            <Button onClick={handleLoadMore} variant="secondary" size="sm">
+              {t("common.load_more")}
+            </Button>
+          </div>
+        )}
+      </>
+    );
+  };
+
+  if (isLoading) {
+    return (
+      <div className="rounded-xl border border-slate-200 bg-white p-8 shadow-sm">
+        <div className="flex items-center justify-center">
+          <div className="h-6 w-32 animate-pulse rounded-full bg-slate-200"></div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="rounded-xl border border-slate-200 bg-white shadow-sm">
+      <div className="flex items-center gap-2 rounded-t-xl border-b border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600">
+        <InfoIcon className="h-4 w-4 shrink-0" />
+        <span>{t("environments.surveys.summary.impressions_identified_only")}</span>
+      </div>
+      {renderContent()}
+    </div>
+  );
+};

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/SummaryMetadata.tsx

@@ -10,8 +10,8 @@ interface SummaryMetadataProps {
   surveySummary: TSurveySummary["meta"];
   quotasCount: number;
   isLoading: boolean;
-  tab: "dropOffs" | "quotas" | undefined;
-  setTab: React.Dispatch<React.SetStateAction<"dropOffs" | "quotas" | undefined>>;
+  tab: "dropOffs" | "quotas" | "impressions" | undefined;
+  setTab: React.Dispatch<React.SetStateAction<"dropOffs" | "quotas" | "impressions" | undefined>>;
   isQuotasAllowed: boolean;
 }
 
@@ -53,7 +53,7 @@ export const SummaryMetadata = ({
   const { t } = useTranslation();
   const dropoffCountValue = dropOffCount === 0 ? <span>-</span> : dropOffCount;
 
-  const handleTabChange = (val: "dropOffs" | "quotas") => {
+  const handleTabChange = (val: "dropOffs" | "quotas" | "impressions") => {
     const change = tab === val ? undefined : val;
     setTab(change);
   };
@@ -65,12 +65,16 @@ export const SummaryMetadata = ({
           `grid gap-4 sm:grid-cols-2 md:grid-cols-3 md:gap-x-2 lg:grid-cols-3 2xl:grid-cols-5`,
           isQuotasAllowed && quotasCount > 0 && "2xl:grid-cols-6"
         )}>
-        <StatCard
+        <InteractiveCard
+          key="impressions"
+          tab="impressions"
           label={t("environments.surveys.summary.impressions")}
           percentage={null}
           value={displayCount === 0 ? <span>-</span> : displayCount}
           tooltipText={t("environments.surveys.summary.impressions_tooltip")}
           isLoading={isLoading}
+          onClick={() => handleTabChange("impressions")}
+          isActive={tab === "impressions"}
         />
         <StatCard
           label={t("environments.surveys.summary.starts")}

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/SummaryPage.tsx

@@ -9,6 +9,7 @@ import { getSurveySummaryAction } from "@/app/(app)/environments/[environmentId]
 import { useResponseFilter } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/components/response-filter-context";
 import ScrollToTop from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/ScrollToTop";
 import { SummaryDropOffs } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/SummaryDropOffs";
+import { SummaryImpressions } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/SummaryImpressions";
 import { CustomFilter } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/CustomFilter";
 import { getFormattedFilters } from "@/app/lib/surveys/surveys";
 import { replaceHeadlineRecall } from "@/lib/utils/recall";
@@ -57,7 +58,7 @@ export const SummaryPage = ({
     initialSurveySummary || defaultSurveySummary
   );
 
-  const [tab, setTab] = useState<"dropOffs" | "quotas" | undefined>(undefined);
+  const [tab, setTab] = useState<"dropOffs" | "quotas" | "impressions" | undefined>(undefined);
   const [isLoading, setIsLoading] = useState(!initialSurveySummary);
 
   const { selectedFilter, dateRange, resetState } = useResponseFilter();
@@ -121,6 +122,9 @@ export const SummaryPage = ({
         setTab={setTab}
         isQuotasAllowed={isQuotasAllowed}
       />
+      {tab === "impressions" && (
+        <SummaryImpressions surveyId={surveyId} environmentId={environment.id} locale={locale} />
+      )}
       {tab === "dropOffs" && <SummaryDropOffs dropOff={surveySummary.dropOff} survey={surveyMemoized} />}
       {isQuotasAllowed && tab === "quotas" && <QuotasSummary quotas={surveySummary.quotas} />}
       <div className="flex gap-1.5">

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/interactive-card.tsx

@@ -4,9 +4,9 @@ import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { BaseCard } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/base-card";
 
 interface InteractiveCardProps {
-  tab: "dropOffs" | "quotas";
+  tab: "dropOffs" | "quotas" | "impressions";
   label: string;
-  percentage: number;
+  percentage: number | null;
   value: React.ReactNode;
   tooltipText: string;
   isLoading: boolean;

apps/web/i18n.lock

@@ -401,6 +401,7 @@ checksums:
     common/top_right: 241f95c923846911aaf13af6109333e5
     common/try_again: 33dd8820e743e35a66e6977f69e9d3b5
     common/type: f04471a7ddac844b9ad145eb9911ef75
+    common/unknown_survey: dd8f6985e17ccf19fac1776e18b2c498
     common/unlock_more_workspaces_with_a_higher_plan: fe1590075b855bb4306c9388b65143b0
     common/update: 079fc039262fd31b10532929685c2d1b
     common/updated: 8aa8ff2dc2977ca4b269e80a513100b4
@@ -620,6 +621,7 @@ checksums:
     environments/contacts/delete_attribute_confirmation: 01d99b89eb3d27ff468d0db1b4aeb394
     environments/contacts/delete_contact_confirmation: 2d45579e0bb4bc40fb1ee75b43c0e7a4
     environments/contacts/delete_contact_confirmation_with_quotas: d3d17f13ae46ce04c126c82bf01299ac
+    environments/contacts/displays: fcc4527002bd045021882be463b8ac72
     environments/contacts/edit_attribute: 92a83c96a5d850e7d39002e8fd5898f4
     environments/contacts/edit_attribute_description: 073a3084bb2f3b34ed1320ed1cd6db3c
     environments/contacts/edit_attribute_values: 44e4e7a661cc1b59200bb07c710072a7
@@ -631,6 +633,7 @@ checksums:
     environments/contacts/invalid_csv_column_names: dcb8534e7d4c00b9ea7bdaf389f72328
     environments/contacts/invalid_date_format: 5bad9730ac5a5bacd0792098f712b1c4
     environments/contacts/invalid_number_format: bd0422507385f671c3046730a6febc64
+    environments/contacts/no_activity_yet: f88897ac05afd6bf8af0d4834ad24ffc
     environments/contacts/no_published_link_surveys_available: 9c1abc5b21aba827443cdf87dd6c8bfe
     environments/contacts/no_published_surveys: bd945b0e2e2328c17615c94143bdd62b
     environments/contacts/no_responses_found: f10190cffdda4ca1bed479acbb89b13f
@@ -645,6 +648,8 @@ checksums:
     environments/contacts/select_a_survey: 1f49086dfb874307aae1136e88c3d514
     environments/contacts/select_attribute: d93fb60eb4fbb42bf13a22f6216fbd79
     environments/contacts/select_attribute_key: 673a6683fab41b387d921841cded7e38
+    environments/contacts/survey_viewed: 646d413218626787b0373ffd71cb7451
+    environments/contacts/survey_viewed_at: 2ab535237af5c3c3f33acc792a7e70a4
     environments/contacts/system_attributes: eadb6a8888c7b32c0e68881f945ae9b6
     environments/contacts/unlock_contacts_description: c5572047f02b4c39e5109f9de715499d
     environments/contacts/unlock_contacts_title: a8b3d7db03eb404d9267fd5cdd6d5ddb
@@ -1846,6 +1851,7 @@ checksums:
     environments/surveys/summary/filtered_responses_excel: 06e57bae9e41979fd7fc4b8bfe3466f9
     environments/surveys/summary/generating_qr_code: 5026d4a76f995db458195e5215d9bbd9
     environments/surveys/summary/impressions: 7fe38d42d68a64d3fd8436a063751584
+    environments/surveys/summary/impressions_identified_only: 10f8c491463c73b8e6534314ee00d165
     environments/surveys/summary/impressions_tooltip: 4d0823cbf360304770c7c5913e33fdc8
     environments/surveys/summary/in_app/connection_description: 9710bbf8048a8a5c3b2b56db9d946b73
     environments/surveys/summary/in_app/connection_title: 29e8a40ad6a7fdb5af5ee9451a70a9aa
@@ -1886,6 +1892,7 @@ checksums:
     environments/surveys/summary/last_quarter: 2e565a81de9b3d7b1ee709ebb6f6eda1
     environments/surveys/summary/last_year: fe7c268a48bf85bc40da000e6e437637
     environments/surveys/summary/limit: 347051f1a068e01e8c4e4f6744d8e727
+    environments/surveys/summary/no_identified_impressions: c3bc42e6feb9010ced905ded51c5afc4
     environments/surveys/summary/no_responses_found: f10190cffdda4ca1bed479acbb89b13f
     environments/surveys/summary/other_values_found: 48a74ee68c05f7fb162072b50c683b6a
     environments/surveys/summary/overall: 6c6d6533013d4739766af84b2871bca6
@@ -2104,6 +2111,7 @@ checksums:
     environments/workspace/look/show_powered_by_formbricks: a0e96edadec8ef326423feccc9d06be7
     environments/workspace/look/styling_updated_successfully: b8b74b50dde95abcd498633e9d0c891f
     environments/workspace/look/suggest_colors: ddc4543b416ab774007b10a3434343cd
+    environments/workspace/look/suggested_colors_applied_please_save: 226fa70af5efc8ffa0a3755909c8163e
     environments/workspace/look/theme: 21fe00b7a518089576fb83c08631107a
     environments/workspace/look/theme_settings_description: 9fc45322818c3774ab4a44ea14d7836e
     environments/workspace/tags/add: 87c4a663507f2bcbbf79934af8164e13

apps/web/lib/display/service.ts

@@ -2,8 +2,8 @@ import "server-only";
 import { Prisma } from "@prisma/client";
 import { cache as reactCache } from "react";
 import { prisma } from "@formbricks/database";
-import { ZId } from "@formbricks/types/common";
-import { TDisplay, TDisplayFilters } from "@formbricks/types/displays";
+import { ZId, ZOptionalNumber } from "@formbricks/types/common";
+import { TDisplay, TDisplayFilters, TDisplayWithContact } from "@formbricks/types/displays";
 import { DatabaseError } from "@formbricks/types/errors";
 import { validateInputs } from "../utils/validate";
 
@@ -42,6 +42,93 @@ export const getDisplayCountBySurveyId = reactCache(
   }
 );
 
+export const getDisplaysByContactId = reactCache(
+  async (contactId: string): Promise<Pick<TDisplay, "id" | "createdAt" | "surveyId">[]> => {
+    validateInputs([contactId, ZId]);
+
+    try {
+      const displays = await prisma.display.findMany({
+        where: { contactId },
+        select: {
+          id: true,
+          createdAt: true,
+          surveyId: true,
+        },
+        orderBy: { createdAt: "desc" },
+      });
+
+      return displays;
+    } catch (error) {
+      if (error instanceof Prisma.PrismaClientKnownRequestError) {
+        throw new DatabaseError(error.message);
+      }
+      throw error;
+    }
+  }
+);
+
+export const getDisplaysBySurveyIdWithContact = reactCache(
+  async (surveyId: string, limit?: number, offset?: number): Promise<TDisplayWithContact[]> => {
+    validateInputs([surveyId, ZId], [limit, ZOptionalNumber], [offset, ZOptionalNumber]);
+
+    try {
+      const displays = await prisma.display.findMany({
+        where: {
+          surveyId,
+          contactId: { not: null },
+        },
+        select: {
+          id: true,
+          createdAt: true,
+          surveyId: true,
+          contact: {
+            select: {
+              id: true,
+              attributes: {
+                where: {
+                  attributeKey: {
+                    key: { in: ["email", "userId"] },
+                  },
+                },
+                select: {
+                  attributeKey: { select: { key: true } },
+                  value: true,
+                },
+              },
+            },
+          },
+        },
+        orderBy: { createdAt: "desc" },
+        take: limit,
+        skip: offset,
+      });
+
+      return displays.map((display) => ({
+        id: display.id,
+        createdAt: display.createdAt,
+        surveyId: display.surveyId,
+        contact: display.contact
+          ? {
+              id: display.contact.id,
+              attributes: display.contact.attributes.reduce(
+                (acc, attr) => {
+                  acc[attr.attributeKey.key] = attr.value;
+                  return acc;
+                },
+                {} as Record<string, string>
+              ),
+            }
+          : null,
+      }));
+    } catch (error) {
+      if (error instanceof Prisma.PrismaClientKnownRequestError) {
+        throw new DatabaseError(error.message);
+      }
+      throw error;
+    }
+  }
+);
+
 export const deleteDisplay = async (displayId: string, tx?: Prisma.TransactionClient): Promise<TDisplay> => {
   validateInputs([displayId, ZId]);
   try {

apps/web/lib/display/tests/display-queries.test.ts

@@ -0,0 +1,219 @@
+import { mockDisplayId, mockSurveyId } from "./__mocks__/data.mock";
+import { prisma } from "@/lib/__mocks__/database";
+import { Prisma } from "@prisma/client";
+import { describe, expect, test, vi } from "vitest";
+import { PrismaErrorType } from "@formbricks/database/types/error";
+import { DatabaseError, ValidationError } from "@formbricks/types/errors";
+import { getDisplaysByContactId, getDisplaysBySurveyIdWithContact } from "../service";
+
+const mockContactId = "clqnj99r9000008lebgf8734j";
+
+const mockDisplaysForContact = [
+  {
+    id: mockDisplayId,
+    createdAt: new Date("2024-01-15T10:00:00Z"),
+    surveyId: mockSurveyId,
+  },
+  {
+    id: "clqkr5smu000208jy50v6g5k5",
+    createdAt: new Date("2024-01-14T10:00:00Z"),
+    surveyId: "clqkr8dlv000308jybb08evgs",
+  },
+];
+
+const mockDisplaysWithContact = [
+  {
+    id: mockDisplayId,
+    createdAt: new Date("2024-01-15T10:00:00Z"),
+    surveyId: mockSurveyId,
+    contact: {
+      id: mockContactId,
+      attributes: [
+        { attributeKey: { key: "email" }, value: "test@example.com" },
+        { attributeKey: { key: "userId" }, value: "user-123" },
+      ],
+    },
+  },
+  {
+    id: "clqkr5smu000208jy50v6g5k5",
+    createdAt: new Date("2024-01-14T10:00:00Z"),
+    surveyId: "clqkr8dlv000308jybb08evgs",
+    contact: {
+      id: "clqnj99r9000008lebgf8734k",
+      attributes: [{ attributeKey: { key: "userId" }, value: "user-456" }],
+    },
+  },
+];
+
+describe("getDisplaysByContactId", () => {
+  describe("Happy Path", () => {
+    test("returns displays for a contact ordered by createdAt desc", async () => {
+      vi.mocked(prisma.display.findMany).mockResolvedValue(mockDisplaysForContact as any);
+
+      const result = await getDisplaysByContactId(mockContactId);
+
+      expect(result).toEqual(mockDisplaysForContact);
+      expect(prisma.display.findMany).toHaveBeenCalledWith({
+        where: { contactId: mockContactId },
+        select: {
+          id: true,
+          createdAt: true,
+          surveyId: true,
+        },
+        orderBy: { createdAt: "desc" },
+      });
+    });
+
+    test("returns empty array when contact has no displays", async () => {
+      vi.mocked(prisma.display.findMany).mockResolvedValue([]);
+
+      const result = await getDisplaysByContactId(mockContactId);
+
+      expect(result).toEqual([]);
+    });
+  });
+
+  describe("Sad Path", () => {
+    test("throws a ValidationError if the contactId is invalid", async () => {
+      await expect(getDisplaysByContactId("not-a-cuid")).rejects.toThrow(ValidationError);
+    });
+
+    test("throws DatabaseError on PrismaClientKnownRequestError", async () => {
+      const errToThrow = new Prisma.PrismaClientKnownRequestError("Mock error", {
+        code: PrismaErrorType.UniqueConstraintViolation,
+        clientVersion: "0.0.1",
+      });
+
+      vi.mocked(prisma.display.findMany).mockRejectedValue(errToThrow);
+
+      await expect(getDisplaysByContactId(mockContactId)).rejects.toThrow(DatabaseError);
+    });
+
+    test("throws generic Error for other exceptions", async () => {
+      vi.mocked(prisma.display.findMany).mockRejectedValue(new Error("Mock error"));
+
+      await expect(getDisplaysByContactId(mockContactId)).rejects.toThrow(Error);
+    });
+  });
+});
+
+describe("getDisplaysBySurveyIdWithContact", () => {
+  describe("Happy Path", () => {
+    test("returns displays with contact attributes transformed", async () => {
+      vi.mocked(prisma.display.findMany).mockResolvedValue(mockDisplaysWithContact as any);
+
+      const result = await getDisplaysBySurveyIdWithContact(mockSurveyId, 15, 0);
+
+      expect(result).toEqual([
+        {
+          id: mockDisplayId,
+          createdAt: new Date("2024-01-15T10:00:00Z"),
+          surveyId: mockSurveyId,
+          contact: {
+            id: mockContactId,
+            attributes: { email: "test@example.com", userId: "user-123" },
+          },
+        },
+        {
+          id: "clqkr5smu000208jy50v6g5k5",
+          createdAt: new Date("2024-01-14T10:00:00Z"),
+          surveyId: "clqkr8dlv000308jybb08evgs",
+          contact: {
+            id: "clqnj99r9000008lebgf8734k",
+            attributes: { userId: "user-456" },
+          },
+        },
+      ]);
+    });
+
+    test("calls prisma with correct where clause and pagination", async () => {
+      vi.mocked(prisma.display.findMany).mockResolvedValue([]);
+
+      await getDisplaysBySurveyIdWithContact(mockSurveyId, 15, 0);
+
+      expect(prisma.display.findMany).toHaveBeenCalledWith({
+        where: {
+          surveyId: mockSurveyId,
+          contactId: { not: null },
+        },
+        select: {
+          id: true,
+          createdAt: true,
+          surveyId: true,
+          contact: {
+            select: {
+              id: true,
+              attributes: {
+                where: {
+                  attributeKey: {
+                    key: { in: ["email", "userId"] },
+                  },
+                },
+                select: {
+                  attributeKey: { select: { key: true } },
+                  value: true,
+                },
+              },
+            },
+          },
+        },
+        orderBy: { createdAt: "desc" },
+        take: 15,
+        skip: 0,
+      });
+    });
+
+    test("returns empty array when no displays found", async () => {
+      vi.mocked(prisma.display.findMany).mockResolvedValue([]);
+
+      const result = await getDisplaysBySurveyIdWithContact(mockSurveyId);
+
+      expect(result).toEqual([]);
+    });
+
+    test("handles display with null contact", async () => {
+      vi.mocked(prisma.display.findMany).mockResolvedValue([
+        {
+          id: mockDisplayId,
+          createdAt: new Date("2024-01-15T10:00:00Z"),
+          surveyId: mockSurveyId,
+          contact: null,
+        },
+      ] as any);
+
+      const result = await getDisplaysBySurveyIdWithContact(mockSurveyId);
+
+      expect(result).toEqual([
+        {
+          id: mockDisplayId,
+          createdAt: new Date("2024-01-15T10:00:00Z"),
+          surveyId: mockSurveyId,
+          contact: null,
+        },
+      ]);
+    });
+  });
+
+  describe("Sad Path", () => {
+    test("throws a ValidationError if the surveyId is invalid", async () => {
+      await expect(getDisplaysBySurveyIdWithContact("not-a-cuid")).rejects.toThrow(ValidationError);
+    });
+
+    test("throws DatabaseError on PrismaClientKnownRequestError", async () => {
+      const errToThrow = new Prisma.PrismaClientKnownRequestError("Mock error", {
+        code: PrismaErrorType.UniqueConstraintViolation,
+        clientVersion: "0.0.1",
+      });
+
+      vi.mocked(prisma.display.findMany).mockRejectedValue(errToThrow);
+
+      await expect(getDisplaysBySurveyIdWithContact(mockSurveyId)).rejects.toThrow(DatabaseError);
+    });
+
+    test("throws generic Error for other exceptions", async () => {
+      vi.mocked(prisma.display.findMany).mockRejectedValue(new Error("Mock error"));
+
+      await expect(getDisplaysBySurveyIdWithContact(mockSurveyId)).rejects.toThrow(Error);
+    });
+  });
+});

apps/web/lib/utils/validate.ts

@@ -12,11 +12,18 @@ export function validateInputs<T extends ValidationPair<any>[]>(
   for (const [value, schema] of pairs) {
     const inputValidation = schema.safeParse(value);
     if (!inputValidation.success) {
+      const zodDetails = inputValidation.error.issues
+        .map((issue) => {
+          const path = issue?.path?.join(".") ?? "";
+          return `${path}${issue.message}`;
+        })
+        .join("; ");
+
       logger.error(
         inputValidation.error,
         `Validation failed for ${JSON.stringify(value).substring(0, 100)} and ${JSON.stringify(schema)}`
       );
-      throw new ValidationError("Validation failed");
+      throw new ValidationError(`Validation failed: ${zodDetails}`);
     }
     parsedData.push(inputValidation.data);
   }

apps/web/locales/de-DE.json

@@ -428,6 +428,7 @@
     "top_right": "Oben rechts",
     "try_again": "Versuch's nochmal",
     "type": "Typ",
+    "unknown_survey": "Unbekannte Umfrage",
     "unlock_more_workspaces_with_a_higher_plan": "Schalten Sie mehr Projekte mit einem höheren Tarif frei.",
     "update": "Aktualisierung",
     "updated": "Aktualisiert",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Dadurch wird das ausgewählte Attribut gelöscht. Alle mit diesem Attribut verknüpften Kontaktdaten gehen verloren.} other {Dadurch werden die ausgewählten Attribute gelöscht. Alle mit diesen Attributen verknüpften Kontaktdaten gehen verloren.}}",
       "delete_contact_confirmation": "Dies wird alle Umfrageantworten und Kontaktattribute löschen, die mit diesem Kontakt verbunden sind. Jegliche zielgerichtete Kommunikation und Personalisierung basierend auf den Daten dieses Kontakts gehen verloren.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {Dies wird alle Umfrageantworten und Kontaktattribute löschen, die mit diesem Kontakt verbunden sind. Jegliche zielgerichtete Kommunikation und Personalisierung basierend auf den Daten dieses Kontakts gehen verloren. Wenn dieser Kontakt Antworten hat, die zu den Umfragequoten zählen, werden die Quotenstände reduziert, aber die Quotenlimits bleiben unverändert.} other {Dies wird alle Umfrageantworten und Kontaktattribute löschen, die mit diesen Kontakten verbunden sind. Jegliche zielgerichtete Kommunikation und Personalisierung basierend auf den Daten dieses Kontakts gehen verloren. Wenn diesen Kontakten Antworten haben, die zu den Umfragequoten zählen, werden die Quotenstände reduziert, aber die Quotenlimits bleiben unverändert.}}",
+      "displays": "Anzeigen",
       "edit_attribute": "Attribut bearbeiten",
       "edit_attribute_description": "Aktualisieren Sie die Bezeichnung und Beschreibung für dieses Attribut.",
       "edit_attribute_values": "Attribute bearbeiten",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Ungültige CSV-Spaltennamen: {columns}. Spaltennamen, die zu neuen Attributen werden, dürfen nur Kleinbuchstaben, Zahlen und Unterstriche enthalten und müssen mit einem Buchstaben beginnen.",
       "invalid_date_format": "Ungültiges Datumsformat. Bitte verwende ein gültiges Datum.",
       "invalid_number_format": "Ungültiges Zahlenformat. Bitte gib eine gültige Zahl ein.",
+      "no_activity_yet": "Noch keine Aktivität",
       "no_published_link_surveys_available": "Keine veröffentlichten Link-Umfragen verfügbar. Bitte veröffentliche zuerst eine Link-Umfrage.",
       "no_published_surveys": "Keine veröffentlichten Umfragen",
       "no_responses_found": "Keine Antworten gefunden",
@@ -681,6 +684,8 @@
       "select_a_survey": "Wähle eine Umfrage aus",
       "select_attribute": "Attribut auswählen",
       "select_attribute_key": "Attributschlüssel auswählen",
+      "survey_viewed": "Umfrage angesehen",
+      "survey_viewed_at": "Angesehen am",
       "system_attributes": "Systemattribute",
       "unlock_contacts_description": "Verwalte Kontakte und sende gezielte Umfragen",
       "unlock_contacts_title": "Kontakte mit einem höheren Plan freischalten",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Gefilterte Antworten (Excel)",
         "generating_qr_code": "QR-Code wird generiert",
         "impressions": "Eindrücke",
+        "impressions_identified_only": "Zeigt nur Impressionen von identifizierten Kontakten",
         "impressions_tooltip": "Anzahl der Aufrufe der Umfrage.",
         "in_app": {
           "connection_description": "Die Umfrage wird den Nutzern Ihrer Website angezeigt, die den unten aufgeführten Kriterien entsprechen",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Letztes Quartal",
         "last_year": "Letztes Jahr",
         "limit": "Limit",
+        "no_identified_impressions": "Keine Impressionen von identifizierten Kontakten",
         "no_responses_found": "Keine Antworten gefunden",
         "other_values_found": "Andere Werte gefunden",
         "overall": "Insgesamt",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "\"Powered by Formbricks\"-Signatur anzeigen",
         "styling_updated_successfully": "Styling erfolgreich aktualisiert",
         "suggest_colors": "Farben vorschlagen",
+        "suggested_colors_applied_please_save": "Vorgeschlagene Farben erfolgreich generiert. Drücke \"Speichern\", um die Änderungen zu übernehmen.",
         "theme": "Theme",
         "theme_settings_description": "Erstelle ein Style-Theme für alle Umfragen. Du kannst für jede Umfrage individuelles Styling aktivieren."
       },

apps/web/locales/en-US.json

@@ -428,6 +428,7 @@
     "top_right": "Top Right",
     "try_again": "Try again",
     "type": "Type",
+    "unknown_survey": "Unknown survey",
     "unlock_more_workspaces_with_a_higher_plan": "Unlock more workspaces with a higher plan.",
     "update": "Update",
     "updated": "Updated",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {This will delete the selected attribute. Any contact data associated with this attribute will be lost.} other {This will delete the selected attributes. Any contact data associated with these attributes will be lost.}}",
       "delete_contact_confirmation": "This will delete all survey responses and contact attributes associated with this contact. Any targeting and personalization based on this contact’s data will be lost.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {This will delete all survey responses and contact attributes associated with this contact. Any targeting and personalization based on this contact’s data will be lost. If this contact has responses that count towards survey quotas, the quota counts will be reduced but the quota limits will remain unchanged.} other {This will delete all survey responses and contact attributes associated with these contacts. Any targeting and personalization based on these contacts’ data will be lost. If these contacts have responses that count towards survey quotas, the quota counts will be reduced but the quota limits will remain unchanged.}}",
+      "displays": "Displays",
       "edit_attribute": "Edit attribute",
       "edit_attribute_description": "Update the label and description for this attribute.",
       "edit_attribute_values": "Edit attributes",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Invalid CSV column name(s): {columns}. Column names that will become new attributes must only contain lowercase letters, numbers, and underscores, and must start with a letter.",
       "invalid_date_format": "Invalid date format. Please use a valid date.",
       "invalid_number_format": "Invalid number format. Please enter a valid number.",
+      "no_activity_yet": "No activity yet",
       "no_published_link_surveys_available": "No published link surveys available. Please publish a link survey first.",
       "no_published_surveys": "No published surveys",
       "no_responses_found": "No responses found",
@@ -681,6 +684,8 @@
       "select_a_survey": "Select a survey",
       "select_attribute": "Select Attribute",
       "select_attribute_key": "Select attribute key",
+      "survey_viewed": "Survey viewed",
+      "survey_viewed_at": "Viewed At",
       "system_attributes": "System Attributes",
       "unlock_contacts_description": "Manage contacts and send out targeted surveys",
       "unlock_contacts_title": "Unlock contacts with a higher plan",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Filtered responses (Excel)",
         "generating_qr_code": "Generating QR code",
         "impressions": "Impressions",
+        "impressions_identified_only": "Only showing impressions from identified contacts",
         "impressions_tooltip": "Number of times the survey has been viewed.",
         "in_app": {
           "connection_description": "The survey will be shown to users of your website, that match the criteria listed below",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Last quarter",
         "last_year": "Last year",
         "limit": "Limit",
+        "no_identified_impressions": "No impressions from identified contacts",
         "no_responses_found": "No responses found",
         "other_values_found": "Other values found",
         "overall": "Overall",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Show “Powered by Formbricks” Signature",
         "styling_updated_successfully": "Styling updated successfully",
         "suggest_colors": "Suggest colors",
+        "suggested_colors_applied_please_save": "Suggested colors generated successfully. Press \"Save\" to persist the changes.",
         "theme": "Theme",
         "theme_settings_description": "Create a style theme for all surveys. You can enable custom styling for each survey."
       },

apps/web/locales/es-ES.json

@@ -428,6 +428,7 @@
     "top_right": "Superior derecha",
     "try_again": "Intentar de nuevo",
     "type": "Tipo",
+    "unknown_survey": "Encuesta desconocida",
     "unlock_more_workspaces_with_a_higher_plan": "Desbloquea más proyectos con un plan superior.",
     "update": "Actualizar",
     "updated": "Actualizado",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Esto eliminará el atributo seleccionado. Se perderán todos los datos de contacto asociados con este atributo.} other {Esto eliminará los atributos seleccionados. Se perderán todos los datos de contacto asociados con estos atributos.}}",
       "delete_contact_confirmation": "Esto eliminará todas las respuestas de encuestas y atributos de contacto asociados con este contacto. Cualquier segmentación y personalización basada en los datos de este contacto se perderá.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {Esto eliminará todas las respuestas de encuestas y atributos de contacto asociados con este contacto. Cualquier segmentación y personalización basada en los datos de este contacto se perderá. Si este contacto tiene respuestas que cuentan para las cuotas de encuesta, los recuentos de cuota se reducirán pero los límites de cuota permanecerán sin cambios.} other {Esto eliminará todas las respuestas de encuestas y atributos de contacto asociados con estos contactos. Cualquier segmentación y personalización basada en los datos de estos contactos se perderá. Si estos contactos tienen respuestas que cuentan para las cuotas de encuesta, los recuentos de cuota se reducirán pero los límites de cuota permanecerán sin cambios.}}",
+      "displays": "Visualizaciones",
       "edit_attribute": "Editar atributo",
       "edit_attribute_description": "Actualiza la etiqueta y la descripción de este atributo.",
       "edit_attribute_values": "Editar atributos",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Nombre(s) de columna CSV no válido(s): {columns}. Los nombres de columna que se convertirán en nuevos atributos solo deben contener letras minúsculas, números y guiones bajos, y deben comenzar con una letra.",
       "invalid_date_format": "Formato de fecha no válido. Por favor, usa una fecha válida.",
       "invalid_number_format": "Formato de número no válido. Por favor, introduce un número válido.",
+      "no_activity_yet": "Aún no hay actividad",
       "no_published_link_surveys_available": "No hay encuestas de enlace publicadas disponibles. Por favor, publica primero una encuesta de enlace.",
       "no_published_surveys": "No hay encuestas publicadas",
       "no_responses_found": "No se encontraron respuestas",
@@ -681,6 +684,8 @@
       "select_a_survey": "Selecciona una encuesta",
       "select_attribute": "Seleccionar atributo",
       "select_attribute_key": "Seleccionar clave de atributo",
+      "survey_viewed": "Encuesta vista",
+      "survey_viewed_at": "Vista el",
       "system_attributes": "Atributos del sistema",
       "unlock_contacts_description": "Gestiona contactos y envía encuestas dirigidas",
       "unlock_contacts_title": "Desbloquea contactos con un plan superior",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Respuestas filtradas (Excel)",
         "generating_qr_code": "Generando código QR",
         "impressions": "Impresiones",
+        "impressions_identified_only": "Solo se muestran impresiones de contactos identificados",
         "impressions_tooltip": "Número de veces que se ha visto la encuesta.",
         "in_app": {
           "connection_description": "La encuesta se mostrará a los usuarios de tu sitio web que cumplan con los criterios enumerados a continuación",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Último trimestre",
         "last_year": "Último año",
         "limit": "Límite",
+        "no_identified_impressions": "No hay impresiones de contactos identificados",
         "no_responses_found": "No se han encontrado respuestas",
         "other_values_found": "Otros valores encontrados",
         "overall": "General",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Mostrar firma 'Powered by Formbricks'",
         "styling_updated_successfully": "Estilo actualizado correctamente",
         "suggest_colors": "Sugerir colores",
+        "suggested_colors_applied_please_save": "Colores sugeridos generados correctamente. Pulsa \"Guardar\" para conservar los cambios.",
         "theme": "Tema",
         "theme_settings_description": "Crea un tema de estilo para todas las encuestas. Puedes activar el estilo personalizado para cada encuesta."
       },

apps/web/locales/fr-FR.json

@@ -428,6 +428,7 @@
     "top_right": "En haut à droite",
     "try_again": "Réessayer",
     "type": "Type",
+    "unknown_survey": "Enquête inconnue",
     "unlock_more_workspaces_with_a_higher_plan": "Débloquez plus de projets avec un forfait supérieur.",
     "update": "Mise à jour",
     "updated": "Mise à jour",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Cela supprimera l'attribut sélectionné. Toutes les données de contact associées à cet attribut seront perdues.} other {Cela supprimera les attributs sélectionnés. Toutes les données de contact associées à ces attributs seront perdues.}}",
       "delete_contact_confirmation": "Cela supprimera toutes les réponses aux enquêtes et les attributs de contact associés à ce contact. Toute la personnalisation et le ciblage basés sur les données de ce contact seront perdus.",
       "delete_contact_confirmation_with_quotas": "{value, plural, other {Cela supprimera toutes les réponses aux enquêtes et les attributs de contact associés à ce contact. Toute la personnalisation et le ciblage basés sur les données de ce contact seront perdus. Si ce contact a des réponses qui comptent dans les quotas de l'enquête, les comptes de quotas seront réduits mais les limites de quota resteront inchangées.}}",
+      "displays": "Affichages",
       "edit_attribute": "Modifier l'attribut",
       "edit_attribute_description": "Mettez à jour l'étiquette et la description de cet attribut.",
       "edit_attribute_values": "Modifier les attributs",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Nom(s) de colonne CSV invalide(s) : {columns}. Les noms de colonnes qui deviendront de nouveaux attributs ne doivent contenir que des lettres minuscules, des chiffres et des underscores, et doivent commencer par une lettre.",
       "invalid_date_format": "Format de date invalide. Merci d'utiliser une date valide.",
       "invalid_number_format": "Format de nombre invalide. Veuillez saisir un nombre valide.",
+      "no_activity_yet": "Aucune activité pour le moment",
       "no_published_link_surveys_available": "Aucune enquête par lien publiée n'est disponible. Veuillez d'abord publier une enquête par lien.",
       "no_published_surveys": "Aucune enquête publiée",
       "no_responses_found": "Aucune réponse trouvée",
@@ -681,6 +684,8 @@
       "select_a_survey": "Sélectionner une enquête",
       "select_attribute": "Sélectionner un attribut",
       "select_attribute_key": "Sélectionner une clé d'attribut",
+      "survey_viewed": "Enquête consultée",
+      "survey_viewed_at": "Consultée le",
       "system_attributes": "Attributs système",
       "unlock_contacts_description": "Gérer les contacts et envoyer des enquêtes ciblées",
       "unlock_contacts_title": "Débloquez des contacts avec un plan supérieur.",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Réponses filtrées (Excel)",
         "generating_qr_code": "Génération du code QR",
         "impressions": "Impressions",
+        "impressions_identified_only": "Affichage uniquement des impressions des contacts identifiés",
         "impressions_tooltip": "Nombre de fois que l'enquête a été consultée.",
         "in_app": {
           "connection_description": "Le sondage sera affiché aux utilisateurs de votre site web, qui correspondent aux critères listés ci-dessous",
@@ -1989,6 +1995,7 @@
         "last_quarter": "dernier trimestre",
         "last_year": "l'année dernière",
         "limit": "Limite",
+        "no_identified_impressions": "Aucune impression des contacts identifiés",
         "no_responses_found": "Aucune réponse trouvée",
         "other_values_found": "D'autres valeurs trouvées",
         "overall": "Globalement",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Afficher la signature « Propulsé par Formbricks »",
         "styling_updated_successfully": "Style mis à jour avec succès",
         "suggest_colors": "Suggérer des couleurs",
+        "suggested_colors_applied_please_save": "Couleurs suggérées générées avec succès. Appuyez sur « Enregistrer » pour conserver les modifications.",
         "theme": "Thème",
         "theme_settings_description": "Créez un thème de style pour toutes les enquêtes. Vous pouvez activer un style personnalisé pour chaque enquête."
       },

apps/web/locales/hu-HU.json

@@ -428,6 +428,7 @@
     "top_right": "Jobbra fent",
     "try_again": "Próbálja újra",
     "type": "Típus",
+    "unknown_survey": "Ismeretlen kérdőív",
     "unlock_more_workspaces_with_a_higher_plan": "Több munkaterület feloldása egy magasabb csomaggal.",
     "update": "Frissítés",
     "updated": "Frissítve",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Ez törölni fogja a kiválasztott attribútumot. Az ehhez az attribútumhoz hozzárendelt összes partneradat el fog veszni.} other {Ez törölni fogja a kiválasztott attribútumokat. Az ezekhez az attribútumokhoz hozzárendelt összes partneradat el fog veszni.}}",
       "delete_contact_confirmation": "Ez törölni fogja az ehhez a partnerhez tartozó összes kérdőívválaszt és partnerattribútumot. A partner adatain alapuló bármilyen célzás és személyre szabás el fog veszni.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {Ez törölni fogja az ehhez a partnerhez tartozó összes kérdőívválaszt és partnerattribútumot. A partner adatain alapuló bármilyen célzás és személyre szabás el fog veszni. Ha ez a partner olyan válaszokkal rendelkezik, amelyek a kérdőívkvótákba beletartoznak, akkor a kvóta számlálója csökkentve lesz, de a kvóta korlátai változatlanok maradnak.} other {Ez törölni fogja az ezekhez a partnerekhez tartozó összes kérdőívválaszt és partnerattribútumot. A partnerek adatain alapuló bármilyen célzás és személyre szabás el fog veszni. Ha ezek a partnerek olyan válaszokkal rendelkeznek, amelyek a kérdőívkvótákba beletartoznak, akkor a kvóta számlálója csökkentve lesz, de a kvóta korlátai változatlanok maradnak.}}",
+      "displays": "Megjelenítések",
       "edit_attribute": "Attribútum szerkesztése",
       "edit_attribute_description": "Az attribútum címkéjének és leírásának frissítése.",
       "edit_attribute_values": "Attribútumok szerkesztése",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Érvénytelen CSV oszlopnév(nevek): {columns}. Az új attribútumokká váló oszlopnevek csak kisbetűket, számokat és aláhúzásjeleket tartalmazhatnak, és betűvel kell kezdődniük.",
       "invalid_date_format": "Érvénytelen dátumformátum. Kérlek, adj meg egy érvényes dátumot.",
       "invalid_number_format": "Érvénytelen számformátum. Kérlek, adj meg egy érvényes számot.",
+      "no_activity_yet": "Még nincs aktivitás",
       "no_published_link_surveys_available": "Nem érhetők el közzétett hivatkozás-kérdőívek. Először tegyen közzé egy hivatkozás-kérdőívet.",
       "no_published_surveys": "Nincsenek közzétett kérdőívek",
       "no_responses_found": "Nem találhatók válaszok",
@@ -681,6 +684,8 @@
       "select_a_survey": "Kérdőív kiválasztása",
       "select_attribute": "Attribútum kiválasztása",
       "select_attribute_key": "Attribútum kulcs kiválasztása",
+      "survey_viewed": "Kérdőív megtekintve",
+      "survey_viewed_at": "Megtekintve",
       "system_attributes": "Rendszer attribútumok",
       "unlock_contacts_description": "Partnerek kezelése és célzott kérdőívek kiküldése",
       "unlock_contacts_title": "Partnerek feloldása egy magasabb csomaggal",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Szűrt válaszok (Excel)",
         "generating_qr_code": "QR-kód előállítása",
         "impressions": "Benyomások",
+        "impressions_identified_only": "Csak az azonosított kapcsolatok megjelenítései láthatók",
         "impressions_tooltip": "A kérdőív megtekintési alkalmainak száma.",
         "in_app": {
           "connection_description": "A kérdőív a webhelye azon felhasználóinak lesz megjelenítve, akik megfelelnek az alább felsorolt feltételeknek",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Elmúlt negyedév",
         "last_year": "Elmúlt év",
         "limit": "Korlát",
+        "no_identified_impressions": "Nincsenek megjelenítések azonosított kapcsolatoktól",
         "no_responses_found": "Nem találhatók válaszok",
         "other_values_found": "Más értékek találhatók",
         "overall": "Összesen",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Az „A gépházban: Formbricks” aláírás megjelenítése",
         "styling_updated_successfully": "A stílus sikeresen frissítve",
         "suggest_colors": "Színek ajánlása",
+        "suggested_colors_applied_please_save": "A javasolt színek sikeresen generálva. Nyomd meg a \"Mentés\" gombot a változtatások véglegesítéséhez.",
         "theme": "Téma",
         "theme_settings_description": "Stílustéma létrehozása az összes kérdőívhez. Egyéni stílust engedélyezhet minden egyes kérdőívhez."
       },

apps/web/locales/ja-JP.json

@@ -428,6 +428,7 @@
     "top_right": "右上",
     "try_again": "もう一度お試しください",
     "type": "種類",
+    "unknown_survey": "不明なフォーム",
     "unlock_more_workspaces_with_a_higher_plan": "上位プランでより多くのワークスペースを利用できます。",
     "update": "更新",
     "updated": "更新済み",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {選択した属性を削除します。この属性に関連付けられたすべてのコンタクトデータは失われます。} other {選択した属性を削除します。これらの属性に関連付けられたすべてのコンタクトデータは失われます。}}",
       "delete_contact_confirmation": "これにより、この連絡先に関連付けられているすべてのフォーム回答と連絡先属性が削除されます。この連絡先のデータに基づいたターゲティングとパーソナライゼーションはすべて失われます。",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {これにより この連絡先に関連するすべてのアンケート応答と連絡先属性が削除されます。この連絡先のデータに基づくターゲティングとパーソナライゼーションが失われます。この連絡先がアンケートの割当量を考慮した回答を持っている場合、割当量カウントは減少しますが、割当量の制限は変更されません。} other {これにより これらの連絡先に関連するすべてのアンケート応答と連絡先属性が削除されます。これらの連絡先のデータに基づくターゲティングとパーソナライゼーションが失われます。これらの連絡先がアンケートの割当量を考慮した回答を持っている場合、割当量カウントは減少しますが、割当量の制限は変更されません。}}",
+      "displays": "表示回数",
       "edit_attribute": "属性を編集",
       "edit_attribute_description": "この属性のラベルと説明を更新します。",
       "edit_attribute_values": "属性を編集",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "無効なCSV列名: {columns}。新しい属性となる列名は、小文字、数字、アンダースコアのみを含み、文字で始まる必要があります。",
       "invalid_date_format": "無効な日付形式です。有効な日付を使用してください。",
       "invalid_number_format": "無効な数値形式です。有効な数値を入力してください。",
+      "no_activity_yet": "まだアクティビティがありません",
       "no_published_link_surveys_available": "公開されたリンクフォームはありません。まずリンクフォームを公開してください。",
       "no_published_surveys": "公開されたフォームはありません",
       "no_responses_found": "回答が見つかりません",
@@ -681,6 +684,8 @@
       "select_a_survey": "フォームを選択",
       "select_attribute": "属性を選択",
       "select_attribute_key": "属性キーを選択",
+      "survey_viewed": "フォームを閲覧",
+      "survey_viewed_at": "閲覧日時",
       "system_attributes": "システム属性",
       "unlock_contacts_description": "連絡先を管理し、特定のフォームを送信します",
       "unlock_contacts_title": "上位プランで連絡先をアンロック",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "フィルター済み回答 (Excel)",
         "generating_qr_code": "QRコードを生成中",
         "impressions": "表示回数",
+        "impressions_identified_only": "識別済みコンタクトからのインプレッションのみを表示しています",
         "impressions_tooltip": "フォームが表示された回数。",
         "in_app": {
           "connection_description": "このフォームは、以下の条件に一致するあなたのウェブサイトのユーザーに表示されます",
@@ -1989,6 +1995,7 @@
         "last_quarter": "前四半期",
         "last_year": "昨年",
         "limit": "制限",
+        "no_identified_impressions": "識別済みコンタクトからのインプレッションはありません",
         "no_responses_found": "回答が見つかりません",
         "other_values_found": "他の値が見つかりました",
         "overall": "全体",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "「Powered by Formbricks」署名を表示",
         "styling_updated_successfully": "スタイルを正常に更新しました",
         "suggest_colors": "カラーを提案",
+        "suggested_colors_applied_please_save": "推奨カラーが正常に生成されました。変更を保存するには「保存」を押してください。",
         "theme": "テーマ",
         "theme_settings_description": "すべてのアンケート用のスタイルテーマを作成します。各アンケートでカスタムスタイルを有効にできます。"
       },

apps/web/locales/nl-NL.json

@@ -428,6 +428,7 @@
     "top_right": "Rechtsboven",
     "try_again": "Probeer het opnieuw",
     "type": "Type",
+    "unknown_survey": "Onbekende enquête",
     "unlock_more_workspaces_with_a_higher_plan": "Ontgrendel meer werkruimtes met een hoger abonnement.",
     "update": "Update",
     "updated": "Bijgewerkt",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Dit verwijdert het geselecteerde attribuut. Alle contactgegevens die aan dit attribuut zijn gekoppeld, gaan verloren.} other {Dit verwijdert de geselecteerde attributen. Alle contactgegevens die aan deze attributen zijn gekoppeld, gaan verloren.}}",
       "delete_contact_confirmation": "Hierdoor worden alle enquêtereacties en contactkenmerken verwijderd die aan dit contact zijn gekoppeld. Elke targeting en personalisatie op basis van de gegevens van dit contact gaat verloren.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {Dit verwijdert alle enquêteresultaten en contactattributen die aan dit contact zijn gekoppeld. Alle targeting en personalisatie op basis van de gegevens van dit contact gaan verloren. Als dit contact reacties heeft die meetellen voor enquêtekvota, worden de quotawaarden verlaagd maar blijven de limieten ongewijzigd.} other {Dit verwijdert alle enquêteresultaten en contactattributen die aan deze contacten zijn gekoppeld. Alle targeting en personalisatie op basis van de gegevens van deze contacten gaan verloren. Als deze contacten reacties hebben die meetellen voor enquêtekvota, worden de quotawaarden verlaagd maar blijven de limieten ongewijzigd.}}",
+      "displays": "Weergaven",
       "edit_attribute": "Attribuut bewerken",
       "edit_attribute_description": "Werk het label en de beschrijving voor dit attribuut bij.",
       "edit_attribute_values": "Attributen bewerken",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Ongeldige CSV-kolomna(a)m(en): {columns}. Kolomnamen die nieuwe kenmerken worden, mogen alleen kleine letters, cijfers en underscores bevatten en moeten beginnen met een letter.",
       "invalid_date_format": "Ongeldig datumformaat. Gebruik een geldige datum.",
       "invalid_number_format": "Ongeldig getalformaat. Voer een geldig getal in.",
+      "no_activity_yet": "Nog geen activiteit",
       "no_published_link_surveys_available": "Geen gepubliceerde link-enquêtes beschikbaar. Publiceer eerst een link-enquête.",
       "no_published_surveys": "Geen gepubliceerde enquêtes",
       "no_responses_found": "Geen reacties gevonden",
@@ -681,6 +684,8 @@
       "select_a_survey": "Selecteer een enquête",
       "select_attribute": "Selecteer Kenmerk",
       "select_attribute_key": "Selecteer kenmerksleutel",
+      "survey_viewed": "Enquête bekeken",
+      "survey_viewed_at": "Bekeken op",
       "system_attributes": "Systeemkenmerken",
       "unlock_contacts_description": "Beheer contacten en verstuur gerichte enquêtes",
       "unlock_contacts_title": "Ontgrendel contacten met een hoger abonnement",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Gefilterde reacties (Excel)",
         "generating_qr_code": "QR-code genereren",
         "impressions": "Indrukken",
+        "impressions_identified_only": "Alleen weergaven van geïdentificeerde contacten worden getoond",
         "impressions_tooltip": "Aantal keren dat de enquête is bekeken.",
         "in_app": {
           "connection_description": "De enquête wordt getoond aan gebruikers van uw website die voldoen aan de onderstaande criteria",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Laatste kwartaal",
         "last_year": "Vorig jaar",
         "limit": "Beperken",
+        "no_identified_impressions": "Geen weergaven van geïdentificeerde contacten",
         "no_responses_found": "Geen reacties gevonden",
         "other_values_found": "Andere waarden gevonden",
         "overall": "Algemeen",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Toon 'Powered by Formbricks' handtekening",
         "styling_updated_successfully": "Styling succesvol bijgewerkt",
         "suggest_colors": "Kleuren voorstellen",
+        "suggested_colors_applied_please_save": "Voorgestelde kleuren succesvol gegenereerd. Druk op \"Opslaan\" om de wijzigingen te behouden.",
         "theme": "Thema",
         "theme_settings_description": "Maak een stijlthema voor alle enquêtes. Je kunt aangepaste styling inschakelen voor elke enquête."
       },

apps/web/locales/pt-BR.json

@@ -428,6 +428,7 @@
     "top_right": "Canto Superior Direito",
     "try_again": "Tenta de novo",
     "type": "Tipo",
+    "unknown_survey": "Pesquisa desconhecida",
     "unlock_more_workspaces_with_a_higher_plan": "Desbloqueie mais projetos com um plano superior.",
     "update": "atualizar",
     "updated": "atualizado",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Isso excluirá o atributo selecionado. Todos os dados de contato associados a este atributo serão perdidos.} other {Isso excluirá os atributos selecionados. Todos os dados de contato associados a estes atributos serão perdidos.}}",
       "delete_contact_confirmation": "Isso irá apagar todas as respostas da pesquisa e atributos de contato associados a este contato. Qualquer direcionamento e personalização baseados nos dados deste contato serão perdidos.",
       "delete_contact_confirmation_with_quotas": "{value, plural, other {Isso irá apagar todas as respostas da pesquisa e atributos de contato associados a este contato. Qualquer direcionamento e personalização baseados nos dados deste contato serão perdidos. Se este contato tiver respostas que contam para cotas da pesquisa, as contagens das cotas serão reduzidas, mas os limites das cotas permanecerão inalterados.}}",
+      "displays": "Exibições",
       "edit_attribute": "Editar atributo",
       "edit_attribute_description": "Atualize a etiqueta e a descrição deste atributo.",
       "edit_attribute_values": "Editar atributos",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Nome(s) de coluna CSV inválido(s): {columns}. Os nomes de colunas que se tornarão novos atributos devem conter apenas letras minúsculas, números e sublinhados, e devem começar com uma letra.",
       "invalid_date_format": "Formato de data inválido. Por favor, use uma data válida.",
       "invalid_number_format": "Formato de número inválido. Por favor, insira um número válido.",
+      "no_activity_yet": "Nenhuma atividade ainda",
       "no_published_link_surveys_available": "Não há pesquisas de link publicadas disponíveis. Por favor, publique uma pesquisa de link primeiro.",
       "no_published_surveys": "Sem pesquisas publicadas",
       "no_responses_found": "Nenhuma resposta encontrada",
@@ -681,6 +684,8 @@
       "select_a_survey": "Selecione uma pesquisa",
       "select_attribute": "Selecionar Atributo",
       "select_attribute_key": "Selecionar chave de atributo",
+      "survey_viewed": "Pesquisa visualizada",
+      "survey_viewed_at": "Visualizada em",
       "system_attributes": "Atributos do sistema",
       "unlock_contacts_description": "Gerencie contatos e envie pesquisas direcionadas",
       "unlock_contacts_title": "Desbloqueie contatos com um plano superior",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Respostas filtradas (Excel)",
         "generating_qr_code": "Gerando código QR",
         "impressions": "Impressões",
+        "impressions_identified_only": "Mostrando apenas impressões de contatos identificados",
         "impressions_tooltip": "Número de vezes que a pesquisa foi visualizada.",
         "in_app": {
           "connection_description": "A pesquisa será exibida para usuários do seu site, que atendam aos critérios listados abaixo",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Último trimestre",
         "last_year": "Último ano",
         "limit": "Limite",
+        "no_identified_impressions": "Nenhuma impressão de contatos identificados",
         "no_responses_found": "Nenhuma resposta encontrada",
         "other_values_found": "Outros valores encontrados",
         "overall": "No geral",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Mostrar assinatura 'Powered by Formbricks'",
         "styling_updated_successfully": "Estilo atualizado com sucesso",
         "suggest_colors": "Sugerir cores",
+        "suggested_colors_applied_please_save": "Cores sugeridas geradas com sucesso. Pressione \"Salvar\" para manter as alterações.",
         "theme": "Tema",
         "theme_settings_description": "Crie um tema de estilo para todas as pesquisas. Você pode ativar estilo personalizado para cada pesquisa."
       },

apps/web/locales/pt-PT.json

@@ -428,6 +428,7 @@
     "top_right": "Superior Direito",
     "try_again": "Tente novamente",
     "type": "Tipo",
+    "unknown_survey": "Inquérito desconhecido",
     "unlock_more_workspaces_with_a_higher_plan": "Desbloqueie mais projetos com um plano superior.",
     "update": "Atualizar",
     "updated": "Atualizado",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Isto irá eliminar o atributo selecionado. Todos os dados de contacto associados a este atributo serão perdidos.} other {Isto irá eliminar os atributos selecionados. Todos os dados de contacto associados a estes atributos serão perdidos.}}",
       "delete_contact_confirmation": "Isto irá eliminar todas as respostas das pesquisas e os atributos de contato associados a este contato. Qualquer direcionamento e personalização baseados nos dados deste contato serão perdidos.",
       "delete_contact_confirmation_with_quotas": "{value, plural, other {Isto irá eliminar todas as respostas das pesquisas e os atributos de contacto associados a este contacto. Qualquer segmentação e personalização baseados nos dados deste contacto serão perdidos. Se este contacto tiver respostas que contribuam para as quotas das pesquisas, as contagens de quotas serão reduzidas, mas os limites das quotas permanecerão inalterados.}}",
+      "displays": "Visualizações",
       "edit_attribute": "Editar atributo",
       "edit_attribute_description": "Atualize a etiqueta e a descrição deste atributo.",
       "edit_attribute_values": "Editar atributos",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Nome(s) de coluna CSV inválido(s): {columns}. Os nomes de colunas que se tornarão novos atributos devem conter apenas letras minúsculas, números e underscores, e devem começar com uma letra.",
       "invalid_date_format": "Formato de data inválido. Por favor, usa uma data válida.",
       "invalid_number_format": "Formato de número inválido. Por favor, introduz um número válido.",
+      "no_activity_yet": "Ainda sem atividade",
       "no_published_link_surveys_available": "Não existem inquéritos de link publicados disponíveis. Por favor, publique primeiro um inquérito de link.",
       "no_published_surveys": "Sem inquéritos publicados",
       "no_responses_found": "Nenhuma resposta encontrada",
@@ -681,6 +684,8 @@
       "select_a_survey": "Selecione um inquérito",
       "select_attribute": "Selecionar Atributo",
       "select_attribute_key": "Selecionar chave de atributo",
+      "survey_viewed": "Inquérito visualizado",
+      "survey_viewed_at": "Visualizado em",
       "system_attributes": "Atributos do sistema",
       "unlock_contacts_description": "Gerir contactos e enviar inquéritos direcionados",
       "unlock_contacts_title": "Desbloqueie os contactos com um plano superior",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Respostas filtradas (Excel)",
         "generating_qr_code": "A gerar código QR",
         "impressions": "Impressões",
+        "impressions_identified_only": "A mostrar apenas impressões de contactos identificados",
         "impressions_tooltip": "Número de vezes que o inquérito foi visualizado.",
         "in_app": {
           "connection_description": "O questionário será exibido aos utilizadores do seu website que correspondam aos critérios listados abaixo",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Último trimestre",
         "last_year": "Ano passado",
         "limit": "Limite",
+        "no_identified_impressions": "Sem impressões de contactos identificados",
         "no_responses_found": "Nenhuma resposta encontrada",
         "other_values_found": "Outros valores encontrados",
         "overall": "Geral",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Mostrar assinatura 'Powered by Formbricks'",
         "styling_updated_successfully": "Estilo atualizado com sucesso",
         "suggest_colors": "Sugerir cores",
+        "suggested_colors_applied_please_save": "Cores sugeridas geradas com sucesso. Pressiona \"Guardar\" para manter as alterações.",
         "theme": "Tema",
         "theme_settings_description": "Crie um tema de estilo para todos os inquéritos. Pode ativar estilos personalizados para cada inquérito."
       },

apps/web/locales/ro-RO.json

@@ -428,6 +428,7 @@
     "top_right": "Dreapta Sus",
     "try_again": "Încearcă din nou",
     "type": "Tip",
+    "unknown_survey": "Chestionar necunoscut",
     "unlock_more_workspaces_with_a_higher_plan": "Deblochează mai multe workspaces cu un plan superior.",
     "update": "Actualizare",
     "updated": "Actualizat",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Acest lucru va șterge atributul selectat. Orice date de contact asociate cu acest atribut vor fi pierdute.} few {Acest lucru va șterge atributele selectate. Orice date de contact asociate cu aceste atribute vor fi pierdute.} other {Acest lucru va șterge atributele selectate. Orice date de contact asociate cu aceste atribute vor fi pierdute.}}",
       "delete_contact_confirmation": "Acest lucru va șterge toate răspunsurile la sondaj și atributele de contact asociate cu acest contact. Orice țintire și personalizare bazată pe datele acestui contact vor fi pierdute.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {Această acțiune va șterge toate răspunsurile chestionarului și atributele de contact asociate cu acest contact. Orice țintire și personalizare bazată pe datele acestui contact vor fi pierdute. Dacă acest contact are răspunsuri care contează pentru cotele chestionarului, numărul cotelor va fi redus, dar limitele cotelor vor rămâne neschimbate.} other {Aceste acțiuni vor șterge toate răspunsurile chestionarului și atributele de contact asociate cu acești contacți. Orice țintire și personalizare bazată pe datele acestor contacți vor fi pierdute. Dacă acești contacți au răspunsuri care contează pentru cotele chestionarului, numărul cotelor va fi redus, dar limitele cotelor vor rămâne neschimbate.} }",
+      "displays": "Afișări",
       "edit_attribute": "Editează atributul",
       "edit_attribute_description": "Actualizează eticheta și descrierea acestui atribut.",
       "edit_attribute_values": "Editează atributele",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Nume de coloană CSV nevalide: {columns}. Numele coloanelor care vor deveni atribute noi trebuie să conțină doar litere mici, cifre și caractere de subliniere și trebuie să înceapă cu o literă.",
       "invalid_date_format": "Format de dată invalid. Te rugăm să folosești o dată validă.",
       "invalid_number_format": "Format de număr invalid. Te rugăm să introduci un număr valid.",
+      "no_activity_yet": "Nicio activitate încă",
       "no_published_link_surveys_available": "Nu există sondaje publicate pentru linkuri disponibile. Vă rugăm să publicați mai întâi un sondaj pentru linkuri.",
       "no_published_surveys": "Nu există sondaje publicate",
       "no_responses_found": "Nu s-au găsit răspunsuri",
@@ -681,6 +684,8 @@
       "select_a_survey": "Selectați un sondaj",
       "select_attribute": "Selectează atributul",
       "select_attribute_key": "Selectează cheia atributului",
+      "survey_viewed": "Chestionar vizualizat",
+      "survey_viewed_at": "Vizualizat la",
       "system_attributes": "Atribute de sistem",
       "unlock_contacts_description": "Gestionează contactele și trimite sondaje țintite",
       "unlock_contacts_title": "Deblocați contactele cu un plan superior.",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Răspunsuri filtrate (Excel)",
         "generating_qr_code": "Se generează codul QR",
         "impressions": "Impresii",
+        "impressions_identified_only": "Se afișează doar impresiile de la contactele identificate",
         "impressions_tooltip": "Număr de ori când sondajul a fost vizualizat.",
         "in_app": {
           "connection_description": "Sondajul va fi afișat utilizatorilor site-ului dvs. web, care îndeplinesc criteriile enumerate mai jos",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Ultimul trimestru",
         "last_year": "Anul trecut",
         "limit": "Limită",
+        "no_identified_impressions": "Nicio impresie de la contactele identificate",
         "no_responses_found": "Nu s-au găsit răspunsuri",
         "other_values_found": "Alte valori găsite",
         "overall": "General",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Afișează semnătura „Powered by Formbricks”",
         "styling_updated_successfully": "Stilizarea a fost actualizată cu succes",
         "suggest_colors": "Sugerează culori",
+        "suggested_colors_applied_please_save": "Culorile sugerate au fost generate cu succes. Apasă pe „Salvează” pentru a păstra modificările.",
         "theme": "Temă",
         "theme_settings_description": "Creează o temă de stil pentru toate sondajele. Poți activa stilizare personalizată pentru fiecare sondaj."
       },

apps/web/locales/ru-RU.json

@@ -428,6 +428,7 @@
     "top_right": "Вверху справа",
     "try_again": "Попробуйте ещё раз",
     "type": "Тип",
+    "unknown_survey": "Неизвестный опрос",
     "unlock_more_workspaces_with_a_higher_plan": "Откройте больше рабочих пространств с более высоким тарифом.",
     "update": "Обновить",
     "updated": "Обновлено",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Будет удалён выбранный атрибут. Все данные контактов, связанные с этим атрибутом, будут потеряны.} few {Будут удалены выбранные атрибуты. Все данные контактов, связанные с этими атрибутами, будут потеряны.} many {Будут удалены выбранные атрибуты. Все данные контактов, связанные с этими атрибутами, будут потеряны.} other {Будут удалены выбранные атрибуты. Все данные контактов, связанные с этими атрибутами, будут потеряны.}}",
       "delete_contact_confirmation": "Это удалит все ответы на опросы и атрибуты контакта, связанные с этим контактом. Любая таргетинг и персонализация на основе данных этого контакта будут потеряны.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {Это удалит все ответы на опросы и атрибуты контакта, связанные с этим контактом. Любая таргетинг и персонализация на основе данных этого контакта будут потеряны. Если у этого контакта есть ответы, которые учитываются в квотах опроса, количество по квотам будет уменьшено, но лимиты квот останутся без изменений.} few {Это удалит все ответы на опросы и атрибуты контактов, связанные с этими контактами. Любая таргетинг и персонализация на основе данных этих контактов будут потеряны. Если у этих контактов есть ответы, которые учитываются в квотах опроса, количество по квотам будет уменьшено, но лимиты квот останутся без изменений.} many {Это удалит все ответы на опросы и атрибуты контактов, связанные с этими контактами. Любая таргетинг и персонализация на основе данных этих контактов будут потеряны. Если у этих контактов есть ответы, которые учитываются в квотах опроса, количество по квотам будет уменьшено, но лимиты квот останутся без изменений.} other {Это удалит все ответы на опросы и атрибуты контактов, связанные с этими контактами. Любая таргетинг и персонализация на основе данных этих контактов будут потеряны. Если у этих контактов есть ответы, которые учитываются в квотах опроса, количество по квотам будет уменьшено, но лимиты квот останутся без изменений.}}",
+      "displays": "Показы",
       "edit_attribute": "Редактировать атрибут",
       "edit_attribute_description": "Обновите метку и описание для этого атрибута.",
       "edit_attribute_values": "Редактировать атрибуты",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Недопустимые имена столбцов в CSV: {columns}. Имена столбцов, которые станут новыми атрибутами, должны содержать только строчные буквы, цифры и подчёркивания, а также начинаться с буквы.",
       "invalid_date_format": "Неверный формат даты. Пожалуйста, используйте корректную дату.",
       "invalid_number_format": "Неверный формат числа. Пожалуйста, введите корректное число.",
+      "no_activity_yet": "Пока нет активности",
       "no_published_link_surveys_available": "Нет доступных опубликованных опросов-ссылок. Пожалуйста, сначала опубликуйте опрос-ссылку.",
       "no_published_surveys": "Нет опубликованных опросов",
       "no_responses_found": "Ответы не найдены",
@@ -681,6 +684,8 @@
       "select_a_survey": "Выберите опрос",
       "select_attribute": "Выберите атрибут",
       "select_attribute_key": "Выберите ключ атрибута",
+      "survey_viewed": "Опрос просмотрен",
+      "survey_viewed_at": "Просмотрено",
       "system_attributes": "Системные атрибуты",
       "unlock_contacts_description": "Управляйте контактами и отправляйте целевые опросы",
       "unlock_contacts_title": "Откройте доступ к контактам с более высоким тарифом",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Отфильтрованные ответы (Excel)",
         "generating_qr_code": "Генерация QR-кода",
         "impressions": "Просмотры",
+        "impressions_identified_only": "Показаны только показы от идентифицированных контактов",
         "impressions_tooltip": "Количество раз, когда опрос был просмотрен.",
         "in_app": {
           "connection_description": "Опрос будет показан пользователям вашего сайта, которые соответствуют указанным ниже критериям",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Прошлый квартал",
         "last_year": "Прошлый год",
         "limit": "Лимит",
+        "no_identified_impressions": "Нет показов от идентифицированных контактов",
         "no_responses_found": "Ответы не найдены",
         "other_values_found": "Найдены другие значения",
         "overall": "В целом",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Показывать подпись «Работает на Formbricks»",
         "styling_updated_successfully": "Стили успешно обновлены",
         "suggest_colors": "Предложить цвета",
+        "suggested_colors_applied_please_save": "Рекомендованные цвета успешно сгенерированы. Нажми «Сохранить», чтобы применить изменения.",
         "theme": "Тема",
         "theme_settings_description": "Создайте стиль для всех опросов. Вы можете включить индивидуальное оформление для каждого опроса."
       },

apps/web/locales/sv-SE.json

@@ -428,6 +428,7 @@
     "top_right": "Övre höger",
     "try_again": "Försök igen",
     "type": "Typ",
+    "unknown_survey": "Okänd enkät",
     "unlock_more_workspaces_with_a_higher_plan": "Lås upp fler arbetsytor med ett högre abonnemang.",
     "update": "Uppdatera",
     "updated": "Uppdaterad",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {Detta kommer att ta bort det valda attributet. All kontaktdata som är kopplad till detta attribut kommer att gå förlorad.} other {Detta kommer att ta bort de valda attributen. All kontaktdata som är kopplad till dessa attribut kommer att gå förlorad.}}",
       "delete_contact_confirmation": "Detta kommer att ta bort alla enkätsvar och kontaktattribut som är kopplade till denna kontakt. All målgruppsinriktning och personalisering baserad på denna kontakts data kommer att gå förlorad.",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {Detta kommer att ta bort alla enkätsvar och kontaktattribut som är kopplade till denna kontakt. All målgruppsinriktning och personalisering baserad på denna kontakts data kommer att gå förlorad. Om denna kontakt har svar som räknas mot enkätkvoter, kommer kvotantalet att minskas men kvotgränserna förblir oförändrade.} other {Detta kommer att ta bort alla enkätsvar och kontaktattribut som är kopplade till dessa kontakter. All målgruppsinriktning och personalisering baserad på dessa kontakters data kommer att gå förlorad. Om dessa kontakter har svar som räknas mot enkätkvoter, kommer kvotantalet att minskas men kvotgränserna förblir oförändrade.}}",
+      "displays": "Visningar",
       "edit_attribute": "Redigera attribut",
       "edit_attribute_description": "Uppdatera etikett och beskrivning för detta attribut.",
       "edit_attribute_values": "Redigera attribut",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "Ogiltiga CSV-kolumnnamn: {columns}. Kolumnnamn som ska bli nya attribut får bara innehålla små bokstäver, siffror och understreck, och måste börja med en bokstav.",
       "invalid_date_format": "Ogiltigt datumformat. Ange ett giltigt datum.",
       "invalid_number_format": "Ogiltigt nummerformat. Ange ett giltigt nummer.",
+      "no_activity_yet": "Ingen aktivitet än",
       "no_published_link_surveys_available": "Inga publicerade länkenkäter tillgängliga. Vänligen publicera en länkenkät först.",
       "no_published_surveys": "Inga publicerade enkäter",
       "no_responses_found": "Inga svar hittades",
@@ -681,6 +684,8 @@
       "select_a_survey": "Välj en enkät",
       "select_attribute": "Välj attribut",
       "select_attribute_key": "Välj attributnyckel",
+      "survey_viewed": "Enkät visad",
+      "survey_viewed_at": "Visad kl.",
       "system_attributes": "Systemattribut",
       "unlock_contacts_description": "Hantera kontakter och skicka ut riktade enkäter",
       "unlock_contacts_title": "Lås upp kontakter med en högre plan",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "Filtrerade svar (Excel)",
         "generating_qr_code": "Genererar QR-kod",
         "impressions": "Visningar",
+        "impressions_identified_only": "Visar bara visningar från identifierade kontakter",
         "impressions_tooltip": "Antal gånger enkäten har visats.",
         "in_app": {
           "connection_description": "Enkäten kommer att visas för användare på din webbplats som matchar kriterierna nedan",
@@ -1989,6 +1995,7 @@
         "last_quarter": "Senaste kvartalet",
         "last_year": "Senaste året",
         "limit": "Gräns",
+        "no_identified_impressions": "Inga visningar från identifierade kontakter",
         "no_responses_found": "Inga svar hittades",
         "other_values_found": "Andra värden hittades",
         "overall": "Övergripande",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "Visa 'Powered by Formbricks'-signatur",
         "styling_updated_successfully": "Stiluppdatering lyckades",
         "suggest_colors": "Föreslå färger",
+        "suggested_colors_applied_please_save": "Föreslagna färger har skapats. Tryck på \"Spara\" för att spara ändringarna.",
         "theme": "Tema",
         "theme_settings_description": "Skapa ett stilmall för alla undersökningar. Du kan aktivera anpassad stil för varje undersökning."
       },

apps/web/locales/zh-Hans-CN.json

@@ -428,6 +428,7 @@
     "top_right": "右上",
     "try_again": "再试一次",
     "type": "类型",
+    "unknown_survey": "未知调查",
     "unlock_more_workspaces_with_a_higher_plan": "升级套餐以解锁更多工作区。",
     "update": "更新",
     "updated": "已更新",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {这将删除所选属性。与该属性相关的任何联系人数据都将丢失。} other {这将删除所选属性。与这些属性相关的任何联系人数据都将丢失。}}",
       "delete_contact_confirmation": "这将删除与此联系人相关的所有调查问卷回复和联系人属性。基于此联系人数据的任何定位和个性化将会丢失。",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {这将删除与此联系人相关的所有调查回复和联系人属性。基于此联系人数据的任何定位和个性化将丢失。如果此联系人有影响调查配额的回复，配额数量将减少，但配额限制将保持不变。} other {这将删除与这些联系人相关的所有调查回复和联系人属性。基于这些联系人数据的任何定位和个性化将丢失。如果这些联系人有影响调查配额的回复，配额数量将减少，但配额限制将保持不变。}}",
+      "displays": "展示次数",
       "edit_attribute": "编辑属性",
       "edit_attribute_description": "更新此属性的标签和描述。",
       "edit_attribute_values": "编辑属性",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "无效的 CSV 列名：{columns}。作为新属性的列名只能包含小写字母、数字和下划线，并且必须以字母开头。",
       "invalid_date_format": "日期格式无效。请使用有效日期。",
       "invalid_number_format": "数字格式无效。请输入有效的数字。",
+      "no_activity_yet": "暂无活动",
       "no_published_link_surveys_available": "没有可用的已发布链接调查。请先发布一个链接调查。",
       "no_published_surveys": "没有已发布的调查",
       "no_responses_found": "未找到 响应",
@@ -681,6 +684,8 @@
       "select_a_survey": "选择一个调查",
       "select_attribute": "选择 属性",
       "select_attribute_key": "选择属性键",
+      "survey_viewed": "已查看调查",
+      "survey_viewed_at": "查看时间",
       "system_attributes": "系统属性",
       "unlock_contacts_description": "管理 联系人 并 发送 定向 调查",
       "unlock_contacts_title": "通过 更 高级 划解锁 联系人",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "过滤 反馈 （Excel）",
         "generating_qr_code": "正在生成二维码",
         "impressions": "印象",
+        "impressions_identified_only": "仅显示已识别联系人的展示次数",
         "impressions_tooltip": "调查 被 查看 的 次数",
         "in_app": {
           "connection_description": "调查将显示给符合以下条件的您网站用户",
@@ -1989,6 +1995,7 @@
         "last_quarter": "上季度",
         "last_year": "去年",
         "limit": "限额",
+        "no_identified_impressions": "没有已识别联系人的展示次数",
         "no_responses_found": "未找到响应",
         "other_values_found": "找到其他值",
         "overall": "整体",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "显示“Powered by Formbricks”标识",
         "styling_updated_successfully": "样式更新成功",
         "suggest_colors": "推荐颜色",
+        "suggested_colors_applied_please_save": "已成功生成推荐配色。请点击“保存”以保留更改。",
         "theme": "主题",
         "theme_settings_description": "为所有问卷创建一个样式主题。你可以为每个问卷启用自定义样式。"
       },

apps/web/locales/zh-Hant-TW.json

@@ -428,6 +428,7 @@
     "top_right": "右上",
     "try_again": "再試一次",
     "type": "類型",
+    "unknown_survey": "未知問卷",
     "unlock_more_workspaces_with_a_higher_plan": "升級方案以解鎖更多工作區。",
     "update": "更新",
     "updated": "已更新",
@@ -656,6 +657,7 @@
       "delete_attribute_confirmation": "{value, plural, one {這將刪除所選屬性。與此屬性相關的聯絡人資料將會遺失。} other {這將刪除所選屬性。與這些屬性相關的聯絡人資料將會遺失。}}",
       "delete_contact_confirmation": "這將刪除與此聯繫人相關的所有調查回應和聯繫屬性。任何基於此聯繫人數據的定位和個性化將會丟失。",
       "delete_contact_confirmation_with_quotas": "{value, plural, one {這將刪除與這個 contact 相關的所有調查響應和聯繫人屬性。基於這個 contact 數據的任何定向和個性化功能將會丟失。如果這個 contact 有作為調查配額依據的響應，配額計數將會減少，但配額限制將保持不變。} other {這將刪除與這些 contacts 相關的所有調查響應和聯繫人屬性。基於這些 contacts 數據的任何定向和個性化功能將會丟失。如果這些 contacts 有作為調查配額依據的響應，配額計數將會減少，但配額限制將保持不變。}}",
+      "displays": "顯示次數",
       "edit_attribute": "編輯屬性",
       "edit_attribute_description": "更新此屬性的標籤與描述。",
       "edit_attribute_values": "編輯屬性",
@@ -667,6 +669,7 @@
       "invalid_csv_column_names": "無效的 CSV 欄位名稱：{columns}。作為新屬性的欄位名稱只能包含小寫字母、數字和底線，且必須以字母開頭。",
       "invalid_date_format": "日期格式無效。請使用有效的日期。",
       "invalid_number_format": "數字格式無效。請輸入有效的數字。",
+      "no_activity_yet": "尚無活動",
       "no_published_link_surveys_available": "沒有可用的已發佈連結問卷。請先發佈一個連結問卷。",
       "no_published_surveys": "沒有已發佈的問卷",
       "no_responses_found": "找不到回應",
@@ -681,6 +684,8 @@
       "select_a_survey": "選擇問卷",
       "select_attribute": "選取屬性",
       "select_attribute_key": "選取屬性鍵值",
+      "survey_viewed": "已查看問卷",
+      "survey_viewed_at": "查看時間",
       "system_attributes": "系統屬性",
       "unlock_contacts_description": "管理聯絡人並發送目標問卷",
       "unlock_contacts_title": "使用更高等級的方案解鎖聯絡人",
@@ -1947,6 +1952,7 @@
         "filtered_responses_excel": "篩選回應 (Excel)",
         "generating_qr_code": "正在生成 QR code",
         "impressions": "曝光數",
+        "impressions_identified_only": "僅顯示已識別聯絡人的曝光次數",
         "impressions_tooltip": "問卷已檢視的次數。",
         "in_app": {
           "connection_description": "調查將顯示給符合以下列出條件的網站用戶",
@@ -1989,6 +1995,7 @@
         "last_quarter": "上一季",
         "last_year": "去年",
         "limit": "限制",
+        "no_identified_impressions": "沒有來自已識別聯絡人的曝光次數",
         "no_responses_found": "找不到回應",
         "other_values_found": "找到其他值",
         "overall": "整體",
@@ -2221,6 +2228,7 @@
         "show_powered_by_formbricks": "顯示「Powered by Formbricks」標記",
         "styling_updated_successfully": "樣式已成功更新",
         "suggest_colors": "建議顏色",
+        "suggested_colors_applied_please_save": "已成功產生建議色彩。請按「儲存」以保存變更。",
         "theme": "主題",
         "theme_settings_description": "為所有調查建立樣式主題。您可以為每個調查啟用自訂樣式。"
       },

apps/web/modules/ee/contacts/[contactId]/components/activity-section.tsx

@@ -2,6 +2,7 @@ import { getServerSession } from "next-auth";
 import { TEnvironment } from "@formbricks/types/environment";
 import { TSurvey } from "@formbricks/types/surveys/types";
 import { TTag } from "@formbricks/types/tags";
+import { getDisplaysByContactId } from "@/lib/display/service";
 import { getProjectByEnvironmentId } from "@/lib/project/service";
 import { getResponsesByContactId } from "@/lib/response/service";
 import { getSurveys } from "@/lib/survey/service";
@@ -10,27 +11,34 @@ import { findMatchingLocale } from "@/lib/utils/locale";
 import { getTranslate } from "@/lingodotdev/server";
 import { authOptions } from "@/modules/auth/lib/authOptions";
 import { getProjectPermissionByUserId } from "@/modules/ee/teams/lib/roles";
-import { ResponseTimeline } from "./response-timeline";
+import { ActivityTimeline } from "./activity-timeline";
 
-interface ResponseSectionProps {
+interface ActivitySectionProps {
   environment: TEnvironment;
   contactId: string;
   environmentTags: TTag[];
 }
 
-export const ResponseSection = async ({ environment, contactId, environmentTags }: ResponseSectionProps) => {
-  const responses = await getResponsesByContactId(contactId);
-  const surveyIds = responses?.map((response) => response.surveyId) || [];
-  const surveys: TSurvey[] = surveyIds.length === 0 ? [] : ((await getSurveys(environment.id)) ?? []);
-  const session = await getServerSession(authOptions);
+export const ActivitySection = async ({ environment, contactId, environmentTags }: ActivitySectionProps) => {
+  const [responses, displays] = await Promise.all([
+    getResponsesByContactId(contactId),
+    getDisplaysByContactId(contactId),
+  ]);
 
+  const allSurveyIds = [
+    ...new Set([...(responses?.map((r) => r.surveyId) || []), ...displays.map((d) => d.surveyId)]),
+  ];
+
+  const surveys: TSurvey[] = allSurveyIds.length === 0 ? [] : ((await getSurveys(environment.id)) ?? []);
+
+  const session = await getServerSession(authOptions);
   const t = await getTranslate();
+
   if (!session) {
     throw new Error(t("common.session_not_found"));
   }
 
   const user = await getUser(session.user.id);
-
   if (!user) {
     throw new Error(t("common.user_not_found"));
   }
@@ -40,20 +48,19 @@ export const ResponseSection = async ({ environment, contactId, environmentTags
   }
 
   const project = await getProjectByEnvironmentId(environment.id);
-
   if (!project) {
     throw new Error(t("common.workspace_not_found"));
   }
 
   const projectPermission = await getProjectPermissionByUserId(session.user.id, project.id);
-
   const locale = await findMatchingLocale();
 
   return (
-    <ResponseTimeline
+    <ActivityTimeline
       user={user}
       surveys={surveys}
       responses={responses}
+      displays={displays}
       environment={environment}
       environmentTags={environmentTags}
       locale={locale}

apps/web/modules/ee/contacts/[contactId]/components/activity-timeline.tsx

@@ -0,0 +1,220 @@
+"use client";
+
+import { ArrowDownUpIcon, EyeIcon } from "lucide-react";
+import Link from "next/link";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { TDisplay } from "@formbricks/types/displays";
+import { TEnvironment } from "@formbricks/types/environment";
+import { TResponseWithQuotas } from "@formbricks/types/responses";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import { TTag } from "@formbricks/types/tags";
+import { TUser, TUserLocale } from "@formbricks/types/user";
+import { useMembershipRole } from "@/lib/membership/hooks/useMembershipRole";
+import { getAccessFlags } from "@/lib/membership/utils";
+import { timeSince } from "@/lib/time";
+import { replaceHeadlineRecall } from "@/lib/utils/recall";
+import { SingleResponseCard } from "@/modules/analysis/components/SingleResponseCard";
+import { TTeamPermission } from "@/modules/ee/teams/project-teams/types/team";
+import { getTeamPermissionFlags } from "@/modules/ee/teams/utils/teams";
+import { EmptyState } from "@/modules/ui/components/empty-state";
+
+type TTimelineItem =
+  | { type: "display"; data: Pick<TDisplay, "id" | "createdAt" | "surveyId"> }
+  | { type: "response"; data: TResponseWithQuotas };
+
+interface ActivityTimelineProps {
+  surveys: TSurvey[];
+  user: TUser;
+  responses: TResponseWithQuotas[];
+  displays: Pick<TDisplay, "id" | "createdAt" | "surveyId">[];
+  environment: TEnvironment;
+  environmentTags: TTag[];
+  locale: TUserLocale;
+  projectPermission: TTeamPermission | null;
+}
+
+export const ActivityTimeline = ({
+  surveys,
+  user,
+  responses: initialResponses,
+  displays,
+  environment,
+  environmentTags,
+  locale,
+  projectPermission,
+}: ActivityTimelineProps) => {
+  const { t } = useTranslation();
+  const [responses, setResponses] = useState(initialResponses);
+  const [isReversed, setIsReversed] = useState(false);
+
+  // Fetch membership role once for the environment
+  const { membershipRole } = useMembershipRole(environment.id, user.id);
+
+  // Compute isReadOnly once for all responses
+  const isReadOnly = useMemo(() => {
+    const { isMember } = getAccessFlags(membershipRole);
+    const { hasReadAccess } = getTeamPermissionFlags(projectPermission);
+    return isMember && hasReadAccess;
+  }, [membershipRole, projectPermission]);
+
+  useEffect(() => {
+    setResponses(initialResponses);
+  }, [initialResponses]);
+
+  const updateResponseList = (responseIds: string[]) => {
+    setResponses((prev) => prev.filter((r) => !responseIds.includes(r.id)));
+  };
+
+  const updateResponse = (responseId: string, updatedResponse: TResponseWithQuotas) => {
+    setResponses((prev) => prev.map((r) => (r.id === responseId ? updatedResponse : r)));
+  };
+
+  const timelineItems = useMemo(() => {
+    const displayItems: TTimelineItem[] = displays.map((d) => ({
+      type: "display" as const,
+      data: d,
+    }));
+
+    const responseItems: TTimelineItem[] = responses.map((r) => ({
+      type: "response" as const,
+      data: r,
+    }));
+
+    const merged = [...displayItems, ...responseItems].sort((a, b) => {
+      const aTime = new Date(a.data.createdAt).getTime();
+      const bTime = new Date(b.data.createdAt).getTime();
+      return bTime - aTime;
+    });
+
+    return isReversed ? [...merged].reverse() : merged;
+  }, [displays, responses, isReversed]);
+
+  const toggleSort = () => {
+    setIsReversed((prev) => !prev);
+  };
+
+  return (
+    <div className="col-span-3">
+      <div className="flex items-center justify-between pb-6">
+        <h2 className="text-lg font-bold text-slate-700">{t("common.activity")}</h2>
+        <div className="text-right">
+          <button
+            type="button"
+            onClick={toggleSort}
+            className="hover:text-brand-dark flex items-center px-1 text-slate-800">
+            <ArrowDownUpIcon className="inline h-4 w-4" />
+          </button>
+        </div>
+      </div>
+      {timelineItems.length === 0 ? (
+        <EmptyState text={t("environments.contacts.no_activity_yet")} />
+      ) : (
+        <div className="space-y-4">
+          {timelineItems.map((item) =>
+            item.type === "display" ? (
+              <DisplayCard
+                key={`display-${item.data.id}`}
+                display={item.data}
+                surveys={surveys}
+                environmentId={environment.id}
+                locale={locale}
+              />
+            ) : (
+              <ResponseSurveyCard
+                key={`response-${item.data.id}`}
+                response={item.data}
+                surveys={surveys}
+                user={user}
+                environmentTags={environmentTags}
+                environment={environment}
+                updateResponseList={updateResponseList}
+                updateResponse={updateResponse}
+                locale={locale}
+                isReadOnly={isReadOnly}
+              />
+            )
+          )}
+        </div>
+      )}
+    </div>
+  );
+};
+
+const DisplayCard = ({
+  display,
+  surveys,
+  environmentId,
+  locale,
+}: {
+  display: Pick<TDisplay, "id" | "createdAt" | "surveyId">;
+  surveys: TSurvey[];
+  environmentId: string;
+  locale: TUserLocale;
+}) => {
+  const { t } = useTranslation();
+  const survey = surveys.find((s) => s.id === display.surveyId);
+
+  return (
+    <div className="flex items-center justify-between rounded-xl border border-slate-200 bg-white p-4 shadow-sm">
+      <div className="flex items-center gap-3">
+        <div className="flex h-8 w-8 items-center justify-center rounded-full bg-slate-100">
+          <EyeIcon className="h-4 w-4 text-slate-600" />
+        </div>
+        <div>
+          <p className="text-xs text-slate-500">{t("environments.contacts.survey_viewed")}</p>
+          {survey ? (
+            <Link
+              href={`/environments/${environmentId}/surveys/${survey.id}/summary`}
+              className="text-sm font-medium text-slate-700 hover:underline">
+              {survey.name}
+            </Link>
+          ) : (
+            <span className="text-sm font-medium text-slate-500">{t("common.unknown_survey")}</span>
+          )}
+        </div>
+      </div>
+      <span className="text-sm text-slate-500">{timeSince(display.createdAt.toString(), locale)}</span>
+    </div>
+  );
+};
+
+const ResponseSurveyCard = ({
+  response,
+  surveys,
+  user,
+  environmentTags,
+  environment,
+  updateResponseList,
+  updateResponse,
+  locale,
+  isReadOnly,
+}: {
+  response: TResponseWithQuotas;
+  surveys: TSurvey[];
+  user: TUser;
+  environmentTags: TTag[];
+  environment: TEnvironment;
+  updateResponseList: (responseIds: string[]) => void;
+  updateResponse: (responseId: string, response: TResponseWithQuotas) => void;
+  locale: TUserLocale;
+  isReadOnly: boolean;
+}) => {
+  const survey = surveys.find((s) => s.id === response.surveyId);
+
+  if (!survey) return null;
+
+  return (
+    <SingleResponseCard
+      response={response}
+      survey={replaceHeadlineRecall(survey, "default")}
+      user={user}
+      environmentTags={environmentTags}
+      environment={environment}
+      updateResponseList={updateResponseList}
+      updateResponse={updateResponse}
+      isReadOnly={isReadOnly}
+      locale={locale}
+    />
+  );
+};

apps/web/modules/ee/contacts/[contactId]/components/attributes-section.tsx

@@ -1,3 +1,4 @@
+import { getDisplaysByContactId } from "@/lib/display/service";
 import { getResponsesByContactId } from "@/lib/response/service";
 import { getTranslate } from "@/lingodotdev/server";
 import { getContactAttributesWithKeyInfo } from "@/modules/ee/contacts/lib/contact-attributes";
@@ -17,8 +18,12 @@ export const AttributesSection = async ({ contactId }: { contactId: string }) =>
     throw new Error(t("environments.contacts.contact_not_found"));
   }
 
-  const responses = await getResponsesByContactId(contactId);
+  const [responses, displays] = await Promise.all([
+    getResponsesByContactId(contactId),
+    getDisplaysByContactId(contactId),
+  ]);
   const numberOfResponses = responses?.length || 0;
+  const numberOfDisplays = displays?.length || 0;
 
   const systemAttributes = attributesWithKeyInfo
     .filter((attr) => attr.type === "default")
@@ -85,6 +90,11 @@ export const AttributesSection = async ({ contactId }: { contactId: string }) =>
         <dt className="text-sm font-medium text-slate-500">{t("common.responses")}</dt>
         <dd className="mt-1 text-sm text-slate-900">{numberOfResponses}</dd>
       </div>
+
+      <div>
+        <dt className="text-sm font-medium text-slate-500">{t("environments.contacts.displays")}</dt>
+        <dd className="mt-1 text-sm text-slate-900">{numberOfDisplays}</dd>
+      </div>
     </div>
   );
 };

apps/web/modules/ee/contacts/[contactId]/components/response-feed.tsx

@@ -1,125 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { TEnvironment } from "@formbricks/types/environment";
-import { TResponseWithQuotas } from "@formbricks/types/responses";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { TTag } from "@formbricks/types/tags";
-import { TUser, TUserLocale } from "@formbricks/types/user";
-import { useMembershipRole } from "@/lib/membership/hooks/useMembershipRole";
-import { getAccessFlags } from "@/lib/membership/utils";
-import { replaceHeadlineRecall } from "@/lib/utils/recall";
-import { SingleResponseCard } from "@/modules/analysis/components/SingleResponseCard";
-import { TTeamPermission } from "@/modules/ee/teams/project-teams/types/team";
-import { getTeamPermissionFlags } from "@/modules/ee/teams/utils/teams";
-import { EmptyState } from "@/modules/ui/components/empty-state";
-
-interface ResponseTimelineProps {
-  surveys: TSurvey[];
-  user: TUser;
-  responses: TResponseWithQuotas[];
-  environment: TEnvironment;
-  environmentTags: TTag[];
-  locale: TUserLocale;
-  projectPermission: TTeamPermission | null;
-}
-
-export const ResponseFeed = ({
-  responses,
-  environment,
-  surveys,
-  user,
-  environmentTags,
-  locale,
-  projectPermission,
-}: ResponseTimelineProps) => {
-  const { t } = useTranslation();
-  const [fetchedResponses, setFetchedResponses] = useState(responses);
-
-  useEffect(() => {
-    setFetchedResponses(responses);
-  }, [responses]);
-
-  const updateResponseList = (responseIds: string[]) => {
-    setFetchedResponses((prev) => prev.filter((r) => !responseIds.includes(r.id)));
-  };
-
-  const updateResponse = (responseId: string, updatedResponse: TResponseWithQuotas) => {
-    setFetchedResponses((prev) => prev.map((r) => (r.id === responseId ? updatedResponse : r)));
-  };
-
-  return (
-    <>
-      {fetchedResponses.length === 0 ? (
-        <EmptyState text={t("environments.contacts.no_responses_found")} />
-      ) : (
-        fetchedResponses.map((response) => (
-          <ResponseSurveyCard
-            key={response.id}
-            response={response}
-            surveys={surveys}
-            user={user}
-            environmentTags={environmentTags}
-            environment={environment}
-            updateResponseList={updateResponseList}
-            updateResponse={updateResponse}
-            locale={locale}
-            projectPermission={projectPermission}
-          />
-        ))
-      )}
-    </>
-  );
-};
-
-const ResponseSurveyCard = ({
-  response,
-  surveys,
-  user,
-  environmentTags,
-  environment,
-  updateResponseList,
-  updateResponse,
-  locale,
-  projectPermission,
-}: {
-  response: TResponseWithQuotas;
-  surveys: TSurvey[];
-  user: TUser;
-  environmentTags: TTag[];
-  environment: TEnvironment;
-  updateResponseList: (responseIds: string[]) => void;
-  updateResponse: (responseId: string, response: TResponseWithQuotas) => void;
-  locale: TUserLocale;
-  projectPermission: TTeamPermission | null;
-}) => {
-  const survey = surveys.find((survey) => {
-    return survey.id === response.surveyId;
-  });
-
-  const { membershipRole } = useMembershipRole(survey?.environmentId || "", user.id);
-  const { isMember } = getAccessFlags(membershipRole);
-
-  const { hasReadAccess } = getTeamPermissionFlags(projectPermission);
-
-  const isReadOnly = isMember && hasReadAccess;
-
-  return (
-    <div key={response.id}>
-      {survey && (
-        <SingleResponseCard
-          response={response}
-          survey={replaceHeadlineRecall(survey, "default")}
-          user={user}
-          environmentTags={environmentTags}
-          environment={environment}
-          updateResponseList={updateResponseList}
-          updateResponse={updateResponse}
-          isReadOnly={isReadOnly}
-          locale={locale}
-        />
-      )}
-    </div>
-  );
-};

apps/web/modules/ee/contacts/[contactId]/components/response-timeline.tsx

@@ -1,68 +0,0 @@
-"use client";
-
-import { ArrowDownUpIcon } from "lucide-react";
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { TEnvironment } from "@formbricks/types/environment";
-import { TResponseWithQuotas } from "@formbricks/types/responses";
-import { TSurvey } from "@formbricks/types/surveys/types";
-import { TTag } from "@formbricks/types/tags";
-import { TUser, TUserLocale } from "@formbricks/types/user";
-import { TTeamPermission } from "@/modules/ee/teams/project-teams/types/team";
-import { ResponseFeed } from "./response-feed";
-
-interface ResponseTimelineProps {
-  surveys: TSurvey[];
-  user: TUser;
-  responses: TResponseWithQuotas[];
-  environment: TEnvironment;
-  environmentTags: TTag[];
-  locale: TUserLocale;
-  projectPermission: TTeamPermission | null;
-}
-
-export const ResponseTimeline = ({
-  surveys,
-  user,
-  environment,
-  responses,
-  environmentTags,
-  locale,
-  projectPermission,
-}: ResponseTimelineProps) => {
-  const { t } = useTranslation();
-  const [sortedResponses, setSortedResponses] = useState(responses);
-  const toggleSortResponses = () => {
-    setSortedResponses([...sortedResponses].reverse());
-  };
-
-  useEffect(() => {
-    setSortedResponses(responses);
-  }, [responses]);
-
-  return (
-    // <div className="md:col-span-3">
-    <div className="col-span-3">
-      <div className="flex items-center justify-between pb-6">
-        <h2 className="text-lg font-bold text-slate-700">{t("common.responses")}</h2>
-        <div className="text-right">
-          <button
-            type="button"
-            onClick={toggleSortResponses}
-            className="hover:text-brand-dark flex items-center px-1 text-slate-800">
-            <ArrowDownUpIcon className="inline h-4 w-4" />
-          </button>
-        </div>
-      </div>
-      <ResponseFeed
-        responses={sortedResponses}
-        environment={environment}
-        surveys={surveys}
-        user={user}
-        environmentTags={environmentTags}
-        locale={locale}
-        projectPermission={projectPermission}
-      />
-    </div>
-  );
-};

apps/web/modules/ee/contacts/[contactId]/page.tsx

@@ -11,7 +11,7 @@ import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
 import { GoBackButton } from "@/modules/ui/components/go-back-button";
 import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
 import { PageHeader } from "@/modules/ui/components/page-header";
-import { ResponseSection } from "./components/response-section";
+import { ActivitySection } from "./components/activity-section";
 
 export const SingleContactPage = async (props: {
   params: Promise<{ environmentId: string; contactId: string }>;
@@ -64,7 +64,7 @@ export const SingleContactPage = async (props: {
       <section className="pb-24 pt-6">
         <div className="grid grid-cols-4 gap-x-8">
           <AttributesSection contactId={params.contactId} />
-          <ResponseSection
+          <ActivitySection
             environment={environment}
             contactId={params.contactId}
             environmentTags={environmentTags}

apps/web/modules/ee/contacts/api/v1/client/[environmentId]/user/route.ts

@@ -2,13 +2,26 @@ import { NextRequest, userAgent } from "next/server";
 import { logger } from "@formbricks/logger";
 import { TContactAttributesInput } from "@formbricks/types/contact-attribute";
 import { ZEnvironmentId } from "@formbricks/types/environment";
-import { ResourceNotFoundError } from "@formbricks/types/errors";
+import { ResourceNotFoundError, ValidationError } from "@formbricks/types/errors";
 import { TJsPersonState } from "@formbricks/types/js";
 import { responses } from "@/app/lib/api/response";
 import { withV1ApiWrapper } from "@/app/lib/api/with-api-logging";
 import { getIsContactsEnabled } from "@/modules/ee/license-check/lib/utils";
 import { updateUser } from "./lib/update-user";
 
+const handleError = (err: unknown, url: string): { response: Response } => {
+  if (err instanceof ResourceNotFoundError) {
+    return { response: responses.notFoundResponse(err.resourceType, err.resourceId) };
+  }
+
+  if (err instanceof ValidationError) {
+    return { response: responses.badRequestResponse(err.message, undefined, true) };
+  }
+
+  logger.error({ error: err, url }, "Error in POST /api/v1/client/[environmentId]/user");
+  return { response: responses.internalServerErrorResponse("Unable to fetch user state", true) };
+};
+
 export const OPTIONS = async (): Promise<Response> => {
   return responses.successResponse(
     {},
@@ -123,16 +136,7 @@ export const POST = withV1ApiWrapper({
         response: responses.successResponse(responseJson, true),
       };
     } catch (err) {
-      if (err instanceof ResourceNotFoundError) {
-        return {
-          response: responses.notFoundResponse(err.resourceType, err.resourceId),
-        };
-      }
-
-      logger.error({ error: err, url: req.url }, "Error in POST /api/v1/client/[environmentId]/user");
-      return {
-        response: responses.internalServerErrorResponse(err.message ?? "Unable to fetch person state", true),
-      };
+      return handleError(err, req.url);
     }
   },
 });

apps/web/modules/ee/contacts/lib/validate-attribute-type.test.ts

@@ -13,22 +13,14 @@ describe("validateAndParseAttributeValue", () => {
       }
     });
 
-    test("converts numbers to string", () => {
+    test("rejects number values (SDK must pass actual strings)", () => {
       const result = validateAndParseAttributeValue(42, "string", "testKey");
-      expect(result.valid).toBe(true);
-      if (result.valid) {
-        expect(result.parsedValue.value).toBe("42");
-        expect(result.parsedValue.valueNumber).toBeNull();
-      }
-    });
-
-    test("converts Date to ISO string", () => {
-      const date = new Date("2024-01-15T10:30:00.000Z");
-      const result = validateAndParseAttributeValue(date, "string", "testKey");
-      expect(result.valid).toBe(true);
-      if (result.valid) {
-        expect(result.parsedValue.value).toBe("2024-01-15T10:30:00.000Z");
-        expect(result.parsedValue.valueDate).toBeNull();
+      expect(result.valid).toBe(false);
+      if (!result.valid) {
+        expect(result.error.code).toBe("string_type_mismatch");
+        expect(result.error.params.key).toBe("testKey");
+        expect(result.error.params.type).toBe("number");
+        expect(formatValidationError(result.error)).toContain("received a number");
       }
     });
   });

apps/web/modules/ee/contacts/lib/validate-attribute-type.ts

@@ -27,15 +27,6 @@ export type TAttributeValidationResult =
       error: TAttributeValidationError;
     };
 
-/**
- * Converts any value to a string representation
- */
-const convertToString = (value: TRawValue): string => {
-  if (value instanceof Date) return value.toISOString();
-  if (typeof value === "number") return String(value);
-  return value;
-};
-
 /**
  * Gets a human-readable type name for error messages
  */
@@ -45,16 +36,28 @@ const getTypeName = (value: TRawValue): string => {
 };
 
 /**
- * Validates and parses a string type attribute
+ * Validates and parses a string type attribute.
  */
-const validateStringType = (value: TRawValue): TAttributeValidationResult => ({
-  valid: true,
-  parsedValue: {
-    value: convertToString(value),
-    valueNumber: null,
-    valueDate: null,
-  },
-});
+const validateStringType = (value: TRawValue, attributeKey: string): TAttributeValidationResult => {
+  if (typeof value === "string") {
+    return {
+      valid: true,
+      parsedValue: {
+        value,
+        valueNumber: null,
+        valueDate: null,
+      },
+    };
+  }
+
+  return {
+    valid: false,
+    error: {
+      code: "string_type_mismatch",
+      params: { key: attributeKey, type: getTypeName(value) },
+    },
+  };
+};
 
 /**
  * Validates and parses a number type attribute.
@@ -170,13 +173,13 @@ export const validateAndParseAttributeValue = (
 ): TAttributeValidationResult => {
   switch (expectedDataType) {
     case "string":
-      return validateStringType(value);
+      return validateStringType(value, attributeKey);
     case "number":
       return validateNumberType(value, attributeKey);
     case "date":
       return validateDateType(value, attributeKey);
     default:
-      return validateStringType(value);
+      return validateStringType(value, attributeKey);
   }
 };
 
@@ -185,6 +188,8 @@ export const validateAndParseAttributeValue = (
  * Used for API/SDK responses.
  */
 const VALIDATION_ERROR_TEMPLATES: Record<string, string> = {
+  string_type_mismatch:
+    "Attribute '{key}' expects a string but received a {type}. Pass an actual string value.",
   number_type_mismatch:
     "Attribute '{key}' expects a number but received a string. Pass an actual number value (e.g., 123 instead of \"123\").",
   date_invalid: "Attribute '{key}' expects a valid date. Received: Invalid Date",

apps/web/modules/projects/settings/look/components/theme-styling.tsx

@@ -100,7 +100,7 @@ export const ThemeStyling = ({
       form.setValue(key as keyof TProjectStyling, value, { shouldDirty: true });
     }
 
-    toast.success(t("environments.workspace.look.styling_updated_successfully"));
+    toast.success(t("environments.workspace.look.suggested_colors_applied_please_save"));
     setConfirmSuggestColorsOpen(false);
   };
 

apps/web/modules/survey/editor/components/styling-view.tsx

@@ -94,7 +94,7 @@ export const StylingView = ({
       form.setValue(key as keyof TSurveyStyling, value, { shouldDirty: true });
     }
 
-    toast.success(t("environments.workspace.look.styling_updated_successfully"));
+    toast.success(t("environments.workspace.look.suggested_colors_applied_please_save"));
     setConfirmSuggestColorsOpen(false);
   };
 

apps/web/modules/ui/components/input-combo-box/index.tsx

@@ -226,7 +226,7 @@ export const InputCombobox: React.FC<InputComboboxProps> = ({
             tabIndex={0}
             aria-controls="options"
             aria-expanded={open}
-            className={cn("flex h-full w-full cursor-pointer items-center justify-end bg-white pr-2", {
+            className={cn("flex w-full cursor-pointer items-center justify-end bg-white pr-2 h-10", {
               "w-10 justify-center pr-0": withInput && inputType !== "dropdown",
               "pointer-events-none": isClearing,
             })}>

apps/web/modules/ui/components/preview-survey/index.tsx

@@ -225,10 +225,10 @@ export const PreviewSurvey = ({
         )}>
         {previewMode === "mobile" && (
           <>
-            <p className="absolute top-0 left-0 m-2 rounded bg-slate-100 px-2 py-1 text-xs text-slate-400">
+            <p className="absolute left-0 top-0 m-2 rounded bg-slate-100 px-2 py-1 text-xs text-slate-400">
               Preview
             </p>
-            <div className="absolute top-0 right-0 m-2">
+            <div className="absolute right-0 top-0 m-2">
               <ResetProgressButton onClick={resetProgress} />
             </div>
             <MediaBackground
@@ -265,7 +265,7 @@ export const PreviewSurvey = ({
                 </Modal>
               ) : (
                 <div className="flex h-full w-full flex-col justify-center px-1">
-                  <div className="absolute top-5 left-5">
+                  <div className="absolute left-5 top-5">
                     {!styling.isLogoHidden && (
                       <ClientLogo
                         environmentId={environment.id}
@@ -296,7 +296,7 @@ export const PreviewSurvey = ({
           </>
         )}
         {previewMode === "desktop" && (
-          <div className="flex h-full flex-1 flex-col">
+          <div className="flex h-full w-full flex-1 flex-col">
             <div className="flex h-8 w-full items-center rounded-t-lg bg-slate-100">
               <div className="ml-6 flex space-x-2">
                 <div className="h-3 w-3 rounded-full bg-red-500"></div>
@@ -373,7 +373,7 @@ export const PreviewSurvey = ({
                 styling={styling}
                 ContentRef={ContentRef as React.RefObject<HTMLDivElement>}
                 isEditorView>
-                <div className="absolute top-5 left-5">
+                <div className="absolute left-5 top-5">
                   {!styling.isLogoHidden && (
                     <ClientLogo
                       environmentId={environment.id}

docs/xm-and-surveys/xm/best-practices/cancel-subscription.mdx

@@ -16,8 +16,6 @@ The Churn Survey is among the most effective ways to identify weaknesses in your
 
 * Follow-up to prevent bad reviews
 
-* Coming soon: Make survey mandatory
-
 ## Overview
 
 To run the Churn Survey in your app you want to proceed as follows:
@@ -80,13 +78,6 @@ Whenever a user visits this page, matches the filter conditions above and the re
 
 Here is our complete [Actions manual](/xm-and-surveys/surveys/website-app-surveys/actions/) covering [No-Code](/xm-and-surveys/surveys/website-app-surveys/actions#setting-up-no-code-actions) and [Code](/xm-and-surveys/surveys/website-app-surveys/actions#setting-up-code-actions) Actions.
 
-<Note>
-  Pre-churn flow coming soon We’re currently building full-screen survey
-  pop-ups. You’ll be able to prevent users from closing the survey unless they
-  respond to it. It’s certainly debatable if you want that but you could force
-  them to click through the survey before letting them cancel 🤷
-</Note>
-
 ### 5. Select Action in the “When to ask” card
 
 ![Select feedback button action](/images/xm-and-surveys/xm/best-practices/cancel-subscription/select-action.webp)

docs/xm-and-surveys/xm/best-practices/improve-trial-cr.mdx

@@ -46,13 +46,7 @@ _Want to change the button color? Adjust it in the project settings!_
 
 Save, and move over to the **Audience** tab.
 
-### 3. Pre-segment your audience (coming soon)
-
-<Note>
-### Filter by Attribute Coming Soon
-
-We're working on pre-segmenting users by attributes. This manual will be updated in the coming days.
-</Note>
+### 3. Pre-segment your audience
 
 Pre-segmentation isn't needed for this survey since you likely want to target all users who cancel their trial. You can use a specific user action, like clicking **Cancel Trial**, to show the survey only to users trying your product.
 
@@ -62,13 +56,13 @@ How you trigger your survey depends on your product. There are two options:
 
 - **Trigger by Page view:** If you have a page like `/trial-cancelled` for users who cancel their trial subscription, create a user action with the type "Page View." Select "Limit to specific pages" and apply URL filters with these settings:
 
-![Change text content](/images/xm-and-surveys/xm/best-practices/improve-trial-cr/action-pageurl.webp)
+![Add page URL action](/images/xm-and-surveys/xm/best-practices/improve-trial-cr/action-pageurl.webp)
 
 Whenever a user visits this page, the survey will be displayed ✅
 
 - **Trigger by Button Click:** In a different case, you have a “Cancel Trial" button in your app. You can setup a user Action with the `Inner Text`:
 
-![Change text content](/images/xm-and-surveys/xm/best-practices/improve-trial-cr/action-innertext.webp)
+![Add inner text action](/images/xm-and-surveys/xm/best-practices/improve-trial-cr/action-innertext.webp)
 
 Please have a look at our complete [Actions manual](/xm-and-surveys/surveys/website-app-surveys/actions) if you have questions.
 

docs/xm-and-surveys/xm/best-practices/interview-prompt.mdx

@@ -54,13 +54,7 @@ In the button settings you have to make sure it is set to “External URL”. In
 
 Save, and move over to the “Audience” tab.
 
-### 3. Pre-segment your audience (coming soon)
-
-<Note>
-  ## Filter by attribute coming soon. We're working on pre-segmenting users by
-
-  attributes. We will update this manual in the next few days.
-</Note>
+### 3. Pre-segment your audience
 
 Once you clicked over to the “Audience” tab you can change the settings. In the **Who To Send** card, select “Filter audience by attribute”. This allows you to only show the prompt to a specific segment of your user base.
 

packages/types/displays.ts

@@ -30,3 +30,17 @@ export const ZDisplayFilters = z.object({
 });
 
 export type TDisplayFilters = z.infer<typeof ZDisplayFilters>;
+
+export const ZDisplayWithContact = z.object({
+  id: z.string().cuid2(),
+  createdAt: z.date(),
+  surveyId: z.string(),
+  contact: z
+    .object({
+      id: z.string(),
+      attributes: z.record(z.string()),
+    })
+    .nullable(),
+});
+
+export type TDisplayWithContact = z.infer<typeof ZDisplayWithContact>;