Merge remote-tracking branch 'origin/epic/dashboards' into feat/charts-ui

# Conflicts:
#	apps/web/app/(app)/environments/[environmentId]/analysis/charts/page.tsx
#	apps/web/locales/en-US.json
#	apps/web/modules/ee/analysis/charts/components/chart-dropdown-menu.tsx
#	apps/web/modules/ee/analysis/charts/components/charts-list-page.tsx
#	apps/web/modules/ee/analysis/charts/components/charts-list-skeleton.tsx
#	apps/web/modules/ee/analysis/charts/components/charts-list.tsx
#	apps/web/modules/ee/analysis/charts/components/create-chart-button.tsx
#	apps/web/modules/ee/analysis/charts/lib/chart-types.ts
#	apps/web/modules/ee/analysis/charts/lib/charts.ts

.env.example

@@ -229,5 +229,24 @@ REDIS_URL=redis://localhost:6379
 # AUDIT_LOG_GET_USER_IP=0
 
 
+# Cube.js Analytics (optional — only needed for the analytics/dashboard feature)
+# Required when running the Cube service (docker-compose.dev.yml). Generate with: openssl rand -hex 32
+# Use the same value for CUBEJS_API_TOKEN so the client can authenticate.
+# CUBEJS_API_SECRET=
+# URL where the Cube.js instance is running
+# CUBEJS_API_URL=http://localhost:4000
+# API token sent with each Cube.js request; must match CUBEJS_API_SECRET when CUBEJS_DEV_MODE is off
+# CUBEJS_API_TOKEN=
+#
+# Cube connects to the Hub DB. When using docker-compose.dev.yml with the hub network,
+# use the container name and internal port. Hub credentials: formbricks/formbricks_dev, db: hub
+# CUBEJS_DB_HOST=formbricks_hub_postgres
+# CUBEJS_DB_PORT=5432
+# CUBEJS_DB_NAME=hub
+# CUBEJS_DB_USER=formbricks
+# CUBEJS_DB_PASS=formbricks_dev
+#
+# Alternative (when not on same Docker network): host.docker.internal and port 5433
+
 # Lingo.dev API key for translation generation
 LINGODOTDEV_API_KEY=your_api_key_here

.github/workflows/translation-check.yml

@@ -6,19 +6,9 @@ permissions:
 on:
   pull_request:
     types: [opened, synchronize, reopened]
-    paths:
-      - "apps/web/**/*.ts"
-      - "apps/web/**/*.tsx"
-      - "apps/web/locales/**/*.json"
-      - "scan-translations.ts"
   push:
     branches:
       - main
-    paths:
-      - "apps/web/**/*.ts"
-      - "apps/web/**/*.tsx"
-      - "apps/web/locales/**/*.json"
-      - "scan-translations.ts"
 
 jobs:
   validate-translations:
@@ -33,30 +23,38 @@ jobs:
           egress-policy: audit
 
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+
+      - name: Check for relevant changes
+        id: changes
+        uses: dorny/paths-filter@de90cc6fb38fc0963ad72b210f1f284cd68cea36 # v3.0.2
         with:
-          fetch-depth: 0 # Shallow clones should be disabled for a better relevancy of analysis
+          filters: |
+            translations:
+              - 'apps/web/**/*.ts'
+              - 'apps/web/**/*.tsx'
+              - 'apps/web/locales/**/*.json'
+              - 'packages/surveys/src/**/*.{ts,tsx}'
+              - 'packages/surveys/locales/**/*.json'
+              - 'packages/email/**/*.{ts,tsx}'
 
       - name: Setup Node.js 22.x
+        if: steps.changes.outputs.translations == 'true'
         uses: actions/setup-node@39370e3970a6d050c480ffad4ff0ed4d3fdee5af
         with:
           node-version: 22.x
 
       - name: Install pnpm
+        if: steps.changes.outputs.translations == 'true'
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
 
       - name: Install dependencies
+        if: steps.changes.outputs.translations == 'true'
         run: pnpm install --config.platform=linux --config.architecture=x64
 
       - name: Validate translation keys
-        run: |
-          echo ""
-          echo "🔍 Validating translation keys..."
-          echo ""
-          pnpm run scan-translations
+        if: steps.changes.outputs.translations == 'true'
+        run: pnpm run scan-translations
 
-      - name: Summary
-        if: success()
-        run: |
-          echo ""
-          echo "✅ Translation validation completed successfully!"
-          echo ""
+      - name: Skip (no translation-related changes)
+        if: steps.changes.outputs.translations != 'true'
+        run: echo "No translation-related files changed — skipping validation."

.husky/pre-commit

@@ -1,40 +1 @@
-# Load environment variables from .env files
-if [ -f .env ]; then
-  set -a
-  . .env
-  set +a
-fi
-
-pnpm lint-staged
-
-# Run Lingo.dev i18n workflow if LINGODOTDEV_API_KEY is set
-if [ -n "$LINGODOTDEV_API_KEY" ]; then
-  echo ""
-  echo "🌍 Running Lingo.dev translation workflow..."
-  echo ""
-  
-  # Run translation generation and validation
-  if pnpm run i18n; then
-    echo ""
-    echo "✅ Translation validation passed"
-    echo ""
-    # Add updated locale files to git
-    git add apps/web/locales/*.json
-  else
-    echo ""
-    echo "❌ Translation validation failed!"
-    echo ""
-    echo "Please fix the translation issues above before committing:"
-    echo "  • Add missing translation keys to your locale files"
-    echo "  • Remove unused translation keys"
-    echo ""
-    echo "Or run 'pnpm i18n' to see the detailed report"
-    echo ""
-    exit 1
-  fi
-else
-  echo ""
-  echo "⚠️  Skipping translation validation: LINGODOTDEV_API_KEY is not set"
-  echo "   (This is expected for community contributors)"
-  echo ""
-fi
+pnpm lint-staged

AGENTS.md

@@ -32,6 +32,7 @@ The `@formbricks/surveys` package is pre-compiled (Vite → UMD + ESM) and the b
 
 TypeScript, React, and Prisma are the primary languages. Use the shared ESLint presets (`@formbricks/eslint-config`) and Prettier preset (110-char width, semicolons, double quotes, sorted import groups). Two-space indentation is standard; prefer `PascalCase` for React components and folders under `modules/`, `camelCase` for functions/variables, and `SCREAMING_SNAKE_CASE` only for constants. When adding mocks, place them inside `__mocks__` so import ordering stays stable.
 We are using SonarQube to identify code smells and security hotspots.
+Always mark React component props as `Readonly<>` (e.g., `({ children }: Readonly<MyProps>)`).
 
 ## Architecture & Patterns
 

apps/web/app/(app)/environments/[environmentId]/analysis/charts/page.tsx

@@ -0,0 +1,8 @@
+import { ChartsListPage } from "@/modules/ee/analysis/charts/components/charts-list-page";
+
+const ChartsPage = async (props: Readonly<{ params: Promise<{ environmentId: string }> }>) => {
+  const { environmentId } = await props.params;
+  return <ChartsListPage environmentId={environmentId} />;
+};
+
+export default ChartsPage;

apps/web/app/(app)/environments/[environmentId]/analysis/dashboards/[dashboardId]/page.tsx

@@ -0,0 +1,11 @@
+const DashboardDetailPage = async (props: Readonly<{ params: Promise<{ dashboardId: string }> }>) => {
+  const { dashboardId } = await props.params;
+
+  return (
+    <div className="flex items-center justify-center py-12 text-sm text-slate-500">
+      Dashboard detail for {dashboardId} will appear here.
+    </div>
+  );
+};
+
+export default DashboardDetailPage;

apps/web/app/(app)/environments/[environmentId]/analysis/dashboards/page.tsx

@@ -0,0 +1,8 @@
+import { DashboardsListPage } from "@/modules/ee/analysis/dashboards/pages/dashboards-list-page";
+
+const DashboardsPage = async (props: Readonly<{ params: Promise<{ environmentId: string }> }>) => {
+  const { environmentId } = await props.params;
+  return <DashboardsListPage environmentId={environmentId} />;
+};
+
+export default DashboardsPage;

apps/web/app/(app)/environments/[environmentId]/analysis/page.tsx

@@ -0,0 +1,8 @@
+import { redirect } from "next/navigation";
+
+const AnalysisPage = async (props: Readonly<{ params: Promise<{ environmentId: string }> }>) => {
+  const { environmentId } = await props.params;
+  return redirect(`/environments/${environmentId}/analysis/dashboards`);
+};
+
+export default AnalysisPage;

apps/web/app/(app)/environments/[environmentId]/components/MainNavigation.tsx

@@ -2,6 +2,7 @@
 
 import {
   ArrowUpRightIcon,
+  ChartBar,
   ChevronRightIcon,
   Cog,
   LogOutIcon,
@@ -114,6 +115,13 @@ export const MainNavigation = ({
           pathname?.includes("/segments") ||
           pathname?.includes("/attributes"),
       },
+      {
+        name: t("common.analysis"),
+        href: `/environments/${environment.id}/analysis`,
+        icon: ChartBar,
+        isActive: pathname?.includes("/analysis"),
+        isHidden: false,
+      },
       {
         name: t("common.configuration"),
         href: `/environments/${environment.id}/workspace/general`,
@@ -188,7 +196,7 @@ export const MainNavigation = ({
                 size="icon"
                 onClick={toggleSidebar}
                 className={cn(
-                  "rounded-xl bg-slate-50 p-1 text-slate-600 transition-all hover:bg-slate-100 focus:ring-0 focus:ring-transparent focus:outline-none"
+                  "rounded-xl bg-slate-50 p-1 text-slate-600 transition-all hover:bg-slate-100 focus:outline-none focus:ring-0 focus:ring-transparent"
                 )}>
                 {isCollapsed ? (
                   <PanelLeftOpenIcon strokeWidth={1.5} />

apps/web/app/(app)/environments/[environmentId]/components/organization-breadcrumb.tsx

@@ -81,7 +81,7 @@ export const OrganizationBreadcrumb = ({
       getOrganizationsForSwitcherAction({ organizationId: currentOrganizationId }).then((result) => {
         if (result?.data) {
           // Sort organizations by name
-          const sorted = result.data.toSorted((a, b) => a.name.localeCompare(b.name));
+          const sorted = [...result.data].sort((a, b) => a.name.localeCompare(b.name));
           setOrganizations(sorted);
         } else {
           // Handle server errors or validation errors

apps/web/app/(app)/environments/[environmentId]/components/project-breadcrumb.tsx

@@ -82,7 +82,7 @@ export const ProjectBreadcrumb = ({
       getProjectsForSwitcherAction({ organizationId: currentOrganizationId }).then((result) => {
         if (result?.data) {
           // Sort projects by name
-          const sorted = result.data.toSorted((a, b) => a.name.localeCompare(b.name));
+          const sorted = [...result.data].sort((a, b) => a.name.localeCompare(b.name));
           setProjects(sorted);
         } else {
           // Handle server errors or validation errors

apps/web/app/(app)/environments/[environmentId]/settings/(account)/notifications/components/NotificationSwitch.tsx

@@ -30,7 +30,7 @@ export const NotificationSwitch = ({
   const isChecked =
     notificationType === "unsubscribedOrganizationIds"
       ? !notificationSettings.unsubscribedOrganizationIds?.includes(surveyOrProjectOrOrganizationId)
-      : notificationSettings[notificationType][surveyOrProjectOrOrganizationId] === true;
+      : notificationSettings[notificationType]?.[surveyOrProjectOrOrganizationId] === true;
 
   const handleSwitchChange = async () => {
     setIsLoading(true);
@@ -49,8 +49,11 @@ export const NotificationSwitch = ({
         ];
       }
     } else {
-      updatedNotificationSettings[notificationType][surveyOrProjectOrOrganizationId] =
-        !updatedNotificationSettings[notificationType][surveyOrProjectOrOrganizationId];
+      updatedNotificationSettings[notificationType] = {
+        ...updatedNotificationSettings[notificationType],
+        [surveyOrProjectOrOrganizationId]:
+          !updatedNotificationSettings[notificationType]?.[surveyOrProjectOrOrganizationId],
+      };
     }
 
     const updatedNotificationSettingsActionResponse = await updateNotificationSettingsAction({
@@ -78,7 +81,7 @@ export const NotificationSwitch = ({
     ) {
       switch (notificationType) {
         case "alert":
-          if (notificationSettings[notificationType][surveyOrProjectOrOrganizationId] === true) {
+          if (notificationSettings[notificationType]?.[surveyOrProjectOrOrganizationId] === true) {
             handleSwitchChange();
             toast.success(
               t(

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).max(100),
+  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,125 @@
+"use client";
+
+import { AlertCircleIcon, InfoIcon } from "lucide-react";
+import Link from "next/link";
+import { useTranslation } from "react-i18next";
+import { TDisplayWithContact } from "@formbricks/types/displays";
+import { TUserLocale } from "@formbricks/types/user";
+import { timeSince } from "@/lib/time";
+import { Button } from "@/modules/ui/components/button";
+
+interface SummaryImpressionsProps {
+  displays: TDisplayWithContact[];
+  isLoading: boolean;
+  hasMore: boolean;
+  displaysError: string | null;
+  environmentId: string;
+  locale: TUserLocale;
+  onLoadMore: () => void;
+  onRetry: () => void;
+}
+
+const getDisplayContactIdentifier = (display: TDisplayWithContact): string => {
+  if (!display.contact) return "";
+  return display.contact.attributes?.email || display.contact.attributes?.userId || display.contact.id;
+};
+
+export const SummaryImpressions = ({
+  displays,
+  isLoading,
+  hasMore,
+  displaysError,
+  environmentId,
+  locale,
+  onLoadMore,
+  onRetry,
+}: SummaryImpressionsProps) => {
+  const { t } = useTranslation();
+
+  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={onRetry} 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={onLoadMore} 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

@@ -1,21 +1,31 @@
 "use client";
 
 import { useSearchParams } from "next/navigation";
-import { useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { TDisplayWithContact } from "@formbricks/types/displays";
 import { TEnvironment } from "@formbricks/types/environment";
 import { TSurvey, TSurveySummary } from "@formbricks/types/surveys/types";
 import { TUserLocale } from "@formbricks/types/user";
-import { getSurveySummaryAction } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions";
+import {
+  getDisplaysWithContactAction,
+  getSurveySummaryAction,
+} from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions";
 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 { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { replaceHeadlineRecall } from "@/lib/utils/recall";
 import { QuotasSummary } from "@/modules/ee/quotas/components/quotas-summary";
 import { SummaryList } from "./SummaryList";
 import { SummaryMetadata } from "./SummaryMetadata";
 
+const DISPLAYS_PER_PAGE = 15;
+
 const defaultSurveySummary: TSurveySummary = {
   meta: {
     completedPercentage: 0,
@@ -51,17 +61,76 @@ export const SummaryPage = ({
   initialSurveySummary,
   isQuotasAllowed,
 }: SummaryPageProps) => {
+  const { t } = useTranslation();
   const searchParams = useSearchParams();
 
   const [surveySummary, setSurveySummary] = useState<TSurveySummary>(
     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();
 
+  const [displays, setDisplays] = useState<TDisplayWithContact[]>([]);
+  const [isDisplaysLoading, setIsDisplaysLoading] = useState(false);
+  const [hasMoreDisplays, setHasMoreDisplays] = useState(true);
+  const [displaysError, setDisplaysError] = useState<string | null>(null);
+  const displaysFetchedRef = useRef(false);
+
+  const fetchDisplays = useCallback(
+    async (offset: number) => {
+      const response = await getDisplaysWithContactAction({
+        surveyId,
+        limit: DISPLAYS_PER_PAGE,
+        offset,
+      });
+
+      if (!response?.data) {
+        const errorMessage = getFormattedErrorMessage(response);
+        throw new Error(errorMessage);
+      }
+
+      return response?.data ?? [];
+    },
+    [surveyId]
+  );
+
+  const loadInitialDisplays = useCallback(async () => {
+    setIsDisplaysLoading(true);
+    setDisplaysError(null);
+    try {
+      const data = await fetchDisplays(0);
+      setDisplays(data);
+      setHasMoreDisplays(data.length === DISPLAYS_PER_PAGE);
+    } catch (error) {
+      toast.error(error);
+      setDisplays([]);
+      setHasMoreDisplays(false);
+    } finally {
+      setIsDisplaysLoading(false);
+    }
+  }, [fetchDisplays, t]);
+
+  const handleLoadMoreDisplays = useCallback(async () => {
+    try {
+      const data = await fetchDisplays(displays.length);
+      setDisplays((prev) => [...prev, ...data]);
+      setHasMoreDisplays(data.length === DISPLAYS_PER_PAGE);
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : t("common.something_went_wrong");
+      toast.error(errorMessage);
+    }
+  }, [fetchDisplays, displays.length, t]);
+
+  useEffect(() => {
+    if (tab === "impressions" && !displaysFetchedRef.current) {
+      displaysFetchedRef.current = true;
+      loadInitialDisplays();
+    }
+  }, [tab, loadInitialDisplays]);
+
   // Only fetch data when filters change or when there's no initial data
   useEffect(() => {
     // If we have initial data and no filters are applied, don't fetch
@@ -121,6 +190,18 @@ export const SummaryPage = ({
         setTab={setTab}
         isQuotasAllowed={isQuotasAllowed}
       />
+      {tab === "impressions" && (
+        <SummaryImpressions
+          displays={displays}
+          isLoading={isDisplaysLoading}
+          hasMore={hasMoreDisplays}
+          displaysError={displaysError}
+          environmentId={environment.id}
+          locale={locale}
+          onLoadMore={handleLoadMoreDisplays}
+          onRetry={loadInitialDisplays}
+        />
+      )}
       {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/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResponseFilter.tsx

@@ -241,7 +241,7 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
     <Popover open={isOpen} onOpenChange={handleOpenChange}>
       <PopoverTrigger asChild>
         <PopoverTriggerButton isOpen={isOpen}>
-          Filter <b>{activeFilterCount > 0 && `(${activeFilterCount})`}</b>
+          {t("common.filter")} <b>{activeFilterCount > 0 && `(${activeFilterCount})`}</b>
         </PopoverTriggerButton>
       </PopoverTrigger>
       <PopoverContent
@@ -329,7 +329,7 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
               </div>
               {i !== filterValue.filter.length - 1 && (
                 <div className="my-4 flex items-center">
-                  <p className="mr-4 font-semibold text-slate-800">and</p>
+                  <p className="mr-4 font-semibold text-slate-800">{t("common.and")}</p>
                   <hr className="w-full text-slate-600" />
                 </div>
               )}

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/actions.ts

@@ -1,12 +1,49 @@
 "use server";
 
 import { z } from "zod";
-import { ZIntegrationGoogleSheets } from "@formbricks/types/integration/google-sheet";
-import { getSpreadsheetNameById } from "@/lib/googleSheet/service";
+import { ZId } from "@formbricks/types/common";
+import {
+  TIntegrationGoogleSheets,
+  ZIntegrationGoogleSheets,
+} from "@formbricks/types/integration/google-sheet";
+import { getSpreadsheetNameById, validateGoogleSheetsConnection } from "@/lib/googleSheet/service";
+import { getIntegrationByType } from "@/lib/integration/service";
 import { authenticatedActionClient } from "@/lib/utils/action-client";
 import { checkAuthorizationUpdated } from "@/lib/utils/action-client/action-client-middleware";
 import { getOrganizationIdFromEnvironmentId, getProjectIdFromEnvironmentId } from "@/lib/utils/helper";
 
+const ZValidateGoogleSheetsConnectionAction = z.object({
+  environmentId: ZId,
+});
+
+export const validateGoogleSheetsConnectionAction = authenticatedActionClient
+  .schema(ZValidateGoogleSheetsConnectionAction)
+  .action(async ({ ctx, parsedInput }) => {
+    await checkAuthorizationUpdated({
+      userId: ctx.user.id,
+      organizationId: await getOrganizationIdFromEnvironmentId(parsedInput.environmentId),
+      access: [
+        {
+          type: "organization",
+          roles: ["owner", "manager"],
+        },
+        {
+          type: "projectTeam",
+          projectId: await getProjectIdFromEnvironmentId(parsedInput.environmentId),
+          minPermission: "readWrite",
+        },
+      ],
+    });
+
+    const integration = await getIntegrationByType(parsedInput.environmentId, "googleSheets");
+    if (!integration) {
+      return { data: false };
+    }
+
+    await validateGoogleSheetsConnection(integration as TIntegrationGoogleSheets);
+    return { data: true };
+  });
+
 const ZGetSpreadsheetNameByIdAction = z.object({
   googleSheetIntegration: ZIntegrationGoogleSheets,
   environmentId: z.string(),

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/components/AddIntegrationModal.tsx

@@ -20,6 +20,10 @@ import {
   isValidGoogleSheetsUrl,
 } from "@/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/lib/util";
 import GoogleSheetLogo from "@/images/googleSheetsLogo.png";
+import {
+  GOOGLE_SHEET_INTEGRATION_INSUFFICIENT_PERMISSION,
+  GOOGLE_SHEET_INTEGRATION_INVALID_GRANT,
+} from "@/lib/googleSheet/constants";
 import { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { recallToHeadline } from "@/lib/utils/recall";
 import { getElementsFromBlocks } from "@/modules/survey/lib/client-utils";
@@ -118,6 +122,17 @@ export const AddIntegrationModal = ({
     resetForm();
   }, [selectedIntegration, surveys]);
 
+  const showErrorMessageToast = (response: Awaited<ReturnType<typeof getSpreadsheetNameByIdAction>>) => {
+    const errorMessage = getFormattedErrorMessage(response);
+    if (errorMessage === GOOGLE_SHEET_INTEGRATION_INVALID_GRANT) {
+      toast.error(t("environments.integrations.google_sheets.token_expired_error"));
+    } else if (errorMessage === GOOGLE_SHEET_INTEGRATION_INSUFFICIENT_PERMISSION) {
+      toast.error(t("environments.integrations.google_sheets.spreadsheet_permission_error"));
+    } else {
+      toast.error(errorMessage);
+    }
+  };
+
   const linkSheet = async () => {
     try {
       if (!isValidGoogleSheetsUrl(spreadsheetUrl)) {
@@ -129,6 +144,7 @@ export const AddIntegrationModal = ({
       if (selectedElements.length === 0) {
         throw new Error(t("environments.integrations.select_at_least_one_question_error"));
       }
+      setIsLinkingSheet(true);
       const spreadsheetId = extractSpreadsheetIdFromUrl(spreadsheetUrl);
       const spreadsheetNameResponse = await getSpreadsheetNameByIdAction({
         googleSheetIntegration,
@@ -137,13 +153,11 @@ export const AddIntegrationModal = ({
       });
 
       if (!spreadsheetNameResponse?.data) {
-        const errorMessage = getFormattedErrorMessage(spreadsheetNameResponse);
-        throw new Error(errorMessage);
+        showErrorMessageToast(spreadsheetNameResponse);
+        return;
       }
 
       const spreadsheetName = spreadsheetNameResponse.data;
-
-      setIsLinkingSheet(true);
       integrationData.spreadsheetId = spreadsheetId;
       integrationData.spreadsheetName = spreadsheetName;
       integrationData.surveyId = selectedSurvey.id;
@@ -280,7 +294,7 @@ export const AddIntegrationModal = ({
                 <div className="space-y-4">
                   <div>
                     <Label htmlFor="Surveys">{t("common.questions")}</Label>
-                    <div className="mt-1 max-h-[15vh] overflow-x-hidden overflow-y-auto rounded-lg border border-slate-200">
+                    <div className="mt-1 max-h-[15vh] overflow-y-auto overflow-x-hidden rounded-lg border border-slate-200">
                       <div className="grid content-center rounded-lg bg-slate-50 p-3 text-left text-sm text-slate-900">
                         {surveyElements.map((question) => (
                           <div key={question.id} className="my-1 flex items-center space-x-2">

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/components/GoogleSheetWrapper.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { TEnvironment } from "@formbricks/types/environment";
 import {
   TIntegrationGoogleSheets,
@@ -8,9 +8,11 @@ import {
 } from "@formbricks/types/integration/google-sheet";
 import { TSurvey } from "@formbricks/types/surveys/types";
 import { TUserLocale } from "@formbricks/types/user";
+import { validateGoogleSheetsConnectionAction } from "@/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/actions";
 import { ManageIntegration } from "@/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/components/ManageIntegration";
 import { authorize } from "@/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/lib/google";
 import googleSheetLogo from "@/images/googleSheetsLogo.png";
+import { GOOGLE_SHEET_INTEGRATION_INVALID_GRANT } from "@/lib/googleSheet/constants";
 import { ConnectIntegration } from "@/modules/ui/components/connect-integration";
 import { AddIntegrationModal } from "./AddIntegrationModal";
 
@@ -35,10 +37,23 @@ export const GoogleSheetWrapper = ({
     googleSheetIntegration ? googleSheetIntegration.config?.key : false
   );
   const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
+  const [showReconnectButton, setShowReconnectButton] = useState<boolean>(false);
   const [selectedIntegration, setSelectedIntegration] = useState<
     (TIntegrationGoogleSheetsConfigData & { index: number }) | null
   >(null);
 
+  const validateConnection = useCallback(async () => {
+    if (!isConnected || !googleSheetIntegration) return;
+    const response = await validateGoogleSheetsConnectionAction({ environmentId: environment.id });
+    if (response?.serverError === GOOGLE_SHEET_INTEGRATION_INVALID_GRANT) {
+      setShowReconnectButton(true);
+    }
+  }, [environment.id, isConnected, googleSheetIntegration]);
+
+  useEffect(() => {
+    validateConnection();
+  }, [validateConnection]);
+
   const handleGoogleAuthorization = async () => {
     authorize(environment.id, webAppUrl).then((url: string) => {
       if (url) {
@@ -64,6 +79,8 @@ export const GoogleSheetWrapper = ({
             setOpenAddIntegrationModal={setIsModalOpen}
             setIsConnected={setIsConnected}
             setSelectedIntegration={setSelectedIntegration}
+            showReconnectButton={showReconnectButton}
+            handleGoogleAuthorization={handleGoogleAuthorization}
             locale={locale}
           />
         </>

apps/web/app/(app)/environments/[environmentId]/workspace/integrations/google-sheets/components/ManageIntegration.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Trash2Icon } from "lucide-react";
+import { RefreshCcwIcon, Trash2Icon } from "lucide-react";
 import { useState } from "react";
 import toast from "react-hot-toast";
 import { useTranslation } from "react-i18next";
@@ -12,15 +12,19 @@ import { TUserLocale } from "@formbricks/types/user";
 import { deleteIntegrationAction } from "@/app/(app)/environments/[environmentId]/workspace/integrations/actions";
 import { timeSince } from "@/lib/time";
 import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import { Alert, AlertButton, AlertDescription } from "@/modules/ui/components/alert";
 import { Button } from "@/modules/ui/components/button";
 import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
 import { EmptyState } from "@/modules/ui/components/empty-state";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/modules/ui/components/tooltip";
 
 interface ManageIntegrationProps {
   googleSheetIntegration: TIntegrationGoogleSheets;
   setOpenAddIntegrationModal: (v: boolean) => void;
   setIsConnected: (v: boolean) => void;
   setSelectedIntegration: (v: (TIntegrationGoogleSheetsConfigData & { index: number }) | null) => void;
+  showReconnectButton: boolean;
+  handleGoogleAuthorization: () => void;
   locale: TUserLocale;
 }
 
@@ -29,6 +33,8 @@ export const ManageIntegration = ({
   setOpenAddIntegrationModal,
   setIsConnected,
   setSelectedIntegration,
+  showReconnectButton,
+  handleGoogleAuthorization,
   locale,
 }: ManageIntegrationProps) => {
   const { t } = useTranslation();
@@ -68,7 +74,17 @@ export const ManageIntegration = ({
 
   return (
     <div className="mt-6 flex w-full flex-col items-center justify-center p-6">
-      <div className="flex w-full justify-end">
+      {showReconnectButton && (
+        <Alert variant="warning" size="small" className="mb-4 w-full">
+          <AlertDescription>
+            {t("environments.integrations.google_sheets.reconnect_button_description")}
+          </AlertDescription>
+          <AlertButton onClick={handleGoogleAuthorization}>
+            {t("environments.integrations.google_sheets.reconnect_button")}
+          </AlertButton>
+        </Alert>
+      )}
+      <div className="flex w-full justify-end space-x-2">
         <div className="mr-6 flex items-center">
           <span className="mr-4 h-4 w-4 rounded-full bg-green-600"></span>
           <span className="text-slate-500">
@@ -77,6 +93,19 @@ export const ManageIntegration = ({
             })}
           </span>
         </div>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button variant="outline" onClick={handleGoogleAuthorization}>
+                <RefreshCcwIcon className="mr-2 h-4 w-4" />
+                {t("environments.integrations.google_sheets.reconnect_button")}
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent>
+              {t("environments.integrations.google_sheets.reconnect_button_tooltip")}
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
         <Button
           onClick={() => {
             setSelectedIntegration(null);

apps/web/app/api/google-sheet/callback/route.ts

@@ -1,5 +1,6 @@
 import { google } from "googleapis";
 import { getServerSession } from "next-auth";
+import { TIntegrationGoogleSheetsConfig } from "@formbricks/types/integration/google-sheet";
 import { responses } from "@/app/lib/api/response";
 import {
   GOOGLE_SHEETS_CLIENT_ID,
@@ -8,7 +9,7 @@ import {
   WEBAPP_URL,
 } from "@/lib/constants";
 import { hasUserEnvironmentAccess } from "@/lib/environment/auth";
-import { createOrUpdateIntegration } from "@/lib/integration/service";
+import { createOrUpdateIntegration, getIntegrationByType } from "@/lib/integration/service";
 import { authOptions } from "@/modules/auth/lib/authOptions";
 
 export const GET = async (req: Request) => {
@@ -42,33 +43,39 @@ export const GET = async (req: Request) => {
   if (!redirect_uri) return responses.internalServerErrorResponse("Google redirect url is missing");
   const oAuth2Client = new google.auth.OAuth2(client_id, client_secret, redirect_uri);
 
-  let key;
-  let userEmail;
-
-  if (code) {
-    const token = await oAuth2Client.getToken(code);
-    key = token.res?.data;
-
-    // Set credentials using the provided token
-    oAuth2Client.setCredentials({
-      access_token: key.access_token,
-    });
-
-    // Fetch user's email
-    const oauth2 = google.oauth2({
-      auth: oAuth2Client,
-      version: "v2",
-    });
-    const userInfo = await oauth2.userinfo.get();
-    userEmail = userInfo.data.email;
+  if (!code) {
+    return Response.redirect(
+      `${WEBAPP_URL}/environments/${environmentId}/workspace/integrations/google-sheets`
+    );
   }
 
+  const token = await oAuth2Client.getToken(code);
+  const key = token.res?.data;
+  if (!key) {
+    return Response.redirect(
+      `${WEBAPP_URL}/environments/${environmentId}/workspace/integrations/google-sheets`
+    );
+  }
+
+  oAuth2Client.setCredentials({ access_token: key.access_token });
+  const oauth2 = google.oauth2({ auth: oAuth2Client, version: "v2" });
+  const userInfo = await oauth2.userinfo.get();
+  const userEmail = userInfo.data.email;
+
+  if (!userEmail) {
+    return responses.internalServerErrorResponse("Failed to get user email");
+  }
+
+  const integrationType = "googleSheets" as const;
+  const existingIntegration = await getIntegrationByType(environmentId, integrationType);
+  const existingConfig = existingIntegration?.config as TIntegrationGoogleSheetsConfig;
+
   const googleSheetIntegration = {
-    type: "googleSheets" as "googleSheets",
+    type: integrationType,
     environment: environmentId,
     config: {
       key,
-      data: [],
+      data: existingConfig?.data ?? [],
       email: userEmail,
     },
   };

apps/web/app/middleware/endpoint-validator.test.ts

@@ -257,6 +257,7 @@ describe("endpoint-validator", () => {
       expect(isAuthProtectedRoute("/api/v1/client/test")).toBe(false);
       expect(isAuthProtectedRoute("/")).toBe(false);
       expect(isAuthProtectedRoute("/s/survey123")).toBe(false);
+      expect(isAuthProtectedRoute("/p/pretty-url")).toBe(false);
       expect(isAuthProtectedRoute("/c/jwt-token")).toBe(false);
       expect(isAuthProtectedRoute("/health")).toBe(false);
     });
@@ -312,6 +313,19 @@ describe("endpoint-validator", () => {
       expect(isPublicDomainRoute("/c")).toBe(false);
       expect(isPublicDomainRoute("/contact/token")).toBe(false);
     });
+    
+    test("should return true for pretty URL survey routes", () => {
+      expect(isPublicDomainRoute("/p/pretty123")).toBe(true);
+      expect(isPublicDomainRoute("/p/pretty-name-with-dashes")).toBe(true);
+      expect(isPublicDomainRoute("/p/survey_id_with_underscores")).toBe(true);
+      expect(isPublicDomainRoute("/p/abc123def456")).toBe(true);
+    });
+
+    test("should return false for malformed pretty URL survey routes", () => {
+      expect(isPublicDomainRoute("/p/")).toBe(false);
+      expect(isPublicDomainRoute("/p")).toBe(false);
+      expect(isPublicDomainRoute("/pretty/123")).toBe(false);
+    });
 
     test("should return true for client API routes", () => {
       expect(isPublicDomainRoute("/api/v1/client/something")).toBe(true);
@@ -375,6 +389,8 @@ describe("endpoint-validator", () => {
       expect(isAdminDomainRoute("/s/survey-id-with-dashes")).toBe(false);
       expect(isAdminDomainRoute("/c/jwt-token")).toBe(false);
       expect(isAdminDomainRoute("/c/very-long-jwt-token-123")).toBe(false);
+      expect(isAdminDomainRoute("/p/pretty123")).toBe(false);
+      expect(isAdminDomainRoute("/p/pretty-name-with-dashes")).toBe(false);
       expect(isAdminDomainRoute("/api/v1/client/test")).toBe(false);
       expect(isAdminDomainRoute("/api/v2/client/other")).toBe(false);
     });
@@ -390,6 +406,7 @@ describe("endpoint-validator", () => {
       test("should allow public routes on public domain", () => {
         expect(isRouteAllowedForDomain("/s/survey123", true)).toBe(true);
         expect(isRouteAllowedForDomain("/c/jwt-token", true)).toBe(true);
+        expect(isRouteAllowedForDomain("/p/pretty123", true)).toBe(true);
         expect(isRouteAllowedForDomain("/api/v1/client/test", true)).toBe(true);
         expect(isRouteAllowedForDomain("/api/v2/client/other", true)).toBe(true);
         expect(isRouteAllowedForDomain("/health", true)).toBe(true);
@@ -426,6 +443,8 @@ describe("endpoint-validator", () => {
         expect(isRouteAllowedForDomain("/s/survey-id-with-dashes", false)).toBe(false);
         expect(isRouteAllowedForDomain("/c/jwt-token", false)).toBe(false);
         expect(isRouteAllowedForDomain("/c/very-long-jwt-token-123", false)).toBe(false);
+        expect(isRouteAllowedForDomain("/p/pretty123", false)).toBe(false);
+        expect(isRouteAllowedForDomain("/p/pretty-name-with-dashes", false)).toBe(false);
         expect(isRouteAllowedForDomain("/api/v1/client/test", false)).toBe(false);
         expect(isRouteAllowedForDomain("/api/v2/client/other", false)).toBe(false);
       });
@@ -440,6 +459,8 @@ describe("endpoint-validator", () => {
       test("should handle paths with query parameters and fragments", () => {
         expect(isRouteAllowedForDomain("/s/survey123?param=value", true)).toBe(true);
         expect(isRouteAllowedForDomain("/s/survey123#section", true)).toBe(true);
+        expect(isRouteAllowedForDomain("/p/pretty123?param=value", true)).toBe(true);
+        expect(isRouteAllowedForDomain("/p/pretty123#section", true)).toBe(true);
         expect(isRouteAllowedForDomain("/environments/123?tab=settings", true)).toBe(false);
         expect(isRouteAllowedForDomain("/environments/123?tab=settings", false)).toBe(true);
       });
@@ -450,6 +471,7 @@ describe("endpoint-validator", () => {
     describe("URL parsing edge cases", () => {
       test("should handle paths with query parameters", () => {
         expect(isPublicDomainRoute("/s/survey123?param=value&other=test")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty123?param=value&other=test")).toBe(true);
         expect(isPublicDomainRoute("/api/v1/client/test?query=data")).toBe(true);
         expect(isPublicDomainRoute("/environments/123?tab=settings")).toBe(false);
         expect(isAuthProtectedRoute("/environments/123?tab=overview")).toBe(true);
@@ -458,12 +480,14 @@ describe("endpoint-validator", () => {
       test("should handle paths with fragments", () => {
         expect(isPublicDomainRoute("/s/survey123#section")).toBe(true);
         expect(isPublicDomainRoute("/c/jwt-token#top")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty123#section")).toBe(true);
         expect(isPublicDomainRoute("/environments/123#overview")).toBe(false);
         expect(isAuthProtectedRoute("/organizations/456#settings")).toBe(true);
       });
 
       test("should handle trailing slashes", () => {
         expect(isPublicDomainRoute("/s/survey123/")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty123/")).toBe(true);
         expect(isPublicDomainRoute("/api/v1/client/test/")).toBe(true);
         expect(isManagementApiRoute("/api/v1/management/test/")).toEqual({
           isManagementApi: true,
@@ -478,6 +502,9 @@ describe("endpoint-validator", () => {
         expect(isPublicDomainRoute("/s/survey123/preview")).toBe(true);
         expect(isPublicDomainRoute("/s/survey123/embed")).toBe(true);
         expect(isPublicDomainRoute("/s/survey123/thank-you")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty123/preview")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty123/embed")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty123/thank-you")).toBe(true);
       });
 
       test("should handle nested client API routes", () => {
@@ -529,6 +556,7 @@ describe("endpoint-validator", () => {
       test("should handle special characters in survey IDs", () => {
         expect(isPublicDomainRoute("/s/survey-123_test.v2")).toBe(true);
         expect(isPublicDomainRoute("/c/jwt.token.with.dots")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty-123_test.v2")).toBe(true);
       });
     });
 
@@ -536,6 +564,7 @@ describe("endpoint-validator", () => {
       test("should properly validate malicious or injection-like URLs", () => {
         // SQL injection-like attempts
         expect(isPublicDomainRoute("/s/'; DROP TABLE users; --")).toBe(true); // Still valid survey ID format
+        expect(isPublicDomainRoute("/p/'; DROP TABLE users; --")).toBe(true);
         expect(isManagementApiRoute("/api/v1/management/'; DROP TABLE users; --")).toEqual({
           isManagementApi: true,
           authenticationMethod: AuthenticationMethod.ApiKey,
@@ -543,10 +572,12 @@ describe("endpoint-validator", () => {
 
         // Path traversal attempts
         expect(isPublicDomainRoute("/s/../../../etc/passwd")).toBe(true); // Still matches pattern
+        expect(isPublicDomainRoute("/p/../../../etc/passwd")).toBe(true);
         expect(isAuthProtectedRoute("/environments/../../../etc/passwd")).toBe(true);
 
         // XSS-like attempts
         expect(isPublicDomainRoute("/s/<script>alert('xss')</script>")).toBe(true);
+        expect(isPublicDomainRoute("/p/<script>alert('xss')</script>")).toBe(true);
         expect(isClientSideApiRoute("/api/v1/client/<script>alert('xss')</script>")).toEqual({
           isClientSideApi: true,
           isRateLimited: true,
@@ -556,6 +587,7 @@ describe("endpoint-validator", () => {
       test("should handle URL encoding", () => {
         expect(isPublicDomainRoute("/s/survey%20123")).toBe(true);
         expect(isPublicDomainRoute("/c/jwt%2Etoken")).toBe(true);
+        expect(isPublicDomainRoute("/p/pretty%20123")).toBe(true);
         expect(isAuthProtectedRoute("/environments%2F123")).toBe(true);
         expect(isManagementApiRoute("/api/v1/management/test%20route")).toEqual({
           isManagementApi: true,
@@ -591,6 +623,7 @@ describe("endpoint-validator", () => {
         // These should not match due to case sensitivity
         expect(isPublicDomainRoute("/S/survey123")).toBe(false);
         expect(isPublicDomainRoute("/C/jwt-token")).toBe(false);
+        expect(isPublicDomainRoute("/P/pretty123")).toBe(false);
         expect(isClientSideApiRoute("/API/V1/CLIENT/test")).toEqual({
           isClientSideApi: false,
           isRateLimited: true,

apps/web/app/middleware/route-config.ts

@@ -7,6 +7,7 @@ const PUBLIC_ROUTES = {
   SURVEY_ROUTES: [
     /^\/s\/[^/]+/, // /s/[surveyId] - survey pages
     /^\/c\/[^/]+/, // /c/[jwt] - contact survey pages
+    /^\/p\/[^/]+/, // /p/[prettyUrl] - pretty URL pages
   ],
 
   // API routes accessible from public domain

apps/web/i18n.lock

@@ -106,6 +106,7 @@ checksums:
     common/allow: 3e39cc5940255e6bff0fea95c817dd43
     common/allow_users_to_exit_by_clicking_outside_the_survey: 1c09db6e85214f1b1c3d4774c4c5cd56
     common/an_unknown_error_occurred_while_deleting_table_items: 06be3fd128aeb51eed4fba9a079ecee2
+    common/analysis: 409bac6215382c47e59f5039cc4cdcdd
     common/and: dc75b95c804b16dc617a5f16f7393bca
     common/and_response_limit_of: 05be41a1d7e8dafa4aa012dcba77f5d4
     common/anonymous: 77b5222e710cc1dae073dae32309f8ed
@@ -122,6 +123,8 @@ checksums:
     common/bottom_right: aaef9a70ef795affc806c6d1853d8373
     common/cancel: 2e2a849c2223911717de8caa2c71bade
     common/centered_modal: 982ff411cb7e91e30300c2ed56b7e507
+    common/chart: 6f4d9c56e45ceb8fc22d2f74454cd813
+    common/charts: 1da4564d89264c89de4ed28d7451b43e
     common/choices: 8a7a77a71ec6eebc363c5dc0f8490a4d
     common/choose_environment: 5762cd499529815fc3e6a7feea39f90b
     common/choose_organization: a8f5db68012323bfbb1a0ad0fb194603
@@ -151,6 +154,7 @@ checksums:
     common/count_attributes: 042fba9baffef5afe2c24f13d4f50697
     common/count_contacts: b1c413a4b06961b71b6aeee95d6775d7
     common/count_responses: 690118a456c01c5b4d437ae82b50b131
+    common/create: 757ccd28dd533ff3a933355273c1e32a
     common/create_new_organization: 51dae7b33143686ee218abf5bea764a5
     common/create_segment: 9d8291cd4d778b53b73bbc84fd91c181
     common/create_survey: 1cfbba08d34876566d84b2960054a987
@@ -160,6 +164,8 @@ checksums:
     common/created_by: 6775c2fa7d495fea48f1ad816daea93b
     common/customer_success: 2b0c99a5f57e1d16cf0a998f9bb116c4
     common/dark_overlay: 173e84b526414dbc70dbf9737e443b60
+    common/dashboard: c9380ea68c8c76ea451bd9613329a07c
+    common/dashboards: 4bc47e48559a6b688684dcb7ac4babc9
     common/date: 56f41c5d30a76295bb087b20b7bee4c3
     common/days: c95fe8aedde21a0b5653dbd0b3c58b48
     common/default: d9c6dc5c412fe94143dfd1d332ec81d4
@@ -191,13 +197,16 @@ checksums:
     common/error: 3c95bcb32c2104b99a46f5b3dd015248
     common/error_component_description: fa9eee04f864c3fe6e6681f716caa015
     common/error_component_title: ae68fa341a143aaa13a5ea30dd57a63e
+    common/error_loading_data: aaeffbfe4a2c2145442a57de524494be
     common/error_rate_limit_description: 37791a33a947204662ee9c6544e90f51
     common/error_rate_limit_title: 23ac9419e267e610e1bfd38e1dc35dc0
     common/expand_rows: b6e06327cb8718dfd6651720843e4dad
     common/failed_to_copy_to_clipboard: de836a7d628d36c832809252f188f784
     common/failed_to_load_organizations: 512808a2b674c7c28bca73f8f91fd87e
     common/failed_to_load_workspaces: 6ee3448097394517dc605074cd4e6ea4
+    common/filter: 626325a05e4c8800f7ede7012b0cadaf
     common/finish: ffa7a10f71182b48fefed7135bee24fa
+    common/first_name: cf040a5d6a9fd696be400380cc99f54b
     common/follow_these: 3a730b242bb17a3f95e01bf0dae86885
     common/formbricks_version: d9967c797f3e49ca0cae78bc0ebd19cb
     common/full_name: f45991923345e8322c9ff8cd6b7e2b16
@@ -210,6 +219,7 @@ checksums:
     common/hidden_field: 3ed5c58d0ed359e558cdf7bd33606d2d
     common/hidden_fields: 3de6cfd308293a826cb8679fd1d49972
     common/hide_column: 23ce94db148f2d8e4a0923defead6cf1
+    common/id: c8886d38aeea2ed5f785aba4fc96784b
     common/image: 048ba7a239de0fbd883ade8558415830
     common/images: 9305827c28694866f49db42b4c51831f
     common/import: 348b8ab981de5b7f1fca6d7302263bbd
@@ -227,6 +237,7 @@ checksums:
     common/key: 3d1065ab98a1c2f1210507fd5c7bf515
     common/label: a5c71bf158481233f8215dbd38cc196b
     common/language: 277fd1a41cc237a437cd1d5e4a80463b
+    common/last_name: 2c9a7de7738ca007ba9023c385149c26
     common/learn_more: e598091d132f890c37a6d4ed94f6d794
     common/license_expired: 7af13535e320e4197989472c01387d2c
     common/light_overlay: 0499907ea7b8405f4267b117998b5a78
@@ -276,6 +287,7 @@ checksums:
     common/on: 1929bcf2fba8003c043b446a851bcb4f
     common/only_one_file_allowed: 171be177f2e96c4bb4c4a47b3bf6c8c9
     common/only_owners_managers_and_manage_access_members_can_perform_this_action: 3c16fc506e871935f6183793e73b6709
+    common/open_options: a4578c0afbfdf4a76d5952a53085b72a
     common/option_id: ed21d97b8ab035ba89fb3f5f073229bd
     common/option_ids: e68c25215ce81ea7ad82ff7be0a0bf2d
     common/optional: 396fb9a0472daf401c392bdc3e248943
@@ -401,6 +413,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
@@ -574,6 +587,35 @@ checksums:
     environments/actions/you_can_track_code_action_anywhere_in_your_app_using: 3c0bbf160b8ddbeef142403103b70554
     environments/actions/your_survey_would_be_shown_on_this_url: 766fdeeb52d170c156af5d035a1f8c37
     environments/actions/your_survey_would_not_be_shown: af44fe160f449ff9557ebe5d3686832d
+    environments/analysis/charts/action_coming_soon: ee2b0671e00972773210c5be5a9ccb89
+    environments/analysis/charts/chart_deleted_successfully: 79148f471cd9acc2c8d0d033fb85437e
+    environments/analysis/charts/chart_deletion_error: 267eb65c168e726075d7cea678dd32e0
+    environments/analysis/charts/chart_duplicated_successfully: 755c4ce5bf533764d549a53c33e32165
+    environments/analysis/charts/chart_duplication_error: 90d7166c85188b52f821c9d9f53ff8c4
+    environments/analysis/charts/chart_type_area: 535754c6425f045f17e1dcb551840c93
+    environments/analysis/charts/chart_type_bar: c11d460595d3ddfe8efd67ac068574c5
+    environments/analysis/charts/chart_type_big_number: 9d17fb96241507c955dca25e143ae67a
+    environments/analysis/charts/chart_type_line: f42dd53238ed4d44def306a61d47d5c4
+    environments/analysis/charts/chart_type_pie: 068a797404233ccf68d07ad63af7b50c
+    environments/analysis/charts/create_chart: ca7fdcc964e01f42ea9709924221edba
+    environments/analysis/charts/delete_chart_confirmation: f7fd7b0a08e81c9b392b08c9c1ad2147
+    environments/analysis/charts/no_charts_found: d4a27d5b56e49ebdd38bf28791dbcc42
+    environments/analysis/charts/open_options: 2c6a35fec9b9d008e41728594bcd07d7
+    environments/analysis/dashboards/create_dashboard: 9396aec1ea4a9b05ada94483655d1373
+    environments/analysis/dashboards/create_dashboard_description: d29f60615f6d8c96cc4265541e75ec26
+    environments/analysis/dashboards/create_failed: 7b58f15568047a35220b3a47cc3b0f71
+    environments/analysis/dashboards/create_success: 1fa4dea7702ba03a8a3533295276ff1b
+    environments/analysis/dashboards/dashboard_name: a2d344bc03f27706b42d7d6a8d0fc752
+    environments/analysis/dashboards/dashboard_name_placeholder: 02954eeb5671f1c00e3f69b47319916e
+    environments/analysis/dashboards/delete_confirmation: 468a0fb0e24a985cc47a778b50b334ba
+    environments/analysis/dashboards/delete_failed: b108acc28b1f9abcb544a358a958b54b
+    environments/analysis/dashboards/delete_success: 9d161634daab9ea9d17fbfb413eeeffa
+    environments/analysis/dashboards/description_optional: d5519551a79f18fc414dc127b773485f
+    environments/analysis/dashboards/description_placeholder: 90a599e6b1695e2b026fb1300d1d5903
+    environments/analysis/dashboards/duplicate_failed: 6ebaf8ad373b156f88f1ed79a5efd441
+    environments/analysis/dashboards/duplicate_success: 37cbb14143776d4c215432673e32ebd9
+    environments/analysis/dashboards/no_dashboards_found: e049ec0356009c3a0aa2c729d916efc6
+    environments/analysis/dashboards/please_enter_name: b9211ed8a0882c0e0109beba48685d68
     environments/connect/congrats: c2f5b597aabdf298cf9f0452863e2dc6
     environments/connect/connection_successful_message: fa1f29883e15e8697c6c477bdf5cb645
     environments/connect/do_it_later: ab4accfbe53d924ab3ffaf9ea78a75f3
@@ -609,7 +651,6 @@ checksums:
     environments/contacts/contacts_table_refresh: 6a959475991dd4ab28ad881bae569a09
     environments/contacts/contacts_table_refresh_success: 40951396e88e5c8fdafa0b3bb4fadca8
     environments/contacts/create_attribute: 87320615901f95b4f35ee83c290a3a6c
-    environments/contacts/create_key: 0d385c354af8963acbe35cd646710f86
     environments/contacts/create_new_attribute: c17d407dacd0b90f360f9f5e899d662f
     environments/contacts/create_new_attribute_description: cc19d76bb6940537bbe3461191f25d26
     environments/contacts/custom_attributes: fffc7722742d1291b102dc737cf2fc9e
@@ -620,6 +661,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 +673,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 +688,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
@@ -711,7 +756,12 @@ checksums:
     environments/integrations/google_sheets/link_google_sheet: fa78146ae26ce5b1d2aaf2678f628943
     environments/integrations/google_sheets/link_new_sheet: 8ad2ea8708f50ed184c00b84577b325e
     environments/integrations/google_sheets/no_integrations_yet: ea46f7747937baf48a47a4c1b1776aee
+    environments/integrations/google_sheets/reconnect_button: 8992a0f250278c116cb26be448b68ba2
+    environments/integrations/google_sheets/reconnect_button_description: 851fd2fda57211293090f371d5b2c734
+    environments/integrations/google_sheets/reconnect_button_tooltip: 210dd97470fde8264d2c076db3c98fde
+    environments/integrations/google_sheets/spreadsheet_permission_error: 94f0007a187d3b9a7ab8200fe26aad20
     environments/integrations/google_sheets/spreadsheet_url: b1665f96e6ecce23ea2d9196f4a3e5dd
+    environments/integrations/google_sheets/token_expired_error: 555d34c18c554ec8ac66614f21bd44fc
     environments/integrations/include_created_at: 8011355b13e28e638d74e6f3d68a2bbf
     environments/integrations/include_hidden_fields: 25f0ea5ca1c6ead2cd121f8754cb8d72
     environments/integrations/include_metadata: 750091d965d7cc8d02468b5239816dc5
@@ -1846,6 +1896,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 +1937,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

apps/web/lib/display/service.ts

@@ -1,9 +1,10 @@
 import "server-only";
 import { Prisma } from "@prisma/client";
 import { cache as reactCache } from "react";
+import { z } from "zod";
 import { prisma } from "@formbricks/database";
 import { ZId } from "@formbricks/types/common";
-import { TDisplay, TDisplayFilters } from "@formbricks/types/displays";
+import { TDisplay, TDisplayFilters, TDisplayWithContact } from "@formbricks/types/displays";
 import { DatabaseError } from "@formbricks/types/errors";
 import { validateInputs } from "../utils/validate";
 
@@ -23,13 +24,12 @@ export const getDisplayCountBySurveyId = reactCache(
       const displayCount = await prisma.display.count({
         where: {
           surveyId: surveyId,
-          ...(filters &&
-            filters.createdAt && {
-              createdAt: {
-                gte: filters.createdAt.min,
-                lte: filters.createdAt.max,
-              },
-            }),
+          ...(filters?.createdAt && {
+            createdAt: {
+              gte: filters.createdAt.min,
+              lte: filters.createdAt.max,
+            },
+          }),
         },
       });
       return displayCount;
@@ -42,6 +42,97 @@ 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, z.number().int().min(1).optional()],
+      [offset, z.number().int().nonnegative().optional()]
+    );
+
+    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/googleSheet/constants.ts

@@ -0,0 +1,6 @@
+/**
+ * Error codes returned by Google Sheets integration.
+ * Use these constants when comparing error responses to avoid typos and enable reuse.
+ */
+export const GOOGLE_SHEET_INTEGRATION_INVALID_GRANT = "invalid_grant";
+export const GOOGLE_SHEET_INTEGRATION_INSUFFICIENT_PERMISSION = "insufficient_permission";

apps/web/lib/googleSheet/service.ts

@@ -2,7 +2,12 @@ import "server-only";
 import { Prisma } from "@prisma/client";
 import { z } from "zod";
 import { ZString } from "@formbricks/types/common";
-import { DatabaseError, UnknownError } from "@formbricks/types/errors";
+import {
+  AuthenticationError,
+  DatabaseError,
+  OperationNotAllowedError,
+  UnknownError,
+} from "@formbricks/types/errors";
 import {
   TIntegrationGoogleSheets,
   ZIntegrationGoogleSheets,
@@ -11,8 +16,12 @@ import {
   GOOGLE_SHEETS_CLIENT_ID,
   GOOGLE_SHEETS_CLIENT_SECRET,
   GOOGLE_SHEETS_REDIRECT_URL,
+  GOOGLE_SHEET_MESSAGE_LIMIT,
 } from "@/lib/constants";
-import { GOOGLE_SHEET_MESSAGE_LIMIT } from "@/lib/constants";
+import {
+  GOOGLE_SHEET_INTEGRATION_INSUFFICIENT_PERMISSION,
+  GOOGLE_SHEET_INTEGRATION_INVALID_GRANT,
+} from "@/lib/googleSheet/constants";
 import { createOrUpdateIntegration } from "@/lib/integration/service";
 import { truncateText } from "../utils/strings";
 import { validateInputs } from "../utils/validate";
@@ -81,6 +90,17 @@ export const writeData = async (
   }
 };
 
+export const validateGoogleSheetsConnection = async (
+  googleSheetIntegrationData: TIntegrationGoogleSheets
+): Promise<void> => {
+  validateInputs([googleSheetIntegrationData, ZIntegrationGoogleSheets]);
+  const integrationData = structuredClone(googleSheetIntegrationData);
+  integrationData.config.data.forEach((data) => {
+    data.createdAt = new Date(data.createdAt);
+  });
+  await authorize(integrationData);
+};
+
 export const getSpreadsheetNameById = async (
   googleSheetIntegrationData: TIntegrationGoogleSheets,
   spreadsheetId: string
@@ -94,7 +114,17 @@ export const getSpreadsheetNameById = async (
     return new Promise((resolve, reject) => {
       sheets.spreadsheets.get({ spreadsheetId }, (err, response) => {
         if (err) {
-          reject(new UnknownError(`Error while fetching spreadsheet data: ${err.message}`));
+          const msg = err.message?.toLowerCase() ?? "";
+          const isPermissionError =
+            msg.includes("permission") ||
+            msg.includes("caller does not have") ||
+            msg.includes("insufficient permission") ||
+            msg.includes("access denied");
+          if (isPermissionError) {
+            reject(new OperationNotAllowedError(GOOGLE_SHEET_INTEGRATION_INSUFFICIENT_PERMISSION));
+          } else {
+            reject(new UnknownError(`Error while fetching spreadsheet data: ${err.message}`));
+          }
           return;
         }
         const spreadsheetTitle = response.data.properties.title;
@@ -109,26 +139,70 @@ export const getSpreadsheetNameById = async (
   }
 };
 
+const isInvalidGrantError = (error: unknown): boolean => {
+  const err = error as { message?: string; response?: { data?: { error?: string } } };
+  return (
+    typeof err?.message === "string" &&
+    err.message.toLowerCase().includes(GOOGLE_SHEET_INTEGRATION_INVALID_GRANT)
+  );
+};
+
+/** Buffer in ms before expiry_date to consider token near-expired (5 minutes). */
+const TOKEN_EXPIRY_BUFFER_MS = 5 * 60 * 1000;
+
+const GOOGLE_TOKENINFO_URL = "https://www.googleapis.com/oauth2/v1/tokeninfo";
+
+/**
+ * Verifies that the access token is still valid and not revoked (e.g. user removed app access).
+ * Returns true if token is valid, false if invalid/revoked.
+ */
+const isAccessTokenValid = async (accessToken: string): Promise<boolean> => {
+  try {
+    const res = await fetch(`${GOOGLE_TOKENINFO_URL}?access_token=${encodeURIComponent(accessToken)}`);
+    return res.ok;
+  } catch {
+    return false;
+  }
+};
+
 const authorize = async (googleSheetIntegrationData: TIntegrationGoogleSheets) => {
   const client_id = GOOGLE_SHEETS_CLIENT_ID;
   const client_secret = GOOGLE_SHEETS_CLIENT_SECRET;
   const redirect_uri = GOOGLE_SHEETS_REDIRECT_URL;
   const oAuth2Client = new google.auth.OAuth2(client_id, client_secret, redirect_uri);
-  const refresh_token = googleSheetIntegrationData.config.key.refresh_token;
-  oAuth2Client.setCredentials({
-    refresh_token,
-  });
-  const { credentials } = await oAuth2Client.refreshAccessToken();
-  await createOrUpdateIntegration(googleSheetIntegrationData.environmentId, {
-    type: "googleSheets",
-    config: {
-      data: googleSheetIntegrationData.config?.data ?? [],
-      email: googleSheetIntegrationData.config?.email ?? "",
-      key: credentials,
-    },
-  });
+  const key = googleSheetIntegrationData.config.key;
 
-  oAuth2Client.setCredentials(credentials);
+  const hasStoredCredentials =
+    key.access_token && key.expiry_date && key.expiry_date > Date.now() + TOKEN_EXPIRY_BUFFER_MS;
 
-  return oAuth2Client;
+  if (hasStoredCredentials && (await isAccessTokenValid(key.access_token))) {
+    oAuth2Client.setCredentials(key);
+    return oAuth2Client;
+  }
+
+  oAuth2Client.setCredentials({ refresh_token: key.refresh_token });
+
+  try {
+    const { credentials } = await oAuth2Client.refreshAccessToken();
+    const mergedCredentials = {
+      ...credentials,
+      refresh_token: credentials.refresh_token ?? key.refresh_token,
+    };
+    await createOrUpdateIntegration(googleSheetIntegrationData.environmentId, {
+      type: "googleSheets",
+      config: {
+        data: googleSheetIntegrationData.config?.data ?? [],
+        email: googleSheetIntegrationData.config?.email ?? "",
+        key: mergedCredentials,
+      },
+    });
+
+    oAuth2Client.setCredentials(mergedCredentials);
+    return oAuth2Client;
+  } catch (error) {
+    if (isInvalidGrantError(error)) {
+      throw new AuthenticationError(GOOGLE_SHEET_INTEGRATION_INVALID_GRANT);
+    }
+    throw error;
+  }
 };

apps/web/lib/utils/action-client/types/context.ts

@@ -22,6 +22,9 @@ export type AuditLoggingCtx = {
   quotaId?: string;
   teamId?: string;
   integrationId?: string;
+  chartId?: string;
+  dashboardId?: string;
+  dashboardWidgetId?: string;
 };
 
 export type ActionClientCtx = {

apps/web/locales/de-DE.json

@@ -133,6 +133,7 @@
     "allow": "erlauben",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Erlaube Nutzern, die Umfrage zu verlassen, indem sie außerhalb klicken",
     "an_unknown_error_occurred_while_deleting_table_items": "Beim Löschen von {type}s ist ein unbekannter Fehler aufgetreten",
+    "analysis": "Analyse",
     "and": "und",
     "and_response_limit_of": "und Antwortlimit von",
     "anonymous": "Anonym",
@@ -149,6 +150,8 @@
     "bottom_right": "Unten rechts",
     "cancel": "Abbrechen",
     "centered_modal": "Zentriertes Modalfenster",
+    "chart": "Diagramm",
+    "charts": "Diagramme",
     "choices": "Entscheidungen",
     "choose_environment": "Umgebung auswählen",
     "choose_organization": "Organisation auswählen",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} Attribut} other {{value} Attribute}}",
     "count_contacts": "{value, plural, one {{value} Kontakt} other {{value} Kontakte}}",
     "count_responses": "{value, plural, one {{value} Antwort} other {{value} Antworten}}",
+    "create": "Erstellen",
     "create_new_organization": "Neue Organisation erstellen",
     "create_segment": "Segment erstellen",
     "create_survey": "Umfrage erstellen",
@@ -187,6 +191,8 @@
     "created_by": "Erstellt von",
     "customer_success": "Kundenerfolg",
     "dark_overlay": "Dunkle Überlagerung",
+    "dashboard": "Dashboard",
+    "dashboards": "Dashboards",
     "date": "Datum",
     "days": "Tage",
     "default": "Standard",
@@ -218,13 +224,16 @@
     "error": "Fehler",
     "error_component_description": "Diese Ressource existiert nicht oder Du hast nicht die notwendigen Rechte, um darauf zuzugreifen.",
     "error_component_title": "Fehler beim Laden der Ressourcen",
+    "error_loading_data": "Fehler beim Laden der Daten",
     "error_rate_limit_description": "Maximale Anzahl an Anfragen erreicht. Bitte später erneut versuchen.",
     "error_rate_limit_title": "Rate Limit Überschritten",
     "expand_rows": "Zeilen erweitern",
     "failed_to_copy_to_clipboard": "Fehler beim Kopieren in die Zwischenablage",
     "failed_to_load_organizations": "Fehler beim Laden der Organisationen",
     "failed_to_load_workspaces": "Projekte konnten nicht geladen werden",
+    "filter": "Filter",
     "finish": "Fertigstellen",
+    "first_name": "Vorname",
     "follow_these": "Folge diesen",
     "formbricks_version": "Formbricks Version",
     "full_name": "Name",
@@ -237,6 +246,7 @@
     "hidden_field": "Verstecktes Feld",
     "hidden_fields": "Versteckte Felder",
     "hide_column": "Spalte ausblenden",
+    "id": "ID",
     "image": "Bild",
     "images": "Bilder",
     "import": "Importieren",
@@ -254,6 +264,7 @@
     "key": "Schlüssel",
     "label": "Bezeichnung",
     "language": "Sprache",
+    "last_name": "Nachname",
     "learn_more": "Mehr erfahren",
     "license_expired": "License Expired",
     "light_overlay": "Helle Überlagerung",
@@ -303,6 +314,7 @@
     "on": "An",
     "only_one_file_allowed": "Es ist nur eine Datei erlaubt",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Nur Eigentümer, Manager und Mitglieder mit Zugriff auf das Management können diese Aktion ausführen.",
+    "open_options": "Optionen öffnen",
     "option_id": "Option-ID",
     "option_ids": "Option-IDs",
     "optional": "Optional",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Ihre Umfrage wäre unter dieser URL angezeigt.",
       "your_survey_would_not_be_shown": "Ihre Umfrage wäre nicht angezeigt."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Kommt bald",
+        "chart_deleted_successfully": "Diagramm erfolgreich gelöscht",
+        "chart_deletion_error": "Diagramm konnte nicht gelöscht werden",
+        "chart_duplicated_successfully": "Diagramm erfolgreich dupliziert",
+        "chart_duplication_error": "Diagramm konnte nicht dupliziert werden",
+        "chart_type_area": "Flächendiagramm",
+        "chart_type_bar": "Balkendiagramm",
+        "chart_type_big_number": "Große Zahl",
+        "chart_type_line": "Liniendiagramm",
+        "chart_type_pie": "Kreisdiagramm",
+        "create_chart": "Diagramm erstellen",
+        "delete_chart_confirmation": "Bist du sicher, dass du dieses Diagramm löschen möchtest?",
+        "no_charts_found": "Keine Diagramme gefunden.",
+        "open_options": "Diagrammoptionen öffnen"
+      },
+      "dashboards": {
+        "create_dashboard": "Dashboard erstellen",
+        "create_dashboard_description": "Gib einen Namen für dein neues Dashboard ein.",
+        "create_failed": "Dashboard konnte nicht erstellt werden",
+        "create_success": "Dashboard erfolgreich erstellt!",
+        "dashboard_name": "Dashboard-Name",
+        "dashboard_name_placeholder": "Mein Dashboard",
+        "delete_confirmation": "Bist du sicher, dass du dieses Dashboard löschen möchtest? Diese Aktion kann nicht rückgängig gemacht werden.",
+        "delete_failed": "Dashboard konnte nicht gelöscht werden",
+        "delete_success": "Dashboard erfolgreich gelöscht",
+        "description_optional": "Beschreibung (optional)",
+        "description_placeholder": "Dashboard-Beschreibung",
+        "duplicate_failed": "Dashboard konnte nicht dupliziert werden",
+        "duplicate_success": "Dashboard erfolgreich dupliziert!",
+        "no_dashboards_found": "Keine Dashboards gefunden.",
+        "please_enter_name": "Bitte gib einen Dashboard-Namen ein"
+      }
+    },
     "connect": {
       "congrats": "Glückwunsch!",
       "connection_successful_message": "Gut gemacht! Wir sind verbunden.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Kontakte aktualisieren",
       "contacts_table_refresh_success": "Kontakte erfolgreich aktualisiert",
       "create_attribute": "Attribut erstellen",
-      "create_key": "Schlüssel erstellen",
       "create_new_attribute": "Neues Attribut erstellen",
       "create_new_attribute_description": "Erstellen Sie ein neues Attribut für Segmentierungszwecke.",
       "custom_attributes": "Benutzerdefinierte Attribute",
@@ -656,6 +703,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 +715,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 +730,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",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Tabelle verlinken",
         "link_new_sheet": "Neues Blatt verknüpfen",
         "no_integrations_yet": "Deine verknüpften Tabellen werden hier angezeigt, sobald Du sie hinzufügst ⏲️",
-        "spreadsheet_url": "Tabellen-URL"
+        "reconnect_button": "Erneut verbinden",
+        "reconnect_button_description": "Deine Google Sheets-Verbindung ist abgelaufen. Bitte verbinde dich erneut, um weiterhin Antworten zu synchronisieren. Deine bestehenden Tabellen-Links und Daten bleiben erhalten.",
+        "reconnect_button_tooltip": "Verbinde die Integration erneut, um deinen Zugriff zu aktualisieren. Deine bestehenden Tabellen-Links und Daten bleiben erhalten.",
+        "spreadsheet_permission_error": "Du hast keine Berechtigung, auf diese Tabelle zuzugreifen. Bitte stelle sicher, dass die Tabelle mit deinem Google-Konto geteilt ist und du Schreibzugriff auf die Tabelle hast.",
+        "spreadsheet_url": "Tabellen-URL",
+        "token_expired_error": "Das Google Sheets-Aktualisierungstoken ist abgelaufen oder wurde widerrufen. Bitte verbinde die Integration erneut."
       },
       "include_created_at": "Erstellungsdatum einbeziehen",
       "include_hidden_fields": "Versteckte Felder (hidden fields) einbeziehen",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/en-US.json

@@ -133,6 +133,7 @@
     "allow": "Allow",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Allow users to exit by clicking outside the survey",
     "an_unknown_error_occurred_while_deleting_table_items": "An unknown error occurred while deleting {type}s",
+    "analysis": "Analysis",
     "and": "And",
     "and_response_limit_of": "and response limit of",
     "anonymous": "Anonymous",
@@ -149,6 +150,8 @@
     "bottom_right": "Bottom Right",
     "cancel": "Cancel",
     "centered_modal": "Centered Modal",
+    "chart": "Chart",
+    "charts": "Charts",
     "choices": "Choices",
     "choose_environment": "Choose environment",
     "choose_organization": "Choose organization",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} attribute} other {{value} attributes}}",
     "count_contacts": "{value, plural, one {{value} contact} other {{value} contacts}}",
     "count_responses": "{value, plural, one {{value} response} other {{value} responses}}",
+    "create": "Create",
     "create_new_organization": "Create new organization",
     "create_segment": "Create segment",
     "create_survey": "Create survey",
@@ -187,6 +191,8 @@
     "created_by": "Created by",
     "customer_success": "Customer Success",
     "dark_overlay": "Dark overlay",
+    "dashboard": "Dashboard",
+    "dashboards": "Dashboards",
     "date": "Date",
     "days": "days",
     "default": "Default",
@@ -218,13 +224,16 @@
     "error": "Error",
     "error_component_description": "This resource does not exist or you do not have the necessary rights to access it.",
     "error_component_title": "Error loading resources",
+    "error_loading_data": "Error loading data",
     "error_rate_limit_description": "Maximum number of requests reached. Please try again later.",
     "error_rate_limit_title": "Rate Limit Exceeded",
     "expand_rows": "Expand rows",
     "failed_to_copy_to_clipboard": "Failed to copy to clipboard",
     "failed_to_load_organizations": "Failed to load organizations",
     "failed_to_load_workspaces": "Failed to load workspaces",
+    "filter": "Filter",
     "finish": "Finish",
+    "first_name": "First Name",
     "follow_these": "Follow these",
     "formbricks_version": "Formbricks Version",
     "full_name": "Full name",
@@ -236,7 +245,9 @@
     "hidden": "Hidden",
     "hidden_field": "Hidden field",
     "hidden_fields": "Hidden fields",
+    "hide": "Hide",
     "hide_column": "Hide column",
+    "id": "ID",
     "image": "Image",
     "images": "Images",
     "import": "Import",
@@ -254,6 +265,7 @@
     "key": "Key",
     "label": "Label",
     "language": "Language",
+    "last_name": "Last Name",
     "learn_more": "Learn more",
     "license_expired": "License Expired",
     "light_overlay": "Light overlay",
@@ -303,6 +315,7 @@
     "on": "On",
     "only_one_file_allowed": "Only one file is allowed",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Only owners and managers can perform this action.",
+    "open_options": "Open options",
     "option_id": "Option ID",
     "option_ids": "Option IDs",
     "optional": "Optional",
@@ -428,6 +441,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",
@@ -444,6 +458,7 @@
     "variables": "Variables",
     "verified_email": "Verified Email",
     "video": "Video",
+    "view": "View",
     "warning": "Warning",
     "we_were_unable_to_verify_your_license_because_the_license_server_is_unreachable": "We were unable to verify your license because the license server is unreachable.",
     "webhook": "Webhook",
@@ -607,6 +622,159 @@
       "your_survey_would_be_shown_on_this_url": "Your survey would be shown on this URL.",
       "your_survey_would_not_be_shown": "Your survey would not be shown."
     },
+    "analysis": {
+      "charts": {
+        "AND": "AND",
+        "OR": "OR",
+        "add_chart_to_dashboard": "Add Chart to Dashboard",
+        "add_chart_to_dashboard_description": "Select a dashboard to add this chart to. The chart will be saved automatically.",
+        "add_custom_measure": "Add Custom Measure",
+        "add_filter": "Add filter",
+        "add_to_dashboard": "Add to Dashboard",
+        "advanced_chart_builder_config_prompt": "Configure your chart and click \"Run Query\" to preview",
+        "ai_query_placeholder": "e.g. How many users signed up last week?",
+        "ai_query_section_description": "Describe what you want to see and let AI build the chart.",
+        "ai_query_section_title": "Ask your data",
+        "alias_optional": "Alias (optional)",
+        "apply_changes": "Apply Changes",
+        "chart": "Chart",
+        "chart_added_to_dashboard": "Chart added to dashboard!",
+        "chart_builder_choose_chart_type": "Choose chart type",
+        "chart_data": "Chart Data",
+        "chart_data_tab": "Data",
+        "chart_deleted_successfully": "Chart deleted successfully",
+        "chart_duplicated_successfully": "Chart duplicated successfully",
+        "chart_duplication_error": "Failed to duplicate chart",
+        "chart_name": "Chart Name",
+        "chart_name_placeholder": "Chart name",
+        "chart_preview": "Chart Preview",
+        "chart_saved_successfully": "Chart saved successfully!",
+        "chart_type_area": "Area Chart",
+        "chart_type_bar": "Bar Chart",
+        "chart_type_big_number": "Big Number",
+        "chart_type_donut": "Donut Chart",
+        "chart_type_line": "Line Chart",
+        "chart_type_not_supported": "Chart type \"{{chartType}}\" not yet supported",
+        "chart_type_pie": "Pie Chart",
+        "chart_updated_successfully": "Chart updated successfully!",
+        "configure_description": "Modify the chart type and other settings for this visualization.",
+        "configure_title": "Configure Chart",
+        "configure_type_label": "Chart Type",
+        "contains": "contains",
+        "create_chart": "Create Chart",
+        "create_chart_description": "Use AI to generate a chart or build one manually.",
+        "cube_js_query": "Cube.js Query",
+        "custom_aggregations": "Custom Aggregations",
+        "custom_aggregations_toggle_description": "Define custom metrics using aggregations (avg, sum, min, max, etc.) on numeric dimension fields.",
+        "custom_range": "Custom Range",
+        "dashboard": "Dashboard",
+        "dashboard_select_placeholder": "Select a dashboard",
+        "data_label": "Data",
+        "date_range": "Date Range",
+        "delete_chart_confirmation": "Are you sure you want to delete this chart?",
+        "dimensions": "Dimensions",
+        "dimensions_toggle_description": "Group data by categories. Order matters for multi-dimensional charts.",
+        "edit_chart_description": "View and edit your chart configuration.",
+        "edit_chart_title": "Edit Chart",
+        "enable_time_dimension": "Enable Time Dimension",
+        "end_date": "End date",
+        "enter_a_name_for_your_chart": "Enter a name for your chart to save it.",
+        "enter_value": "Enter value",
+        "equals": "equals",
+        "failed_to_add_chart_to_dashboard": "Failed to add chart to dashboard",
+        "failed_to_execute_query": "Failed to execute query",
+        "failed_to_load_chart": "Failed to load chart",
+        "failed_to_load_chart_data": "Failed to load chart data",
+        "failed_to_save_chart": "Failed to save chart",
+        "field": "Field",
+        "filters": "Filters",
+        "filters_toggle_description": "Only include data that meets the following conditions.",
+        "generating_chart": "Generating chart...",
+        "granularity": "Granularity",
+        "greater_than": "greater than",
+        "greater_than_or_equal": "greater than or equal",
+        "group_by": "Group By",
+        "group_by_description": "Select dimensions to break down your data. The order matters for multi-dimensional charts.",
+        "guide_button": "View field guide",
+        "guide_chart_type": "Chart type",
+        "guide_chart_type_desc": "How the data is visualized: Area, Bar, Line, Pie, or Big Number. Choose based on what you want to show (trends, comparisons, parts of a whole, etc.).",
+        "guide_dimensions": "Dimensions (Group By)",
+        "guide_dimensions_desc": "How you split or group the data. Each dimension becomes a category on the chart (e.g. Sentiment, Source Type, Survey Name, Channel, Topic). Order matters for multi-dimensional charts.",
+        "guide_filters": "Filters",
+        "guide_filters_desc": "Conditions that limit which data is included. Each filter has a field, operator (equals, contains, greater than, etc.), and values. And = all must match; Or = any can match.",
+        "guide_measures": "Measures (what you count or aggregate)",
+        "guide_measures_custom": "Custom aggregations let you define your own metrics: pick a numeric field (e.g. Rating, NPS Value) and an aggregation (count, countDistinct, sum, avg, min, max). Alias is an optional label for the chart.",
+        "guide_measures_predefined": "Predefined measures are pre-built metrics from your feedback data: Count (total responses), Promoter/Detractor/Passive Count (NPS segments), NPS Score, Average Score, Completion Rate.",
+        "guide_quick_ref": "Quick reference",
+        "guide_term_custom": "Measure you define: field + aggregation (avg, sum, etc.)",
+        "guide_term_dimension": "Categorical field used to group or split data",
+        "guide_term_filter": "Condition that limits which rows are included",
+        "guide_term_measure": "Numeric value you aggregate (count, sum, avg, etc.)",
+        "guide_term_time": "Time-based grouping with granularity and date range",
+        "guide_time_dimension": "Time dimension",
+        "guide_time_dimension_desc": "Time-based grouping: pick a time field (usually Collected At), granularity (Hour, Day, Week, Month, etc.), and date range (preset or custom). Use for trends over time.",
+        "guide_title": "Chart Builder Field Guide",
+        "is_not_set": "is not set",
+        "is_set": "is set",
+        "less_than": "less than",
+        "less_than_or_equal": "less than or equal",
+        "measures": "Measures",
+        "measures_toggle_description": "Select predefined or custom metrics to display in the chart.",
+        "no_charts_found": "No charts found.",
+        "no_dashboards_available": "No dashboards available",
+        "no_dashboards_create_first": "Create a dashboard first to add charts to it.",
+        "no_data_available": "No data available",
+        "no_data_returned": "No data returned from query",
+        "no_data_returned_for_chart": "No data returned for chart",
+        "no_grouping": "None (filter only)",
+        "no_valid_data_to_display": "No valid data to display",
+        "not_contains": "not contains",
+        "not_equals": "not equals",
+        "open_chart": "Open chart {{name}}",
+        "open_options": "Open chart options",
+        "or_filter_logic": "OR",
+        "original": "Original",
+        "please_enter_chart_name": "Please enter a chart name",
+        "please_run_query_first": "Please run a query first",
+        "please_select_at_least_one_measure": "Please select at least one measure",
+        "please_select_chart_type": "Please select a chart type",
+        "please_select_dashboard": "Please select a dashboard",
+        "predefined_measures": "Predefined Measures",
+        "preset": "Preset",
+        "query_executed_successfully": "Query executed successfully",
+        "query_label": "Query",
+        "reset_to_ai_suggestion": "Reset to AI suggestion",
+        "run_query": "Run Query",
+        "save_chart": "Save Chart",
+        "save_chart_dialog_title": "Save Chart",
+        "select_field": "Select field",
+        "select_measures": "Select measures...",
+        "select_preset": "Select preset",
+        "showing_first_10_of": "Showing first 10 of {count} rows",
+        "showing_first_n_of": "Showing first {{n}} of {{count}} rows",
+        "start_date": "Start date",
+        "time_dimension": "Time Dimension",
+        "time_dimension_toggle_description": "Add time-based grouping for trends over time.",
+        "unable_to_determine_chart_data_structure": "Unable to determine chart data structure"
+      },
+      "dashboards": {
+        "create_dashboard": "Create Dashboard",
+        "create_dashboard_description": "Enter a name for your new dashboard.",
+        "create_failed": "Failed to create dashboard",
+        "create_success": "Dashboard created successfully!",
+        "dashboard_name": "Dashboard Name",
+        "dashboard_name_placeholder": "My dashboard",
+        "delete_confirmation": "Are you sure you want to delete this dashboard? This action cannot be undone.",
+        "delete_failed": "Failed to delete dashboard",
+        "delete_success": "Dashboard deleted successfully",
+        "description_optional": "Description (Optional)",
+        "description_placeholder": "Dashboard description",
+        "duplicate_failed": "Failed to duplicate dashboard",
+        "duplicate_success": "Dashboard duplicated successfully!",
+        "no_dashboards_found": "No dashboards found.",
+        "please_enter_name": "Please enter a dashboard name"
+      }
+    },
     "connect": {
       "congrats": "Congrats!",
       "connection_successful_message": "Well done! We are connected.",
@@ -645,7 +813,6 @@
       "contacts_table_refresh": "Refresh contacts",
       "contacts_table_refresh_success": "Contacts refreshed successfully",
       "create_attribute": "Create attribute",
-      "create_key": "Create Key",
       "create_new_attribute": "Create new attribute",
       "create_new_attribute_description": "Create a new attribute for segmentation purposes.",
       "custom_attributes": "Custom Attributes",
@@ -656,6 +823,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 +835,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 +850,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",
@@ -752,7 +923,12 @@
         "link_google_sheet": "Link Google Sheet",
         "link_new_sheet": "Link new Sheet",
         "no_integrations_yet": "Your google sheet integrations will appear here as soon as you add them. ⏲️",
-        "spreadsheet_url": "Spreadsheet URL"
+        "reconnect_button": "Reconnect",
+        "reconnect_button_description": "Your Google Sheets connection has expired. Please reconnect to continue syncing responses. Your existing spreadsheet links and data will be preserved.",
+        "reconnect_button_tooltip": "Reconnect the integration to refresh your access. Your existing spreadsheet links and data will be preserved.",
+        "spreadsheet_permission_error": "You don't have permission to access this spreadsheet. Please ensure the spreadsheet is shared with your Google account and you have write access to the spreadsheet.",
+        "spreadsheet_url": "Spreadsheet URL",
+        "token_expired_error": "Google Sheets refresh token has expired or been revoked. Please reconnect the integration."
       },
       "include_created_at": "Include Created At",
       "include_hidden_fields": "Include Hidden Fields",
@@ -1947,6 +2123,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 +2166,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",

apps/web/locales/es-ES.json

@@ -133,6 +133,7 @@
     "allow": "Permitir",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Permitir a los usuarios salir haciendo clic fuera de la encuesta",
     "an_unknown_error_occurred_while_deleting_table_items": "Se ha producido un error desconocido al eliminar {type}s",
+    "analysis": "Análisis",
     "and": "Y",
     "and_response_limit_of": "y límite de respuesta de",
     "anonymous": "Anónimo",
@@ -149,6 +150,8 @@
     "bottom_right": "Inferior derecha",
     "cancel": "Cancelar",
     "centered_modal": "Modal centrado",
+    "chart": "Gráfico",
+    "charts": "Gráficos",
     "choices": "Opciones",
     "choose_environment": "Elegir entorno",
     "choose_organization": "Elegir organización",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} atributo} other {{value} atributos}}",
     "count_contacts": "{value, plural, one {{value} contacto} other {{value} contactos}}",
     "count_responses": "{value, plural, one {{value} respuesta} other {{value} respuestas}}",
+    "create": "Crear",
     "create_new_organization": "Crear organización nueva",
     "create_segment": "Crear segmento",
     "create_survey": "Crear encuesta",
@@ -187,6 +191,8 @@
     "created_by": "Creado por",
     "customer_success": "Éxito del cliente",
     "dark_overlay": "Superposición oscura",
+    "dashboard": "Panel de control",
+    "dashboards": "Paneles",
     "date": "Fecha",
     "days": "días",
     "default": "Predeterminado",
@@ -218,13 +224,16 @@
     "error": "Error",
     "error_component_description": "Este recurso no existe o no tienes los derechos necesarios para acceder a él.",
     "error_component_title": "Error al cargar recursos",
+    "error_loading_data": "Error al cargar los datos",
     "error_rate_limit_description": "Número máximo de solicitudes alcanzado. Por favor, inténtalo de nuevo más tarde.",
     "error_rate_limit_title": "Límite de frecuencia excedido",
     "expand_rows": "Expandir filas",
     "failed_to_copy_to_clipboard": "Error al copiar al portapapeles",
     "failed_to_load_organizations": "Error al cargar organizaciones",
     "failed_to_load_workspaces": "Error al cargar los proyectos",
+    "filter": "Filtro",
     "finish": "Finalizar",
+    "first_name": "Nombre",
     "follow_these": "Sigue estos",
     "formbricks_version": "Versión de Formbricks",
     "full_name": "Nombre completo",
@@ -237,6 +246,7 @@
     "hidden_field": "Campo oculto",
     "hidden_fields": "Campos ocultos",
     "hide_column": "Ocultar columna",
+    "id": "ID",
     "image": "Imagen",
     "images": "Imágenes",
     "import": "Importar",
@@ -254,6 +264,7 @@
     "key": "Clave",
     "label": "Etiqueta",
     "language": "Idioma",
+    "last_name": "Apellido",
     "learn_more": "Saber más",
     "license_expired": "License Expired",
     "light_overlay": "Superposición clara",
@@ -303,6 +314,7 @@
     "on": "Activado",
     "only_one_file_allowed": "Solo se permite un archivo",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Solo los propietarios y gestores pueden realizar esta acción.",
+    "open_options": "Abrir opciones",
     "option_id": "ID de opción",
     "option_ids": "IDs de opciones",
     "optional": "Opcional",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Tu encuesta se mostraría en esta URL.",
       "your_survey_would_not_be_shown": "Tu encuesta no se mostraría."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Próximamente",
+        "chart_deleted_successfully": "Gráfico eliminado correctamente",
+        "chart_deletion_error": "Error al eliminar el gráfico",
+        "chart_duplicated_successfully": "Gráfico duplicado correctamente",
+        "chart_duplication_error": "Error al duplicar el gráfico",
+        "chart_type_area": "Gráfico de área",
+        "chart_type_bar": "Gráfico de barras",
+        "chart_type_big_number": "Número grande",
+        "chart_type_line": "Gráfico de líneas",
+        "chart_type_pie": "Gráfico circular",
+        "create_chart": "Crear gráfico",
+        "delete_chart_confirmation": "¿Estás seguro de que quieres eliminar este gráfico?",
+        "no_charts_found": "No se encontraron gráficos.",
+        "open_options": "Abrir opciones del gráfico"
+      },
+      "dashboards": {
+        "create_dashboard": "Crear panel de control",
+        "create_dashboard_description": "Introduce un nombre para tu panel de control nuevo.",
+        "create_failed": "Error al crear el panel de control",
+        "create_success": "Panel de control creado correctamente",
+        "dashboard_name": "Nombre del panel de control",
+        "dashboard_name_placeholder": "Mi panel de control",
+        "delete_confirmation": "¿Estás seguro de que quieres eliminar este panel de control? Esta acción no se puede deshacer.",
+        "delete_failed": "Error al eliminar el panel de control",
+        "delete_success": "Panel de control eliminado correctamente",
+        "description_optional": "Descripción (opcional)",
+        "description_placeholder": "Descripción del panel de control",
+        "duplicate_failed": "Error al duplicar el panel de control",
+        "duplicate_success": "Panel de control duplicado correctamente",
+        "no_dashboards_found": "No se han encontrado paneles de control.",
+        "please_enter_name": "Por favor, introduce un nombre para el panel de control"
+      }
+    },
     "connect": {
       "congrats": "¡Enhorabuena!",
       "connection_successful_message": "¡Bien hecho! Estamos conectados.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Actualizar contactos",
       "contacts_table_refresh_success": "Contactos actualizados correctamente",
       "create_attribute": "Crear atributo",
-      "create_key": "Crear clave",
       "create_new_attribute": "Crear atributo nuevo",
       "create_new_attribute_description": "Crea un atributo nuevo para fines de segmentación.",
       "custom_attributes": "Atributos personalizados",
@@ -656,6 +703,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 +715,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 +730,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",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Vincular Google Sheet",
         "link_new_sheet": "Vincular nueva hoja",
         "no_integrations_yet": "Tus integraciones de Google Sheet aparecerán aquí tan pronto como las añadas. ⏲️",
-        "spreadsheet_url": "URL de la hoja de cálculo"
+        "reconnect_button": "Reconectar",
+        "reconnect_button_description": "Tu conexión con Google Sheets ha caducado. Reconecta para continuar sincronizando respuestas. Tus enlaces de hojas de cálculo y datos existentes se conservarán.",
+        "reconnect_button_tooltip": "Reconecta la integración para actualizar tu acceso. Tus enlaces de hojas de cálculo y datos existentes se conservarán.",
+        "spreadsheet_permission_error": "No tienes permiso para acceder a esta hoja de cálculo. Asegúrate de que la hoja de cálculo esté compartida con tu cuenta de Google y de que tengas acceso de escritura a la hoja de cálculo.",
+        "spreadsheet_url": "URL de la hoja de cálculo",
+        "token_expired_error": "El token de actualización de Google Sheets ha caducado o ha sido revocado. Reconecta la integración."
       },
       "include_created_at": "Incluir fecha de creación",
       "include_hidden_fields": "Incluir campos ocultos",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/fr-FR.json

@@ -133,6 +133,7 @@
     "allow": "Autoriser",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Permettre aux utilisateurs de quitter en cliquant hors de l'enquête",
     "an_unknown_error_occurred_while_deleting_table_items": "Une erreur inconnue est survenue lors de la suppression des {type}s",
+    "analysis": "Analyse",
     "and": "Et",
     "and_response_limit_of": "et limite de réponse de",
     "anonymous": "Anonyme",
@@ -149,6 +150,8 @@
     "bottom_right": "En bas à droite",
     "cancel": "Annuler",
     "centered_modal": "Au centre",
+    "chart": "Graphique",
+    "charts": "Graphiques",
     "choices": "Choix",
     "choose_environment": "Choisir l'environnement",
     "choose_organization": "Choisir l'organisation",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} attribut} other {{value} attributs}}",
     "count_contacts": "{value, plural, one {# contact} other {# contacts} }",
     "count_responses": "{value, plural, other {# réponses}}",
+    "create": "Créer",
     "create_new_organization": "Créer une nouvelle organisation",
     "create_segment": "Créer un segment",
     "create_survey": "Créer un sondage",
@@ -187,6 +191,8 @@
     "created_by": "Créé par",
     "customer_success": "Succès Client",
     "dark_overlay": "Foncée",
+    "dashboard": "Tableau de bord",
+    "dashboards": "Tableaux de bord",
     "date": "Date",
     "days": "jours",
     "default": "Par défaut",
@@ -218,13 +224,16 @@
     "error": "Erreur",
     "error_component_description": "Cette ressource n'existe pas ou vous n'avez pas les droits nécessaires pour y accéder.",
     "error_component_title": "Erreur de chargement des ressources",
+    "error_loading_data": "Erreur lors du chargement des données",
     "error_rate_limit_description": "Nombre maximal de demandes atteint. Veuillez réessayer plus tard.",
     "error_rate_limit_title": "Limite de Taux Dépassée",
     "expand_rows": "Développer les lignes",
     "failed_to_copy_to_clipboard": "Échec de la copie dans le presse-papiers",
     "failed_to_load_organizations": "Échec du chargement des organisations",
     "failed_to_load_workspaces": "Échec du chargement des projets",
+    "filter": "Filtre",
     "finish": "Terminer",
+    "first_name": "Prénom",
     "follow_these": "Suivez ceci",
     "formbricks_version": "Version de Formbricks",
     "full_name": "Nom complet",
@@ -237,6 +246,7 @@
     "hidden_field": "Champ caché",
     "hidden_fields": "Champs cachés",
     "hide_column": "Cacher la colonne",
+    "id": "ID",
     "image": "Image",
     "images": "Images",
     "import": "Importer",
@@ -254,6 +264,7 @@
     "key": "Clé",
     "label": "Étiquette",
     "language": "Langue",
+    "last_name": "Nom de famille",
     "learn_more": "En savoir plus",
     "license_expired": "License Expired",
     "light_overlay": "Claire",
@@ -303,6 +314,7 @@
     "on": "Sur",
     "only_one_file_allowed": "Un seul fichier est autorisé",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Seules les propriétaires, les gestionnaires et les membres ayant accès à la gestion peuvent effectuer cette action.",
+    "open_options": "Ouvrir les options",
     "option_id": "Identifiant de l'option",
     "option_ids": "Identifiants des options",
     "optional": "Facultatif",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Votre enquête serait affichée sur cette URL.",
       "your_survey_would_not_be_shown": "Votre enquête ne serait pas affichée."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "À venir bientôt",
+        "chart_deleted_successfully": "Graphique supprimé avec succès",
+        "chart_deletion_error": "Échec de la suppression du graphique",
+        "chart_duplicated_successfully": "Graphique dupliqué avec succès",
+        "chart_duplication_error": "Échec de la duplication du graphique",
+        "chart_type_area": "Graphique en aires",
+        "chart_type_bar": "Graphique à barres",
+        "chart_type_big_number": "Grand nombre",
+        "chart_type_line": "Graphique linéaire",
+        "chart_type_pie": "Graphique circulaire",
+        "create_chart": "Créer un graphique",
+        "delete_chart_confirmation": "Êtes-vous sûr de vouloir supprimer ce graphique ?",
+        "no_charts_found": "Aucun graphique trouvé.",
+        "open_options": "Ouvrir les options du graphique"
+      },
+      "dashboards": {
+        "create_dashboard": "Créer un tableau de bord",
+        "create_dashboard_description": "Saisissez un nom pour votre nouveau tableau de bord.",
+        "create_failed": "Échec de la création du tableau de bord",
+        "create_success": "Tableau de bord créé avec succès !",
+        "dashboard_name": "Nom du tableau de bord",
+        "dashboard_name_placeholder": "Mon tableau de bord",
+        "delete_confirmation": "Êtes-vous sûr de vouloir supprimer ce tableau de bord ? Cette action est irréversible.",
+        "delete_failed": "Échec de la suppression du tableau de bord",
+        "delete_success": "Tableau de bord supprimé avec succès",
+        "description_optional": "Description (facultatif)",
+        "description_placeholder": "Description du tableau de bord",
+        "duplicate_failed": "Échec de la duplication du tableau de bord",
+        "duplicate_success": "Tableau de bord dupliqué avec succès !",
+        "no_dashboards_found": "Aucun tableau de bord trouvé.",
+        "please_enter_name": "Veuillez saisir un nom de tableau de bord"
+      }
+    },
     "connect": {
       "congrats": "Félicitations !",
       "connection_successful_message": "Bien joué ! Nous sommes connectés.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Actualiser les contacts",
       "contacts_table_refresh_success": "Contacts rafraîchis avec succès",
       "create_attribute": "Créer un attribut",
-      "create_key": "Créer une clé",
       "create_new_attribute": "Créer un nouvel attribut",
       "create_new_attribute_description": "Créez un nouvel attribut à des fins de segmentation.",
       "custom_attributes": "Attributs personnalisés",
@@ -656,6 +703,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 +715,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 +730,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.",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Lien Google Sheet",
         "link_new_sheet": "Lier une nouvelle feuille",
         "no_integrations_yet": "Vos intégrations Google Sheets apparaîtront ici dès que vous les ajouterez. ⏲️",
-        "spreadsheet_url": "URL de la feuille de calcul"
+        "reconnect_button": "Reconnecter",
+        "reconnect_button_description": "Votre connexion Google Sheets a expiré. Veuillez vous reconnecter pour continuer à synchroniser les réponses. Vos liens de feuilles de calcul et données existants seront préservés.",
+        "reconnect_button_tooltip": "Reconnectez l'intégration pour actualiser votre accès. Vos liens de feuilles de calcul et données existants seront préservés.",
+        "spreadsheet_permission_error": "Vous n'avez pas la permission d'accéder à cette feuille de calcul. Veuillez vous assurer que la feuille de calcul est partagée avec votre compte Google et que vous disposez d'un accès en écriture.",
+        "spreadsheet_url": "URL de la feuille de calcul",
+        "token_expired_error": "Le jeton d'actualisation Google Sheets a expiré ou a été révoqué. Veuillez reconnecter l'intégration."
       },
       "include_created_at": "Inclure la date de création",
       "include_hidden_fields": "Inclure les champs cachés",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/hu-HU.json

@@ -133,6 +133,7 @@
     "allow": "Engedélyezés",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Lehetővé tétel a felhasználók számára, hogy a kérdőíven kívülre kattintva kilépjenek",
     "an_unknown_error_occurred_while_deleting_table_items": "{type} típusok törlésekor ismeretlen hiba történt",
+    "analysis": "Elemzés",
     "and": "És",
     "and_response_limit_of": "és kérdéskorlátja ennek:",
     "anonymous": "Névtelen",
@@ -149,6 +150,8 @@
     "bottom_right": "Jobbra lent",
     "cancel": "Mégse",
     "centered_modal": "Középre helyezett kizárólagos",
+    "chart": "Diagram",
+    "charts": "Diagramok",
     "choices": "Választási lehetőségek",
     "choose_environment": "Környezet kiválasztása",
     "choose_organization": "Szervezet kiválasztása",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} attribútum} other {{value} attribútum}}",
     "count_contacts": "{value, plural, one {{value} partner} other {{value} partner}}",
     "count_responses": "{value, plural, one {{value} válasz} other {{value} válasz}}",
+    "create": "Létrehozás",
     "create_new_organization": "Új szervezet létrehozása",
     "create_segment": "Szakasz létrehozása",
     "create_survey": "Kérdőív létrehozása",
@@ -187,6 +191,8 @@
     "created_by": "Létrehozta",
     "customer_success": "Ügyfélsiker",
     "dark_overlay": "Sötét rávetítés",
+    "dashboard": "Vezérlőpult",
+    "dashboards": "Irányítópultok",
     "date": "Dátum",
     "days": "napok",
     "default": "Alapértelmezett",
@@ -218,13 +224,16 @@
     "error": "Hiba",
     "error_component_description": "Ez az erőforrás nem létezik, vagy nem rendelkezik a hozzáféréshez szükséges jogosultságokkal.",
     "error_component_title": "Hiba az erőforrások betöltésekor",
+    "error_loading_data": "Hiba az adatok betöltése során",
     "error_rate_limit_description": "A kérések legnagyobb száma elérve. Próbálja meg később újra.",
     "error_rate_limit_title": "A sebességkorlát elérve",
     "expand_rows": "Sorok kinyitása",
     "failed_to_copy_to_clipboard": "Nem sikerült másolni a vágólapra",
     "failed_to_load_organizations": "Nem sikerült betölteni a szervezeteket",
     "failed_to_load_workspaces": "Nem sikerült a munkaterületek betöltése",
+    "filter": "Szűrő",
     "finish": "Befejezés",
+    "first_name": "Keresztnév",
     "follow_these": "Ezek követése",
     "formbricks_version": "Formbricks verziója",
     "full_name": "Teljes név",
@@ -237,6 +246,7 @@
     "hidden_field": "Rejtett mező",
     "hidden_fields": "Rejtett mezők",
     "hide_column": "Oszlop elrejtése",
+    "id": "ID",
     "image": "Kép",
     "images": "Képek",
     "import": "Importálás",
@@ -254,6 +264,7 @@
     "key": "Kulcs",
     "label": "Címke",
     "language": "Nyelv",
+    "last_name": "Vezetéknév",
     "learn_more": "Tudjon meg többet",
     "license_expired": "A licenc lejárt",
     "light_overlay": "Világos rávetítés",
@@ -303,6 +314,7 @@
     "on": "Be",
     "only_one_file_allowed": "Csak egy fájl engedélyezett",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Csak tulajdonosok és kezelők hajthatják végre ezt a műveletet.",
+    "open_options": "Beállítások megnyitása",
     "option_id": "Választásazonosító",
     "option_ids": "Választásazonosítók",
     "optional": "Elhagyható",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "A kérdőív ezen az URL-en jelenne meg.",
       "your_survey_would_not_be_shown": "A kérdőív nem jelenne meg."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Hamarosan",
+        "chart_deleted_successfully": "A diagram sikeresen törölve",
+        "chart_deletion_error": "A diagram törlése sikertelen",
+        "chart_duplicated_successfully": "A diagram sikeresen duplikálva",
+        "chart_duplication_error": "A diagram duplikálása sikertelen",
+        "chart_type_area": "Területdiagram",
+        "chart_type_bar": "Oszlopdiagram",
+        "chart_type_big_number": "Nagy szám",
+        "chart_type_line": "Vonaldiagram",
+        "chart_type_pie": "Kördiagram",
+        "create_chart": "Diagram létrehozása",
+        "delete_chart_confirmation": "Biztosan törölni szeretnéd ezt a diagramot?",
+        "no_charts_found": "Nem található diagram.",
+        "open_options": "Diagram beállításainak megnyitása"
+      },
+      "dashboards": {
+        "create_dashboard": "Vezérlőpult létrehozása",
+        "create_dashboard_description": "Adjon nevet az új vezérlőpultnak.",
+        "create_failed": "A vezérlőpult létrehozása sikertelen",
+        "create_success": "A vezérlőpult sikeresen létrehozva!",
+        "dashboard_name": "Vezérlőpult neve",
+        "dashboard_name_placeholder": "Saját vezérlőpult",
+        "delete_confirmation": "Biztosan törölni szeretné ezt a vezérlőpultot? Ez a művelet nem vonható vissza.",
+        "delete_failed": "A vezérlőpult törlése sikertelen",
+        "delete_success": "A vezérlőpult sikeresen törölve",
+        "description_optional": "Leírás (opcionális)",
+        "description_placeholder": "Vezérlőpult leírása",
+        "duplicate_failed": "A vezérlőpult másolása sikertelen",
+        "duplicate_success": "A vezérlőpult sikeresen lemásolva!",
+        "no_dashboards_found": "Nem található vezérlőpult.",
+        "please_enter_name": "Kérjük, adjon nevet a vezérlőpultnak"
+      }
+    },
     "connect": {
       "congrats": "Gratulálunk!",
       "connection_successful_message": "Szép munka! Kapcsolódtunk.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Partnerek frissítése",
       "contacts_table_refresh_success": "A partnerek sikeresen frissítve",
       "create_attribute": "Attribútum létrehozása",
-      "create_key": "Kulcs létrehozása",
       "create_new_attribute": "Új attribútum létrehozása",
       "create_new_attribute_description": "Új attribútum létrehozása szakaszolási célokhoz.",
       "custom_attributes": "Egyéni attribútumok",
@@ -656,6 +703,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 +715,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 +730,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",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Google Táblázatok összekapcsolása",
         "link_new_sheet": "Új táblázat összekapcsolása",
         "no_integrations_yet": "A Google Táblázatok integrációi itt fognak megjelenni, amint hozzáadja azokat. ⏲️",
-        "spreadsheet_url": "Táblázat URL-e"
+        "reconnect_button": "Újrakapcsolódás",
+        "reconnect_button_description": "A Google Táblázatok kapcsolata lejárt. Kérjük, csatlakozzon újra a válaszok szinkronizálásának folytatásához. A meglévő táblázathivatkozások és adatok megmaradnak.",
+        "reconnect_button_tooltip": "Csatlakoztassa újra az integrációt a hozzáférés frissítéséhez. A meglévő táblázathivatkozások és adatok megmaradnak.",
+        "spreadsheet_permission_error": "Nincs jogosultsága a táblázat eléréséhez. Kérjük, győződjön meg arról, hogy a táblázat meg van osztva a Google-fiókjával, és írási jogosultsággal rendelkezik a táblázathoz.",
+        "spreadsheet_url": "Táblázat URL-e",
+        "token_expired_error": "A Google Táblázatok frissítési tokenje lejárt vagy visszavonásra került. Kérjük, csatlakoztassa újra az integrációt."
       },
       "include_created_at": "Létrehozva felvétele",
       "include_hidden_fields": "Rejtett mezők felvétele",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/ja-JP.json

@@ -133,6 +133,7 @@
     "allow": "許可",
     "allow_users_to_exit_by_clicking_outside_the_survey": "フォームの外側をクリックしてユーザーが終了できるようにする",
     "an_unknown_error_occurred_while_deleting_table_items": "{type}の削除中に不明なエラーが発生しました",
+    "analysis": "分析",
     "and": "および",
     "and_response_limit_of": "と回答数の上限",
     "anonymous": "匿名",
@@ -149,6 +150,8 @@
     "bottom_right": "右下",
     "cancel": "キャンセル",
     "centered_modal": "中央モーダル",
+    "chart": "チャート",
+    "charts": "チャート",
     "choices": "選択肢",
     "choose_environment": "環境を選択",
     "choose_organization": "組織を選択",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, other {{value}個の属性}}",
     "count_contacts": "{count, plural, other {# 件の連絡先}}",
     "count_responses": "{count, plural, other {# 件の回答}}",
+    "create": "作成",
     "create_new_organization": "新しい組織を作成",
     "create_segment": "セグメントを作成",
     "create_survey": "フォームを作成",
@@ -187,6 +191,8 @@
     "created_by": "作成者",
     "customer_success": "カスタマーサクセス",
     "dark_overlay": "暗いオーバーレイ",
+    "dashboard": "ダッシュボード",
+    "dashboards": "ダッシュボード",
     "date": "日付",
     "days": "日",
     "default": "デフォルト",
@@ -218,13 +224,16 @@
     "error": "エラー",
     "error_component_description": "この リソース は 存在 しない か、アクセス する ための 必要な 権限 が ありません。",
     "error_component_title": "リソース の 読み込み エラー",
+    "error_loading_data": "データの読み込みエラー",
     "error_rate_limit_description": "リクエストの最大数に達しました。後でもう一度試してください。",
     "error_rate_limit_title": "レート制限を超えました",
     "expand_rows": "行を展開",
     "failed_to_copy_to_clipboard": "クリップボードへのコピーに失敗しました",
     "failed_to_load_organizations": "組織の読み込みに失敗しました",
     "failed_to_load_workspaces": "ワークスペースの読み込みに失敗しました",
+    "filter": "フィルター",
     "finish": "完了",
+    "first_name": "名",
     "follow_these": "こちらの手順に従って",
     "formbricks_version": "Formbricksバージョン",
     "full_name": "氏名",
@@ -237,6 +246,7 @@
     "hidden_field": "非表示フィールド",
     "hidden_fields": "非表示フィールド",
     "hide_column": "列を非表示",
+    "id": "ID",
     "image": "画像",
     "images": "画像",
     "import": "インポート",
@@ -254,6 +264,7 @@
     "key": "キー",
     "label": "ラベル",
     "language": "言語",
+    "last_name": "姓",
     "learn_more": "詳細を見る",
     "license_expired": "License Expired",
     "light_overlay": "明るいオーバーレイ",
@@ -303,6 +314,7 @@
     "on": "オン",
     "only_one_file_allowed": "ファイルは1つのみ許可されています",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "このアクションを実行できるのは、オーナーと管理者のみです。",
+    "open_options": "オプションを開く",
     "option_id": "オプションID",
     "option_ids": "オプションID",
     "optional": "任意",
@@ -428,6 +440,7 @@
     "top_right": "右上",
     "try_again": "もう一度お試しください",
     "type": "種類",
+    "unknown_survey": "不明なフォーム",
     "unlock_more_workspaces_with_a_higher_plan": "上位プランでより多くのワークスペースを利用できます。",
     "update": "更新",
     "updated": "更新済み",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "あなたのフォームはこのURLに表示されます。",
       "your_survey_would_not_be_shown": "あなたのフォームは表示されません。"
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "近日公開",
+        "chart_deleted_successfully": "チャートを削除しました",
+        "chart_deletion_error": "チャートの削除に失敗しました",
+        "chart_duplicated_successfully": "チャートを複製しました",
+        "chart_duplication_error": "チャートの複製に失敗しました",
+        "chart_type_area": "エリアチャート",
+        "chart_type_bar": "棒グラフ",
+        "chart_type_big_number": "大きな数値",
+        "chart_type_line": "折れ線グラフ",
+        "chart_type_pie": "円グラフ",
+        "create_chart": "チャートを作成",
+        "delete_chart_confirmation": "このチャートを削除してもよろしいですか？",
+        "no_charts_found": "チャートが見つかりません。",
+        "open_options": "チャートオプションを開く"
+      },
+      "dashboards": {
+        "create_dashboard": "ダッシュボードを作成",
+        "create_dashboard_description": "新しいダッシュボードの名前を入力してください。",
+        "create_failed": "ダッシュボードの作成に失敗しました",
+        "create_success": "ダッシュボードを正常に作成しました！",
+        "dashboard_name": "ダッシュボード名",
+        "dashboard_name_placeholder": "マイダッシュボード",
+        "delete_confirmation": "このダッシュボードを削除してもよろしいですか？この操作は元に戻せません。",
+        "delete_failed": "ダッシュボードの削除に失敗しました",
+        "delete_success": "ダッシュボードを正常に削除しました",
+        "description_optional": "説明（任意）",
+        "description_placeholder": "ダッシュボードの説明",
+        "duplicate_failed": "ダッシュボードの複製に失敗しました",
+        "duplicate_success": "ダッシュボードを正常に複製しました！",
+        "no_dashboards_found": "ダッシュボードが見つかりません。",
+        "please_enter_name": "ダッシュボード名を入力してください"
+      }
+    },
     "connect": {
       "congrats": "おめでとうございます！",
       "connection_successful_message": "うまくいきました！接続されました。",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "連絡先を更新",
       "contacts_table_refresh_success": "連絡先を正常に更新しました",
       "create_attribute": "属性を作成",
-      "create_key": "キーを作成",
       "create_new_attribute": "新しい属性を作成",
       "create_new_attribute_description": "セグメンテーション用の新しい属性を作成します。",
       "custom_attributes": "カスタム属性",
@@ -656,6 +703,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 +715,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 +730,8 @@
       "select_a_survey": "フォームを選択",
       "select_attribute": "属性を選択",
       "select_attribute_key": "属性キーを選択",
+      "survey_viewed": "フォームを閲覧",
+      "survey_viewed_at": "閲覧日時",
       "system_attributes": "システム属性",
       "unlock_contacts_description": "連絡先を管理し、特定のフォームを送信します",
       "unlock_contacts_title": "上位プランで連絡先をアンロック",
@@ -752,7 +803,12 @@
         "link_google_sheet": "スプレッドシートをリンク",
         "link_new_sheet": "新しいシートをリンク",
         "no_integrations_yet": "Google スプレッドシート連携は、追加するとここに表示されます。⏲️",
-        "spreadsheet_url": "スプレッドシートURL"
+        "reconnect_button": "再接続",
+        "reconnect_button_description": "Google Sheetsの接続が期限切れになりました。回答の同期を続けるには再接続してください。既存のスプレッドシートリンクとデータは保持されます。",
+        "reconnect_button_tooltip": "統合を再接続してアクセスを更新します。既存のスプレッドシートリンクとデータは保持されます。",
+        "spreadsheet_permission_error": "このスプレッドシートにアクセスする権限がありません。スプレッドシートがGoogleアカウントと共有されており、書き込みアクセス権があることを確認してください。",
+        "spreadsheet_url": "スプレッドシートURL",
+        "token_expired_error": "Google Sheetsのリフレッシュトークンが期限切れになったか、取り消されました。統合を再接続してください。"
       },
       "include_created_at": "作成日時を含める",
       "include_hidden_fields": "非表示フィールドを含める",
@@ -1947,6 +2003,7 @@
         "filtered_responses_excel": "フィルター済み回答 (Excel)",
         "generating_qr_code": "QRコードを生成中",
         "impressions": "表示回数",
+        "impressions_identified_only": "識別済みコンタクトからのインプレッションのみを表示しています",
         "impressions_tooltip": "フォームが表示された回数。",
         "in_app": {
           "connection_description": "このフォームは、以下の条件に一致するあなたのウェブサイトのユーザーに表示されます",
@@ -1989,6 +2046,7 @@
         "last_quarter": "前四半期",
         "last_year": "昨年",
         "limit": "制限",
+        "no_identified_impressions": "識別済みコンタクトからのインプレッションはありません",
         "no_responses_found": "回答が見つかりません",
         "other_values_found": "他の値が見つかりました",
         "overall": "全体",

apps/web/locales/nl-NL.json

@@ -133,6 +133,7 @@
     "allow": "Toestaan",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Laat gebruikers afsluiten door buiten de enquête te klikken",
     "an_unknown_error_occurred_while_deleting_table_items": "Er is een onbekende fout opgetreden bij het verwijderen van {type}s",
+    "analysis": "Analyse",
     "and": "En",
     "and_response_limit_of": "en responslimiet van",
     "anonymous": "Anoniem",
@@ -149,6 +150,8 @@
     "bottom_right": "Rechtsonder",
     "cancel": "Annuleren",
     "centered_modal": "Gecentreerd modaal",
+    "chart": "Grafiek",
+    "charts": "Grafieken",
     "choices": "Keuzes",
     "choose_environment": "Kies omgeving",
     "choose_organization": "Kies organisatie",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} attribuut} other {{value} attributen}}",
     "count_contacts": "{value, plural, one {{value} contact} other {{value} contacten}}",
     "count_responses": "{value, plural, one {{value} reactie} other {{value} reacties}}",
+    "create": "Creëren",
     "create_new_organization": "Creëer een nieuwe organisatie",
     "create_segment": "Segment maken",
     "create_survey": "Enquête maken",
@@ -187,6 +191,8 @@
     "created_by": "Gemaakt door",
     "customer_success": "Klant succes",
     "dark_overlay": "Donkere overlay",
+    "dashboard": "Dashboard",
+    "dashboards": "Dashboards",
     "date": "Datum",
     "days": "dagen",
     "default": "Standaard",
@@ -218,13 +224,16 @@
     "error": "Fout",
     "error_component_description": "Deze bron bestaat niet of u beschikt niet over de benodigde toegangsrechten.",
     "error_component_title": "Fout bij het laden van bronnen",
+    "error_loading_data": "Fout bij het laden van gegevens",
     "error_rate_limit_description": "Maximaal aantal verzoeken bereikt. Probeer het later opnieuw.",
     "error_rate_limit_title": "Tarieflimiet overschreden",
     "expand_rows": "Vouw rijen uit",
     "failed_to_copy_to_clipboard": "Kopiëren naar klembord mislukt",
     "failed_to_load_organizations": "Laden van organisaties mislukt",
     "failed_to_load_workspaces": "Laden van werkruimtes mislukt",
+    "filter": "Filter",
     "finish": "Finish",
+    "first_name": "Voornaam",
     "follow_these": "Volg deze",
     "formbricks_version": "Formbricks-versie",
     "full_name": "Volledige naam",
@@ -237,6 +246,7 @@
     "hidden_field": "Verborgen veld",
     "hidden_fields": "Verborgen velden",
     "hide_column": "Kolom verbergen",
+    "id": "ID",
     "image": "Afbeelding",
     "images": "Afbeeldingen",
     "import": "Importeren",
@@ -254,6 +264,7 @@
     "key": "Sleutel",
     "label": "Label",
     "language": "Taal",
+    "last_name": "Achternaam",
     "learn_more": "Meer informatie",
     "license_expired": "License Expired",
     "light_overlay": "Lichte overlay",
@@ -303,6 +314,7 @@
     "on": "Op",
     "only_one_file_allowed": "Er is slechts één bestand toegestaan",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Alleen eigenaren en beheerders kunnen deze actie uitvoeren.",
+    "open_options": "Opties openen",
     "option_id": "Optie-ID",
     "option_ids": "Optie-ID's",
     "optional": "Optioneel",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Uw enquête wordt op deze URL weergegeven.",
       "your_survey_would_not_be_shown": "Uw enquête wordt niet getoond."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Binnenkort beschikbaar",
+        "chart_deleted_successfully": "Grafiek succesvol verwijderd",
+        "chart_deletion_error": "Verwijderen van grafiek mislukt",
+        "chart_duplicated_successfully": "Grafiek succesvol gedupliceerd",
+        "chart_duplication_error": "Dupliceren van grafiek mislukt",
+        "chart_type_area": "Vlakdiagram",
+        "chart_type_bar": "Staafdiagram",
+        "chart_type_big_number": "Groot getal",
+        "chart_type_line": "Lijndiagram",
+        "chart_type_pie": "Cirkeldiagram",
+        "create_chart": "Diagram maken",
+        "delete_chart_confirmation": "Weet je zeker dat je deze grafiek wilt verwijderen?",
+        "no_charts_found": "Geen diagrammen gevonden.",
+        "open_options": "Open diagramopties"
+      },
+      "dashboards": {
+        "create_dashboard": "Dashboard creëren",
+        "create_dashboard_description": "Voer een naam in voor je nieuwe dashboard.",
+        "create_failed": "Dashboard creëren mislukt",
+        "create_success": "Dashboard succesvol aangemaakt!",
+        "dashboard_name": "Dashboardnaam",
+        "dashboard_name_placeholder": "Mijn dashboard",
+        "delete_confirmation": "Weet je zeker dat je dit dashboard wilt verwijderen? Deze actie kan niet ongedaan worden gemaakt.",
+        "delete_failed": "Dashboard verwijderen mislukt",
+        "delete_success": "Dashboard succesvol verwijderd",
+        "description_optional": "Beschrijving (optioneel)",
+        "description_placeholder": "Dashboardbeschrijving",
+        "duplicate_failed": "Dashboard dupliceren mislukt",
+        "duplicate_success": "Dashboard succesvol gedupliceerd!",
+        "no_dashboards_found": "Geen dashboards gevonden.",
+        "please_enter_name": "Voer een dashboardnaam in"
+      }
+    },
     "connect": {
       "congrats": "Gefeliciteerd!",
       "connection_successful_message": "Goed gedaan! We zijn verbonden.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Vernieuw contacten",
       "contacts_table_refresh_success": "Contacten zijn vernieuwd",
       "create_attribute": "Attribuut aanmaken",
-      "create_key": "Sleutel aanmaken",
       "create_new_attribute": "Nieuw attribuut aanmaken",
       "create_new_attribute_description": "Maak een nieuw attribuut aan voor segmentatiedoeleinden.",
       "custom_attributes": "Aangepaste kenmerken",
@@ -656,6 +703,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 +715,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 +730,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",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Link Google Spreadsheet",
         "link_new_sheet": "Nieuw blad koppelen",
         "no_integrations_yet": "Uw Google Spreadsheet-integraties verschijnen hier zodra u ze toevoegt. ⏲️",
-        "spreadsheet_url": "Spreadsheet-URL"
+        "reconnect_button": "Maak opnieuw verbinding",
+        "reconnect_button_description": "Je Google Sheets-verbinding is verlopen. Maak opnieuw verbinding om door te gaan met het synchroniseren van antwoorden. Je bestaande spreadsheetlinks en gegevens blijven behouden.",
+        "reconnect_button_tooltip": "Maak opnieuw verbinding met de integratie om je toegang te vernieuwen. Je bestaande spreadsheetlinks en gegevens blijven behouden.",
+        "spreadsheet_permission_error": "Je hebt geen toestemming om deze spreadsheet te openen. Zorg ervoor dat de spreadsheet is gedeeld met je Google-account en dat je schrijftoegang hebt tot de spreadsheet.",
+        "spreadsheet_url": "Spreadsheet-URL",
+        "token_expired_error": "Het vernieuwingstoken van Google Sheets is verlopen of ingetrokken. Maak opnieuw verbinding met de integratie."
       },
       "include_created_at": "Inclusief gemaakt op",
       "include_hidden_fields": "Inclusief verborgen velden",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/pt-BR.json

@@ -133,6 +133,7 @@
     "allow": "permitir",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Permitir que os usuários saiam clicando fora da pesquisa",
     "an_unknown_error_occurred_while_deleting_table_items": "Ocorreu um erro desconhecido ao deletar {type}s",
+    "analysis": "Análise",
     "and": "E",
     "and_response_limit_of": "e limite de resposta de",
     "anonymous": "Anônimo",
@@ -149,6 +150,8 @@
     "bottom_right": "Canto Inferior Direito",
     "cancel": "Cancelar",
     "centered_modal": "Modal Centralizado",
+    "chart": "Gráfico",
+    "charts": "Gráficos",
     "choices": "Escolhas",
     "choose_environment": "Escolher ambiente",
     "choose_organization": "Escolher organização",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} atributo} other {{value} atributos}}",
     "count_contacts": "{value, plural, one {# contato} other {# contatos} }",
     "count_responses": "{value, plural, other {# respostas}}",
+    "create": "Criar",
     "create_new_organization": "Criar nova organização",
     "create_segment": "Criar segmento",
     "create_survey": "Criar pesquisa",
@@ -187,6 +191,8 @@
     "created_by": "Criado por",
     "customer_success": "Sucesso do Cliente",
     "dark_overlay": "sobreposição escura",
+    "dashboard": "Painel",
+    "dashboards": "Painéis",
     "date": "Encontro",
     "days": "dias",
     "default": "Padrão",
@@ -218,13 +224,16 @@
     "error": "Erro",
     "error_component_description": "Esse recurso não existe ou você não tem permissão para acessá-lo.",
     "error_component_title": "Erro ao carregar recursos",
+    "error_loading_data": "Erro ao carregar dados",
     "error_rate_limit_description": "Número máximo de requisições atingido. Por favor, tente novamente mais tarde.",
     "error_rate_limit_title": "Limite de Taxa Excedido",
     "expand_rows": "Expandir linhas",
     "failed_to_copy_to_clipboard": "Falha ao copiar para a área de transferência",
     "failed_to_load_organizations": "Falha ao carregar organizações",
     "failed_to_load_workspaces": "Falha ao carregar projetos",
+    "filter": "Filtro",
     "finish": "Terminar",
+    "first_name": "Primeiro nome",
     "follow_these": "Siga esses",
     "formbricks_version": "Versão do Formbricks",
     "full_name": "Nome completo",
@@ -237,6 +246,7 @@
     "hidden_field": "Campo oculto",
     "hidden_fields": "Campos ocultos",
     "hide_column": "Ocultar coluna",
+    "id": "ID",
     "image": "imagem",
     "images": "Imagens",
     "import": "importar",
@@ -254,6 +264,7 @@
     "key": "Chave",
     "label": "Etiqueta",
     "language": "Língua",
+    "last_name": "Sobrenome",
     "learn_more": "Saiba mais",
     "license_expired": "License Expired",
     "light_overlay": "sobreposição leve",
@@ -303,6 +314,7 @@
     "on": "ligado",
     "only_one_file_allowed": "É permitido apenas um arquivo",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Apenas proprietários, gerentes e membros com acesso de gerenciamento podem realizar essa ação.",
+    "open_options": "Abrir opções",
     "option_id": "ID da opção",
     "option_ids": "IDs da Opção",
     "optional": "Opcional",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Sua pesquisa seria exibida neste URL.",
       "your_survey_would_not_be_shown": "Sua pesquisa não seria exibida."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Em breve",
+        "chart_deleted_successfully": "Gráfico excluído com sucesso",
+        "chart_deletion_error": "Falha ao excluir gráfico",
+        "chart_duplicated_successfully": "Gráfico duplicado com sucesso",
+        "chart_duplication_error": "Falha ao duplicar gráfico",
+        "chart_type_area": "Gráfico de área",
+        "chart_type_bar": "Gráfico de barras",
+        "chart_type_big_number": "Número grande",
+        "chart_type_line": "Gráfico de linhas",
+        "chart_type_pie": "Gráfico de pizza",
+        "create_chart": "Criar gráfico",
+        "delete_chart_confirmation": "Tem certeza de que deseja excluir este gráfico?",
+        "no_charts_found": "Nenhum gráfico encontrado.",
+        "open_options": "Abrir opções do gráfico"
+      },
+      "dashboards": {
+        "create_dashboard": "Criar painel",
+        "create_dashboard_description": "Digite um nome para o seu novo painel.",
+        "create_failed": "Falha ao criar painel",
+        "create_success": "Painel criado com sucesso!",
+        "dashboard_name": "Nome do painel",
+        "dashboard_name_placeholder": "Meu painel",
+        "delete_confirmation": "Tem certeza de que deseja excluir este painel? Esta ação não pode ser desfeita.",
+        "delete_failed": "Falha ao excluir painel",
+        "delete_success": "Painel excluído com sucesso",
+        "description_optional": "Descrição (opcional)",
+        "description_placeholder": "Descrição do painel",
+        "duplicate_failed": "Falha ao duplicar painel",
+        "duplicate_success": "Painel duplicado com sucesso!",
+        "no_dashboards_found": "Nenhum painel encontrado.",
+        "please_enter_name": "Por favor, digite um nome para o painel"
+      }
+    },
     "connect": {
       "congrats": "Parabéns!",
       "connection_successful_message": "Mandou bem! Estamos conectados.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Atualizar contatos",
       "contacts_table_refresh_success": "Contatos atualizados com sucesso",
       "create_attribute": "Criar atributo",
-      "create_key": "Criar chave",
       "create_new_attribute": "Criar novo atributo",
       "create_new_attribute_description": "Crie um novo atributo para fins de segmentação.",
       "custom_attributes": "Atributos personalizados",
@@ -656,6 +703,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 +715,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 +730,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",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Link da Planilha do Google",
         "link_new_sheet": "Vincular nova planilha",
         "no_integrations_yet": "Suas integrações do Google Sheets vão aparecer aqui assim que você adicioná-las. ⏲️",
-        "spreadsheet_url": "URL da planilha"
+        "reconnect_button": "Reconectar",
+        "reconnect_button_description": "Sua conexão com o Google Sheets expirou. Reconecte para continuar sincronizando respostas. Seus links de planilhas e dados existentes serão preservados.",
+        "reconnect_button_tooltip": "Reconecte a integração para atualizar seu acesso. Seus links de planilhas e dados existentes serão preservados.",
+        "spreadsheet_permission_error": "Você não tem permissão para acessar esta planilha. Certifique-se de que a planilha está compartilhada com sua conta do Google e que você tem acesso de escrita à planilha.",
+        "spreadsheet_url": "URL da planilha",
+        "token_expired_error": "O token de atualização do Google Sheets expirou ou foi revogado. Reconecte a integração."
       },
       "include_created_at": "Incluir Data de Criação",
       "include_hidden_fields": "Incluir Campos Ocultos",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/pt-PT.json

@@ -133,6 +133,7 @@
     "allow": "Permitir",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Permitir que os utilizadores saiam se clicarem 'sair do questionário'",
     "an_unknown_error_occurred_while_deleting_table_items": "Ocorreu um erro desconhecido ao eliminar {type}s",
+    "analysis": "Análise",
     "and": "E",
     "and_response_limit_of": "e limite de resposta de",
     "anonymous": "Anónimo",
@@ -149,6 +150,8 @@
     "bottom_right": "Inferior Direito",
     "cancel": "Cancelar",
     "centered_modal": "Modal Centralizado",
+    "chart": "Gráfico",
+    "charts": "Gráficos",
     "choices": "Escolhas",
     "choose_environment": "Escolha o ambiente",
     "choose_organization": "Escolher organização",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} atributo} other {{value} atributos}}",
     "count_contacts": "{value, plural, one {# contacto} other {# contactos} }",
     "count_responses": "{value, plural, other {# respostas}}",
+    "create": "Criar",
     "create_new_organization": "Criar nova organização",
     "create_segment": "Criar segmento",
     "create_survey": "Criar inquérito",
@@ -187,6 +191,8 @@
     "created_by": "Criado por",
     "customer_success": "Sucesso do Cliente",
     "dark_overlay": "Sobreposição escura",
+    "dashboard": "Painel",
+    "dashboards": "Dashboards",
     "date": "Data",
     "days": "dias",
     "default": "Padrão",
@@ -218,13 +224,16 @@
     "error": "Erro",
     "error_component_description": "Este recurso não existe ou não tem os direitos necessários para aceder a ele.",
     "error_component_title": "Erro ao carregar recursos",
+    "error_loading_data": "Erro ao carregar dados",
     "error_rate_limit_description": "Número máximo de pedidos alcançado. Por favor, tente novamente mais tarde.",
     "error_rate_limit_title": "Limite de Taxa Excedido",
     "expand_rows": "Expandir linhas",
     "failed_to_copy_to_clipboard": "Falha ao copiar para a área de transferência",
     "failed_to_load_organizations": "Falha ao carregar organizações",
     "failed_to_load_workspaces": "Falha ao carregar projetos",
+    "filter": "Filtro",
     "finish": "Concluir",
+    "first_name": "Primeiro nome",
     "follow_these": "Siga estes",
     "formbricks_version": "Versão do Formbricks",
     "full_name": "Nome completo",
@@ -237,6 +246,7 @@
     "hidden_field": "Campo oculto",
     "hidden_fields": "Campos ocultos",
     "hide_column": "Ocultar coluna",
+    "id": "ID",
     "image": "Imagem",
     "images": "Imagens",
     "import": "Importar",
@@ -254,6 +264,7 @@
     "key": "Chave",
     "label": "Etiqueta",
     "language": "Idioma",
+    "last_name": "Apelido",
     "learn_more": "Saiba mais",
     "license_expired": "License Expired",
     "light_overlay": "Sobreposição leve",
@@ -303,6 +314,7 @@
     "on": "Ligado",
     "only_one_file_allowed": "Apenas um ficheiro é permitido",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Apenas proprietários e gestores podem realizar esta ação.",
+    "open_options": "Abrir opções",
     "option_id": "ID de Opção",
     "option_ids": "IDs de Opção",
     "optional": "Opcional",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "O seu inquérito seria mostrado neste URL.",
       "your_survey_would_not_be_shown": "O seu inquérito não seria mostrado."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Em breve",
+        "chart_deleted_successfully": "Gráfico eliminado com sucesso",
+        "chart_deletion_error": "Falha ao eliminar gráfico",
+        "chart_duplicated_successfully": "Gráfico duplicado com sucesso",
+        "chart_duplication_error": "Falha ao duplicar gráfico",
+        "chart_type_area": "Gráfico de área",
+        "chart_type_bar": "Gráfico de barras",
+        "chart_type_big_number": "Número grande",
+        "chart_type_line": "Gráfico de linhas",
+        "chart_type_pie": "Gráfico circular",
+        "create_chart": "Criar gráfico",
+        "delete_chart_confirmation": "Tens a certeza de que queres eliminar este gráfico?",
+        "no_charts_found": "Nenhum gráfico encontrado.",
+        "open_options": "Abrir opções do gráfico"
+      },
+      "dashboards": {
+        "create_dashboard": "Criar painel",
+        "create_dashboard_description": "Introduza um nome para o seu novo painel.",
+        "create_failed": "Falha ao criar painel",
+        "create_success": "Painel criado com sucesso!",
+        "dashboard_name": "Nome do painel",
+        "dashboard_name_placeholder": "O meu painel",
+        "delete_confirmation": "Tem a certeza de que pretende eliminar este painel? Esta ação não pode ser revertida.",
+        "delete_failed": "Falha ao eliminar painel",
+        "delete_success": "Painel eliminado com sucesso",
+        "description_optional": "Descrição (opcional)",
+        "description_placeholder": "Descrição do painel",
+        "duplicate_failed": "Falha ao duplicar painel",
+        "duplicate_success": "Painel duplicado com sucesso!",
+        "no_dashboards_found": "Nenhum painel encontrado.",
+        "please_enter_name": "Por favor, introduza um nome para o painel"
+      }
+    },
     "connect": {
       "congrats": "Parabéns!",
       "connection_successful_message": "Muito bem! Estamos ligados.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Atualizar contactos",
       "contacts_table_refresh_success": "Contactos atualizados com sucesso",
       "create_attribute": "Criar atributo",
-      "create_key": "Criar chave",
       "create_new_attribute": "Criar novo atributo",
       "create_new_attribute_description": "Crie um novo atributo para fins de segmentação.",
       "custom_attributes": "Atributos personalizados",
@@ -656,6 +703,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 +715,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 +730,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",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Ligar Folha do Google",
         "link_new_sheet": "Ligar nova Folha",
         "no_integrations_yet": "As suas integrações com o Google Sheets aparecerão aqui assim que as adicionar. ⏲️",
-        "spreadsheet_url": "URL da folha de cálculo"
+        "reconnect_button": "Reconectar",
+        "reconnect_button_description": "A tua ligação ao Google Sheets expirou. Por favor, reconecta para continuar a sincronizar respostas. As tuas ligações de folhas de cálculo e dados existentes serão preservados.",
+        "reconnect_button_tooltip": "Reconecta a integração para atualizar o teu acesso. As tuas ligações de folhas de cálculo e dados existentes serão preservados.",
+        "spreadsheet_permission_error": "Não tens permissão para aceder a esta folha de cálculo. Por favor, certifica-te de que a folha de cálculo está partilhada com a tua conta Google e que tens acesso de escrita à folha de cálculo.",
+        "spreadsheet_url": "URL da folha de cálculo",
+        "token_expired_error": "O token de atualização do Google Sheets expirou ou foi revogado. Por favor, reconecta a integração."
       },
       "include_created_at": "Incluir Criado Em",
       "include_hidden_fields": "Incluir Campos Ocultos",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/ro-RO.json

@@ -133,6 +133,7 @@
     "allow": "Permite",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Permite utilizatorilor să iasă făcând clic în afara sondajului",
     "an_unknown_error_occurred_while_deleting_table_items": "A apărut o eroare necunoscută la ștergerea elementelor de tipul {type}",
+    "analysis": "Analiză",
     "and": "Și",
     "and_response_limit_of": "și limită răspuns",
     "anonymous": "Anonim",
@@ -149,6 +150,8 @@
     "bottom_right": "Dreapta Jos",
     "cancel": "Anulare",
     "centered_modal": "Modală centralizată",
+    "chart": "Grafic",
+    "charts": "Grafice",
     "choices": "Alegeri",
     "choose_environment": "Alege mediul",
     "choose_organization": "Alege organizația",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} atribut} few {{value} atribute} other {{value} de atribute}}",
     "count_contacts": "{value, plural, one {# contact} other {# contacte} }",
     "count_responses": "{value, plural, one {# răspuns} other {# răspunsuri} }",
+    "create": "Creează",
     "create_new_organization": "Creează organizație nouă",
     "create_segment": "Creați segment",
     "create_survey": "Creează sondaj",
@@ -187,6 +191,8 @@
     "created_by": "Creat de",
     "customer_success": "Succesul Clientului",
     "dark_overlay": "Suprapunere întunecată",
+    "dashboard": "Tablou de bord",
+    "dashboards": "Tablouri de bord",
     "date": "Dată",
     "days": "zile",
     "default": "Implicit",
@@ -218,13 +224,16 @@
     "error": "Eroare",
     "error_component_description": "Această resursă nu există sau nu aveți drepturile necesare pentru a o accesa.",
     "error_component_title": "Eroare la încărcarea resurselor",
+    "error_loading_data": "Eroare la încărcarea datelor",
     "error_rate_limit_description": "Numărul maxim de cereri atins. Vă rugăm să încercați din nou mai târziu.",
     "error_rate_limit_title": "Limită de cereri depășită",
     "expand_rows": "Extinde rândurile",
     "failed_to_copy_to_clipboard": "Nu s-a reușit copierea în clipboard",
     "failed_to_load_organizations": "Nu s-a reușit încărcarea organizațiilor",
     "failed_to_load_workspaces": "Nu s-au putut încărca workspaces",
+    "filter": "Filtru",
     "finish": "Finalizează",
+    "first_name": "Prenume",
     "follow_these": "Urmați acestea",
     "formbricks_version": "Versiunea Formbricks",
     "full_name": "Nume complet",
@@ -237,6 +246,7 @@
     "hidden_field": "Câmp ascuns",
     "hidden_fields": "Câmpuri ascunse",
     "hide_column": "Ascunde coloana",
+    "id": "ID",
     "image": "Imagine",
     "images": "Imagini",
     "import": "Import",
@@ -254,6 +264,7 @@
     "key": "Cheie",
     "label": "Etichetă",
     "language": "Limba",
+    "last_name": "Nume de familie",
     "learn_more": "Află mai multe",
     "license_expired": "License Expired",
     "light_overlay": "Suprapunere ușoară",
@@ -303,6 +314,7 @@
     "on": "Pe",
     "only_one_file_allowed": "Este permis doar un fișier",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Doar proprietarii și managerii pot efectua această acțiune.",
+    "open_options": "Deschide opțiunile",
     "option_id": "ID opțiune",
     "option_ids": "ID-uri opțiuni",
     "optional": "Opțional",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Sondajul dumneavoastră ar fi afișat pe acest URL.",
       "your_survey_would_not_be_shown": "Sondajul dumneavoastră nu va fi afișat."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "În curând",
+        "chart_deleted_successfully": "Graficul a fost șters cu succes",
+        "chart_deletion_error": "Nu s-a putut șterge graficul",
+        "chart_duplicated_successfully": "Graficul a fost duplicat cu succes",
+        "chart_duplication_error": "Nu s-a putut duplica graficul",
+        "chart_type_area": "Grafic de tip arie",
+        "chart_type_bar": "Grafic de tip bară",
+        "chart_type_big_number": "Număr mare",
+        "chart_type_line": "Grafic de tip linie",
+        "chart_type_pie": "Grafic de tip plăcintă",
+        "create_chart": "Creează grafic",
+        "delete_chart_confirmation": "Ești sigur că vrei să ștergi acest grafic?",
+        "no_charts_found": "Nu s-au găsit grafice.",
+        "open_options": "Deschide opțiunile graficului"
+      },
+      "dashboards": {
+        "create_dashboard": "Creează tablou de bord",
+        "create_dashboard_description": "Introdu un nume pentru noul tău tablou de bord.",
+        "create_failed": "Crearea tabloului de bord a eșuat",
+        "create_success": "Tablou de bord creat cu succes!",
+        "dashboard_name": "Nume tablou de bord",
+        "dashboard_name_placeholder": "Tabloul meu de bord",
+        "delete_confirmation": "Ești sigur că vrei să ștergi acest tablou de bord? Această acțiune nu poate fi anulată.",
+        "delete_failed": "Ștergerea tabloului de bord a eșuat",
+        "delete_success": "Tablou de bord șters cu succes",
+        "description_optional": "Descriere (opțional)",
+        "description_placeholder": "Descriere tablou de bord",
+        "duplicate_failed": "Duplicarea tabloului de bord a eșuat",
+        "duplicate_success": "Tablou de bord duplicat cu succes!",
+        "no_dashboards_found": "Nu s-a găsit niciun tablou de bord.",
+        "please_enter_name": "Te rugăm să introduci un nume pentru tablou de bord"
+      }
+    },
     "connect": {
       "congrats": "Felicitări!",
       "connection_successful_message": "Bravo! Suntem conectați.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Reîmprospătare contacte",
       "contacts_table_refresh_success": "Contactele au fost actualizate cu succes",
       "create_attribute": "Creează atribut",
-      "create_key": "Creează cheie",
       "create_new_attribute": "Creează atribut nou",
       "create_new_attribute_description": "Creează un atribut nou pentru segmentare.",
       "custom_attributes": "Atribute personalizate",
@@ -656,6 +703,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 +715,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 +730,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.",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Leagă Google Sheet",
         "link_new_sheet": "Leagă un nou Sheet",
         "no_integrations_yet": "Integrațiile tale Google Sheet vor apărea aici de îndată ce le vei adăuga. ⏲️",
-        "spreadsheet_url": "URL foaie de calcul"
+        "reconnect_button": "Reconectează",
+        "reconnect_button_description": "Conexiunea ta cu Google Sheets a expirat. Te rugăm să te reconectezi pentru a continua sincronizarea răspunsurilor. Linkurile și datele existente din foile de calcul vor fi păstrate.",
+        "reconnect_button_tooltip": "Reconectează integrarea pentru a-ți reîmprospăta accesul. Linkurile și datele existente din foile de calcul vor fi păstrate.",
+        "spreadsheet_permission_error": "Nu ai permisiunea de a accesa această foaie de calcul. Asigură-te că foaia de calcul este partajată cu contul tău Google și că ai acces de scriere la aceasta.",
+        "spreadsheet_url": "URL foaie de calcul",
+        "token_expired_error": "Tokenul de reîmprospătare Google Sheets a expirat sau a fost revocat. Te rugăm să reconectezi integrarea."
       },
       "include_created_at": "Include data creării",
       "include_hidden_fields": "Include câmpuri ascunse",
@@ -1947,6 +2003,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 +2046,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",

apps/web/locales/ru-RU.json

@@ -133,6 +133,7 @@
     "allow": "Разрешить",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Разрешить пользователям выходить, кликнув вне опроса",
     "an_unknown_error_occurred_while_deleting_table_items": "Произошла неизвестная ошибка при удалении {type}ов",
+    "analysis": "Аналитика",
     "and": "и",
     "and_response_limit_of": "и лимит ответов",
     "anonymous": "Аноним",
@@ -149,6 +150,8 @@
     "bottom_right": "Внизу справа",
     "cancel": "Отмена",
     "centered_modal": "Центрированное модальное окно",
+    "chart": "График",
+    "charts": "Графики",
     "choices": "Варианты",
     "choose_environment": "Выберите среду",
     "choose_organization": "Выберите организацию",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} атрибут} few {{value} атрибута} many {{value} атрибутов} other {{value} атрибута}}",
     "count_contacts": "{value, plural, one {{value} контакт} few {{value} контакта} many {{value} контактов} other {{value} контактов}}",
     "count_responses": "{value, plural, one {{value} ответ} few {{value} ответа} many {{value} ответов} other {{value} ответов}}",
+    "create": "Создать",
     "create_new_organization": "Создать новую организацию",
     "create_segment": "Создать сегмент",
     "create_survey": "Создать опрос",
@@ -187,6 +191,8 @@
     "created_by": "Создано пользователем",
     "customer_success": "Customer Success",
     "dark_overlay": "Тёмный оверлей",
+    "dashboard": "Панель управления",
+    "dashboards": "Дашборды",
     "date": "Дата",
     "days": "дни",
     "default": "По умолчанию",
@@ -218,13 +224,16 @@
     "error": "Ошибка",
     "error_component_description": "Этот ресурс не существует или у вас нет необходимых прав для доступа к нему.",
     "error_component_title": "Ошибка загрузки ресурсов",
+    "error_loading_data": "Ошибка загрузки данных",
     "error_rate_limit_description": "Достигнуто максимальное количество запросов. Пожалуйста, попробуйте позже.",
     "error_rate_limit_title": "Превышен лимит запросов",
     "expand_rows": "Развернуть строки",
     "failed_to_copy_to_clipboard": "Не удалось скопировать в буфер обмена",
     "failed_to_load_organizations": "Не удалось загрузить организации",
     "failed_to_load_workspaces": "Не удалось загрузить рабочие пространства",
+    "filter": "Фильтр",
     "finish": "Завершить",
+    "first_name": "Имя",
     "follow_these": "Выполните следующие действия",
     "formbricks_version": "Версия Formbricks",
     "full_name": "Полное имя",
@@ -237,6 +246,7 @@
     "hidden_field": "Скрытое поле",
     "hidden_fields": "Скрытые поля",
     "hide_column": "Скрыть столбец",
+    "id": "ID",
     "image": "Изображение",
     "images": "Изображения",
     "import": "Импорт",
@@ -254,6 +264,7 @@
     "key": "Ключ",
     "label": "Метка",
     "language": "Язык",
+    "last_name": "Фамилия",
     "learn_more": "Подробнее",
     "license_expired": "License Expired",
     "light_overlay": "Светлый оверлей",
@@ -303,6 +314,7 @@
     "on": "Вкл.",
     "only_one_file_allowed": "Разрешён только один файл",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Только владельцы и менеджеры могут выполнять это действие.",
+    "open_options": "Открыть параметры",
     "option_id": "ID опции",
     "option_ids": "ID опций",
     "optional": "Необязательно",
@@ -428,6 +440,7 @@
     "top_right": "Вверху справа",
     "try_again": "Попробуйте ещё раз",
     "type": "Тип",
+    "unknown_survey": "Неизвестный опрос",
     "unlock_more_workspaces_with_a_higher_plan": "Откройте больше рабочих пространств с более высоким тарифом.",
     "update": "Обновить",
     "updated": "Обновлено",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Ваш опрос будет отображаться по этому URL.",
       "your_survey_would_not_be_shown": "Ваш опрос не будет отображаться."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Скоро будет",
+        "chart_deleted_successfully": "График успешно удалён",
+        "chart_deletion_error": "Не удалось удалить график",
+        "chart_duplicated_successfully": "График успешно дублирован",
+        "chart_duplication_error": "Не удалось дублировать график",
+        "chart_type_area": "График областью",
+        "chart_type_bar": "Столбчатая диаграмма",
+        "chart_type_big_number": "Большое число",
+        "chart_type_line": "Линейный график",
+        "chart_type_pie": "Круговая диаграмма",
+        "create_chart": "Создать график",
+        "delete_chart_confirmation": "Ты уверен, что хочешь удалить этот график?",
+        "no_charts_found": "Графики не найдены.",
+        "open_options": "Открыть настройки графика"
+      },
+      "dashboards": {
+        "create_dashboard": "Создать панель управления",
+        "create_dashboard_description": "Введите название для новой панели управления.",
+        "create_failed": "Не удалось создать панель управления",
+        "create_success": "Панель управления успешно создана!",
+        "dashboard_name": "Название панели управления",
+        "dashboard_name_placeholder": "Моя панель управления",
+        "delete_confirmation": "Ты уверен, что хочешь удалить эту панель управления? Это действие нельзя отменить.",
+        "delete_failed": "Не удалось удалить панель управления",
+        "delete_success": "Панель управления успешно удалена",
+        "description_optional": "Описание (необязательно)",
+        "description_placeholder": "Описание панели управления",
+        "duplicate_failed": "Не удалось дублировать панель управления",
+        "duplicate_success": "Панель управления успешно продублирована!",
+        "no_dashboards_found": "Панели управления не найдены.",
+        "please_enter_name": "Пожалуйста, введите название панели управления"
+      }
+    },
     "connect": {
       "congrats": "Поздравляем!",
       "connection_successful_message": "Отлично! Мы подключены.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Обновить контакты",
       "contacts_table_refresh_success": "Контакты успешно обновлены",
       "create_attribute": "Создать атрибут",
-      "create_key": "Создать ключ",
       "create_new_attribute": "Создать новый атрибут",
       "create_new_attribute_description": "Создайте новый атрибут для целей сегментации.",
       "custom_attributes": "Пользовательские атрибуты",
@@ -656,6 +703,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 +715,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 +730,8 @@
       "select_a_survey": "Выберите опрос",
       "select_attribute": "Выберите атрибут",
       "select_attribute_key": "Выберите ключ атрибута",
+      "survey_viewed": "Опрос просмотрен",
+      "survey_viewed_at": "Просмотрено",
       "system_attributes": "Системные атрибуты",
       "unlock_contacts_description": "Управляйте контактами и отправляйте целевые опросы",
       "unlock_contacts_title": "Откройте доступ к контактам с более высоким тарифом",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Связать с Google Sheet",
         "link_new_sheet": "Связать с новой таблицей",
         "no_integrations_yet": "Ваши интеграции с Google Sheet появятся здесь, как только вы их добавите. ⏲️",
-        "spreadsheet_url": "URL таблицы"
+        "reconnect_button": "Переподключить",
+        "reconnect_button_description": "Срок действия подключения к Google Sheets истёк. Пожалуйста, переподключись, чтобы продолжить синхронизацию ответов. Все существующие ссылки на таблицы и данные будут сохранены.",
+        "reconnect_button_tooltip": "Переподключи интеграцию, чтобы обновить доступ. Все существующие ссылки на таблицы и данные будут сохранены.",
+        "spreadsheet_permission_error": "У тебя нет доступа к этой таблице. Убедись, что таблица открыта для твоего Google-аккаунта и у тебя есть права на запись.",
+        "spreadsheet_url": "URL таблицы",
+        "token_expired_error": "Срок действия токена обновления Google Sheets истёк или он был отозван. Пожалуйста, переподключи интеграцию."
       },
       "include_created_at": "Включить дату создания",
       "include_hidden_fields": "Включить скрытые поля",
@@ -1947,6 +2003,7 @@
         "filtered_responses_excel": "Отфильтрованные ответы (Excel)",
         "generating_qr_code": "Генерация QR-кода",
         "impressions": "Просмотры",
+        "impressions_identified_only": "Показаны только показы от идентифицированных контактов",
         "impressions_tooltip": "Количество раз, когда опрос был просмотрен.",
         "in_app": {
           "connection_description": "Опрос будет показан пользователям вашего сайта, которые соответствуют указанным ниже критериям",
@@ -1989,6 +2046,7 @@
         "last_quarter": "Прошлый квартал",
         "last_year": "Прошлый год",
         "limit": "Лимит",
+        "no_identified_impressions": "Нет показов от идентифицированных контактов",
         "no_responses_found": "Ответы не найдены",
         "other_values_found": "Найдены другие значения",
         "overall": "В целом",

apps/web/locales/sv-SE.json

@@ -133,6 +133,7 @@
     "allow": "Tillåt",
     "allow_users_to_exit_by_clicking_outside_the_survey": "Tillåt användare att avsluta genom att klicka utanför enkäten",
     "an_unknown_error_occurred_while_deleting_table_items": "Ett okänt fel uppstod vid borttagning av {type}",
+    "analysis": "Analys",
     "and": "Och",
     "and_response_limit_of": "och svarsgräns på",
     "anonymous": "Anonym",
@@ -149,6 +150,8 @@
     "bottom_right": "Nedre höger",
     "cancel": "Avbryt",
     "centered_modal": "Centrerad modal",
+    "chart": "Diagram",
+    "charts": "Diagram",
     "choices": "Val",
     "choose_environment": "Välj miljö",
     "choose_organization": "Välj organisation",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} attribut} other {{value} attribut}}",
     "count_contacts": "{value, plural, one {{value} kontakt} other {{value} kontakter}}",
     "count_responses": "{value, plural, one {{value} svar} other {{value} svar}}",
+    "create": "Skapa",
     "create_new_organization": "Skapa ny organisation",
     "create_segment": "Skapa segment",
     "create_survey": "Skapa enkät",
@@ -187,6 +191,8 @@
     "created_by": "Skapad av",
     "customer_success": "Kundframgång",
     "dark_overlay": "Mörkt överlägg",
+    "dashboard": "Instrumentpanel",
+    "dashboards": "Instrumentpaneler",
     "date": "Datum",
     "days": "dagar",
     "default": "Standard",
@@ -218,13 +224,16 @@
     "error": "Fel",
     "error_component_description": "Denna resurs finns inte eller så har du inte de nödvändiga rättigheterna för att komma åt den.",
     "error_component_title": "Fel vid laddning av resurser",
+    "error_loading_data": "Fel vid inläsning av data",
     "error_rate_limit_description": "Maximalt antal förfrågningar har nåtts. Försök igen senare.",
     "error_rate_limit_title": "Begränsningsgräns överskriden",
     "expand_rows": "Visa rader",
     "failed_to_copy_to_clipboard": "Misslyckades att kopiera till urklipp",
     "failed_to_load_organizations": "Misslyckades att ladda organisationer",
     "failed_to_load_workspaces": "Det gick inte att ladda arbetsytor",
+    "filter": "Filter",
     "finish": "Slutför",
+    "first_name": "Förnamn",
     "follow_these": "Följ dessa",
     "formbricks_version": "Formbricks-version",
     "full_name": "Fullständigt namn",
@@ -237,6 +246,7 @@
     "hidden_field": "Dolt fält",
     "hidden_fields": "Dolda fält",
     "hide_column": "Dölj kolumn",
+    "id": "ID",
     "image": "Bild",
     "images": "Bilder",
     "import": "Importera",
@@ -254,6 +264,7 @@
     "key": "Nyckel",
     "label": "Etikett",
     "language": "Språk",
+    "last_name": "Efternamn",
     "learn_more": "Läs mer",
     "license_expired": "License Expired",
     "light_overlay": "Ljust överlägg",
@@ -303,6 +314,7 @@
     "on": "På",
     "only_one_file_allowed": "Endast en fil är tillåten",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "Endast ägare och chefer kan utföra denna åtgärd.",
+    "open_options": "Öppna alternativ",
     "option_id": "Alternativ-ID",
     "option_ids": "Alternativ-ID:n",
     "optional": "Valfritt",
@@ -428,6 +440,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",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "Din enkät skulle visas på denna URL.",
       "your_survey_would_not_be_shown": "Din enkät skulle inte visas."
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "Kommer snart",
+        "chart_deleted_successfully": "Diagrammet har tagits bort",
+        "chart_deletion_error": "Det gick inte att ta bort diagrammet",
+        "chart_duplicated_successfully": "Diagrammet har duplicerats",
+        "chart_duplication_error": "Det gick inte att duplicera diagrammet",
+        "chart_type_area": "Ytdiagram",
+        "chart_type_bar": "Stapeldiagram",
+        "chart_type_big_number": "Stort tal",
+        "chart_type_line": "Linjediagram",
+        "chart_type_pie": "Cirkeldiagram",
+        "create_chart": "Skapa diagram",
+        "delete_chart_confirmation": "Är du säker på att du vill ta bort det här diagrammet?",
+        "no_charts_found": "Inga diagram hittades.",
+        "open_options": "Öppna diagramalternativ"
+      },
+      "dashboards": {
+        "create_dashboard": "Skapa instrumentpanel",
+        "create_dashboard_description": "Ange ett namn för din nya instrumentpanel.",
+        "create_failed": "Det gick inte att skapa instrumentpanelen",
+        "create_success": "Instrumentpanelen har skapats!",
+        "dashboard_name": "Instrumentpanelens namn",
+        "dashboard_name_placeholder": "Min instrumentpanel",
+        "delete_confirmation": "Är du säker på att du vill ta bort den här instrumentpanelen? Den här åtgärden kan inte ångras.",
+        "delete_failed": "Det gick inte att ta bort instrumentpanelen",
+        "delete_success": "Instrumentpanelen har tagits bort",
+        "description_optional": "Beskrivning (valfritt)",
+        "description_placeholder": "Beskrivning av instrumentpanelen",
+        "duplicate_failed": "Det gick inte att duplicera instrumentpanelen",
+        "duplicate_success": "Instrumentpanelen har duplicerats!",
+        "no_dashboards_found": "Inga instrumentpaneler hittades.",
+        "please_enter_name": "Ange ett namn på instrumentpanelen"
+      }
+    },
     "connect": {
       "congrats": "Grattis!",
       "connection_successful_message": "Bra gjort! Vi är anslutna.",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "Uppdatera kontakter",
       "contacts_table_refresh_success": "Kontakter uppdaterade",
       "create_attribute": "Skapa attribut",
-      "create_key": "Skapa nyckel",
       "create_new_attribute": "Skapa nytt attribut",
       "create_new_attribute_description": "Skapa ett nytt attribut för segmenteringsändamål.",
       "custom_attributes": "Anpassade attribut",
@@ -656,6 +703,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 +715,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 +730,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",
@@ -752,7 +803,12 @@
         "link_google_sheet": "Länka Google Kalkylark",
         "link_new_sheet": "Länka nytt kalkylark",
         "no_integrations_yet": "Dina Google Kalkylark-integrationer visas här så snart du lägger till dem. ⏲️",
-        "spreadsheet_url": "Kalkylblads-URL"
+        "reconnect_button": "Återanslut",
+        "reconnect_button_description": "Din Google Sheets-anslutning har gått ut. Återanslut för att fortsätta synkronisera svar. Dina befintliga kalkylarkslänkar och data kommer att sparas.",
+        "reconnect_button_tooltip": "Återanslut integrationen för att uppdatera din åtkomst. Dina befintliga kalkylarkslänkar och data kommer att sparas.",
+        "spreadsheet_permission_error": "Du har inte behörighet att komma åt det här kalkylarket. Kontrollera att kalkylarket är delat med ditt Google-konto och att du har skrivrättigheter till kalkylarket.",
+        "spreadsheet_url": "Kalkylblads-URL",
+        "token_expired_error": "Google Sheets refresh token har gått ut eller återkallats. Återanslut integrationen."
       },
       "include_created_at": "Inkludera Skapad vid",
       "include_hidden_fields": "Inkludera dolda fält",
@@ -1947,6 +2003,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 +2046,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",

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

@@ -133,6 +133,7 @@
     "allow": "允许",
     "allow_users_to_exit_by_clicking_outside_the_survey": "允许 用户 通过 点击 调查 外部 退出",
     "an_unknown_error_occurred_while_deleting_table_items": "删除 {type} 时发生未知错误",
+    "analysis": "分析",
     "and": "和",
     "and_response_limit_of": "和 响应限制",
     "anonymous": "匿名",
@@ -149,6 +150,8 @@
     "bottom_right": "右下",
     "cancel": "取消",
     "centered_modal": "居中 模态",
+    "chart": "图表",
+    "charts": "图表",
     "choices": "选项",
     "choose_environment": "选择 环境",
     "choose_organization": "选择 组织",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} 个属性} other {{value} 个属性}}",
     "count_contacts": "{value, plural, other {{value} 联系人} }",
     "count_responses": "{value, plural, other {{value} 回复} }",
+    "create": "创建",
     "create_new_organization": "创建 新的 组织",
     "create_segment": "创建 细分",
     "create_survey": "创建 调查",
@@ -187,6 +191,8 @@
     "created_by": "由 创建",
     "customer_success": "客户成功",
     "dark_overlay": "深色遮罩层",
+    "dashboard": "Dashboard",
+    "dashboards": "仪表盘",
     "date": "日期",
     "days": "天",
     "default": "默认",
@@ -218,13 +224,16 @@
     "error": "错误",
     "error_component_description": "这个资源不存在或您没有权限访问它。",
     "error_component_title": "错误 加载 资源",
+    "error_loading_data": "数据加载出错",
     "error_rate_limit_description": "请求 达到 最大 上限 ， 请 稍后 再试 。",
     "error_rate_limit_title": "速率 限制 超过",
     "expand_rows": "展开 行",
     "failed_to_copy_to_clipboard": "复制到剪贴板失败",
     "failed_to_load_organizations": "加载组织失败",
     "failed_to_load_workspaces": "加载工作区失败",
+    "filter": "筛选",
     "finish": "完成",
+    "first_name": "名字",
     "follow_these": "遵循 这些",
     "formbricks_version": "Formbricks 版本",
     "full_name": "全名",
@@ -237,6 +246,7 @@
     "hidden_field": "隐藏 字段",
     "hidden_fields": "隐藏 字段",
     "hide_column": "隐藏 列",
+    "id": "ID",
     "image": "图片",
     "images": "图片",
     "import": "导入",
@@ -254,6 +264,7 @@
     "key": "键",
     "label": "标签",
     "language": "语言",
+    "last_name": "姓",
     "learn_more": "了解 更多",
     "license_expired": "License Expired",
     "light_overlay": "浅色遮罩层",
@@ -303,6 +314,7 @@
     "on": "开启",
     "only_one_file_allowed": "只 允许 一个 文件",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "只有 所有者 和 管理者 可以 执行 此 操作。",
+    "open_options": "打开选项",
     "option_id": "选项 ID",
     "option_ids": "选项 ID",
     "optional": "可选",
@@ -428,6 +440,7 @@
     "top_right": "右上",
     "try_again": "再试一次",
     "type": "类型",
+    "unknown_survey": "未知调查",
     "unlock_more_workspaces_with_a_higher_plan": "升级套餐以解锁更多工作区。",
     "update": "更新",
     "updated": "已更新",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "您的 调查 会 显示 在 此 URL 上",
       "your_survey_would_not_be_shown": "您的 调查 不会 显示。"
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "即将推出",
+        "chart_deleted_successfully": "图表删除成功",
+        "chart_deletion_error": "图表删除失败",
+        "chart_duplicated_successfully": "图表复制成功",
+        "chart_duplication_error": "图表复制失败",
+        "chart_type_area": "面积图",
+        "chart_type_bar": "柱状图",
+        "chart_type_big_number": "大数字",
+        "chart_type_line": "折线图",
+        "chart_type_pie": "饼图",
+        "create_chart": "创建图表",
+        "delete_chart_confirmation": "你确定要删除这个图表吗？",
+        "no_charts_found": "未找到图表。",
+        "open_options": "打开图表选项"
+      },
+      "dashboards": {
+        "create_dashboard": "创建 Dashboard",
+        "create_dashboard_description": "请输入新 Dashboard 的名称。",
+        "create_failed": "创建 Dashboard 失败",
+        "create_success": "Dashboard 创建成功！",
+        "dashboard_name": "Dashboard 名称",
+        "dashboard_name_placeholder": "我的 Dashboard",
+        "delete_confirmation": "确定要删除此 Dashboard 吗？此操作无法撤销。",
+        "delete_failed": "删除 Dashboard 失败",
+        "delete_success": "Dashboard 删除成功",
+        "description_optional": "描述（可选）",
+        "description_placeholder": "Dashboard 描述",
+        "duplicate_failed": "复制 Dashboard 失败",
+        "duplicate_success": "Dashboard 复制成功！",
+        "no_dashboards_found": "未找到 Dashboard。",
+        "please_enter_name": "请输入 Dashboard 名称"
+      }
+    },
     "connect": {
       "congrats": "恭喜!",
       "connection_successful_message": "做得好 ！我们 已经 连接。",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "刷新 联系人",
       "contacts_table_refresh_success": "联系人 已成功刷新",
       "create_attribute": "创建属性",
-      "create_key": "创建键",
       "create_new_attribute": "创建新属性",
       "create_new_attribute_description": "为细分目的创建新属性。",
       "custom_attributes": "自定义属性",
@@ -656,6 +703,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 +715,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 +730,8 @@
       "select_a_survey": "选择一个调查",
       "select_attribute": "选择 属性",
       "select_attribute_key": "选择属性键",
+      "survey_viewed": "已查看调查",
+      "survey_viewed_at": "查看时间",
       "system_attributes": "系统属性",
       "unlock_contacts_description": "管理 联系人 并 发送 定向 调查",
       "unlock_contacts_title": "通过 更 高级 划解锁 联系人",
@@ -752,7 +803,12 @@
         "link_google_sheet": "链接 Google 表格",
         "link_new_sheet": "链接 新 表格",
         "no_integrations_yet": "您的 Google Sheet 集成会在您 添加 后 出现在这里。 ⏲️",
-        "spreadsheet_url": "电子表格 URL"
+        "reconnect_button": "重新连接",
+        "reconnect_button_description": "你的 Google Sheets 连接已过期。请重新连接以继续同步回复。你现有的表格链接和数据会被保留。",
+        "reconnect_button_tooltip": "重新连接集成以刷新你的访问权限。你现有的表格链接和数据会被保留。",
+        "spreadsheet_permission_error": "你没有权限访问此表格。请确保该表格已与你的 Google 账号共享，并且你拥有该表格的编辑权限。",
+        "spreadsheet_url": "电子表格 URL",
+        "token_expired_error": "Google Sheets 的刷新令牌已过期或被撤销。请重新连接集成。"
       },
       "include_created_at": "包括 创建 于",
       "include_hidden_fields": "包括 隐藏 字段",
@@ -1947,6 +2003,7 @@
         "filtered_responses_excel": "过滤 反馈 （Excel）",
         "generating_qr_code": "正在生成二维码",
         "impressions": "印象",
+        "impressions_identified_only": "仅显示已识别联系人的展示次数",
         "impressions_tooltip": "调查 被 查看 的 次数",
         "in_app": {
           "connection_description": "调查将显示给符合以下条件的您网站用户",
@@ -1989,6 +2046,7 @@
         "last_quarter": "上季度",
         "last_year": "去年",
         "limit": "限额",
+        "no_identified_impressions": "没有已识别联系人的展示次数",
         "no_responses_found": "未找到响应",
         "other_values_found": "找到其他值",
         "overall": "整体",

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

@@ -133,6 +133,7 @@
     "allow": "允許",
     "allow_users_to_exit_by_clicking_outside_the_survey": "允許使用者點擊問卷外退出",
     "an_unknown_error_occurred_while_deleting_table_items": "刪除 '{'type'}' 時發生未知錯誤",
+    "analysis": "分析",
     "and": "且",
     "and_response_limit_of": "且回應上限為",
     "anonymous": "匿名",
@@ -149,6 +150,8 @@
     "bottom_right": "右下",
     "cancel": "取消",
     "centered_modal": "置中彈窗",
+    "chart": "圖表",
+    "charts": "圖表",
     "choices": "選項",
     "choose_environment": "選擇環境",
     "choose_organization": "選擇 組織",
@@ -178,6 +181,7 @@
     "count_attributes": "{value, plural, one {{value} 個屬性} other {{value} 個屬性}}",
     "count_contacts": "{value, plural, other {{value} 聯絡人} }",
     "count_responses": "{value, plural, other {{value} 回應} }",
+    "create": "建立",
     "create_new_organization": "建立新組織",
     "create_segment": "建立區隔",
     "create_survey": "建立問卷",
@@ -187,6 +191,8 @@
     "created_by": "建立者",
     "customer_success": "客戶成功",
     "dark_overlay": "深色覆蓋",
+    "dashboard": "儀表板",
+    "dashboards": "儀表板",
     "date": "日期",
     "days": "天",
     "default": "預設",
@@ -218,13 +224,16 @@
     "error": "錯誤",
     "error_component_description": "此資源不存在或您沒有存取權限。",
     "error_component_title": "載入資源錯誤",
+    "error_loading_data": "載入資料時發生錯誤",
     "error_rate_limit_description": "已達 到最大 請求 次數。請 稍後 再試。",
     "error_rate_limit_title": "限流超過",
     "expand_rows": "展開列",
     "failed_to_copy_to_clipboard": "無法複製到剪貼簿",
     "failed_to_load_organizations": "無法載入組織",
     "failed_to_load_workspaces": "載入工作區失敗",
+    "filter": "篩選",
     "finish": "完成",
+    "first_name": "名字",
     "follow_these": "按照這些步驟",
     "formbricks_version": "Formbricks 版本",
     "full_name": "全名",
@@ -237,6 +246,7 @@
     "hidden_field": "隱藏欄位",
     "hidden_fields": "隱藏欄位",
     "hide_column": "隱藏欄位",
+    "id": "ID",
     "image": "圖片",
     "images": "圖片",
     "import": "匯入",
@@ -254,6 +264,7 @@
     "key": "金鑰",
     "label": "標籤",
     "language": "語言",
+    "last_name": "姓氏",
     "learn_more": "瞭解更多",
     "license_expired": "License Expired",
     "light_overlay": "淺色覆蓋",
@@ -303,6 +314,7 @@
     "on": "開啟",
     "only_one_file_allowed": "僅允許一個檔案",
     "only_owners_managers_and_manage_access_members_can_perform_this_action": "只有擁有者、管理員和管理存取權限的成員才能執行此操作。",
+    "open_options": "開啟選項",
     "option_id": "選項 ID",
     "option_ids": "選項 IDs",
     "optional": "選填",
@@ -428,6 +440,7 @@
     "top_right": "右上",
     "try_again": "再試一次",
     "type": "類型",
+    "unknown_survey": "未知問卷",
     "unlock_more_workspaces_with_a_higher_plan": "升級方案以解鎖更多工作區。",
     "update": "更新",
     "updated": "已更新",
@@ -607,6 +620,41 @@
       "your_survey_would_be_shown_on_this_url": "您的問卷將顯示在此網址。",
       "your_survey_would_not_be_shown": "您的問卷將不會顯示。"
     },
+    "analysis": {
+      "charts": {
+        "action_coming_soon": "即將推出",
+        "chart_deleted_successfully": "圖表已成功刪除",
+        "chart_deletion_error": "刪除圖表失敗",
+        "chart_duplicated_successfully": "圖表已成功複製",
+        "chart_duplication_error": "圖表複製失敗",
+        "chart_type_area": "區域圖",
+        "chart_type_bar": "長條圖",
+        "chart_type_big_number": "大數字",
+        "chart_type_line": "折線圖",
+        "chart_type_pie": "圓餅圖",
+        "create_chart": "建立圖表",
+        "delete_chart_confirmation": "你確定要刪除此圖表嗎？",
+        "no_charts_found": "找不到圖表。",
+        "open_options": "開啟圖表選項"
+      },
+      "dashboards": {
+        "create_dashboard": "建立儀表板",
+        "create_dashboard_description": "請輸入新儀表板的名稱。",
+        "create_failed": "建立儀表板失敗",
+        "create_success": "儀表板建立成功！",
+        "dashboard_name": "儀表板名稱",
+        "dashboard_name_placeholder": "我的儀表板",
+        "delete_confirmation": "你確定要刪除此儀表板嗎？此操作無法復原。",
+        "delete_failed": "刪除儀表板失敗",
+        "delete_success": "儀表板刪除成功",
+        "description_optional": "描述（選填）",
+        "description_placeholder": "儀表板描述",
+        "duplicate_failed": "複製儀表板失敗",
+        "duplicate_success": "儀表板複製成功！",
+        "no_dashboards_found": "找不到儀表板。",
+        "please_enter_name": "請輸入儀表板名稱"
+      }
+    },
     "connect": {
       "congrats": "恭喜！",
       "connection_successful_message": "做得好！我們已連線。",
@@ -645,7 +693,6 @@
       "contacts_table_refresh": "重新整理聯絡人",
       "contacts_table_refresh_success": "聯絡人已成功重新整理",
       "create_attribute": "建立屬性",
-      "create_key": "建立金鑰",
       "create_new_attribute": "建立新屬性",
       "create_new_attribute_description": "建立新屬性以進行分群用途。",
       "custom_attributes": "自訂屬性",
@@ -656,6 +703,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 +715,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 +730,8 @@
       "select_a_survey": "選擇問卷",
       "select_attribute": "選取屬性",
       "select_attribute_key": "選取屬性鍵值",
+      "survey_viewed": "已查看問卷",
+      "survey_viewed_at": "查看時間",
       "system_attributes": "系統屬性",
       "unlock_contacts_description": "管理聯絡人並發送目標問卷",
       "unlock_contacts_title": "使用更高等級的方案解鎖聯絡人",
@@ -752,7 +803,12 @@
         "link_google_sheet": "連結 Google 試算表",
         "link_new_sheet": "連結新試算表",
         "no_integrations_yet": "您的 Google 試算表整合將在您新增後立即顯示在此處。⏲️",
-        "spreadsheet_url": "試算表網址"
+        "reconnect_button": "重新連線",
+        "reconnect_button_description": "你的 Google Sheets 連線已過期。請重新連線以繼續同步回應。你現有的試算表連結和資料都會被保留。",
+        "reconnect_button_tooltip": "重新連線整合以刷新存取權限。你現有的試算表連結和資料都會被保留。",
+        "spreadsheet_permission_error": "你沒有權限存取這個試算表。請確認該試算表已與你的 Google 帳戶分享，且你擁有寫入權限。",
+        "spreadsheet_url": "試算表網址",
+        "token_expired_error": "Google Sheets 的刷新權杖已過期或被撤銷。請重新連線整合。"
       },
       "include_created_at": "包含建立於",
       "include_hidden_fields": "包含隱藏欄位",
@@ -1947,6 +2003,7 @@
         "filtered_responses_excel": "篩選回應 (Excel)",
         "generating_qr_code": "正在生成 QR code",
         "impressions": "曝光數",
+        "impressions_identified_only": "僅顯示已識別聯絡人的曝光次數",
         "impressions_tooltip": "問卷已檢視的次數。",
         "in_app": {
           "connection_description": "調查將顯示給符合以下列出條件的網站用戶",
@@ -1989,6 +2046,7 @@
         "last_quarter": "上一季",
         "last_year": "去年",
         "limit": "限制",
+        "no_identified_impressions": "沒有來自已識別聯絡人的曝光次數",
         "no_responses_found": "找不到回應",
         "other_values_found": "找到其他值",
         "overall": "整體",

apps/web/modules/api/v2/management/lib/utils.ts

@@ -12,7 +12,9 @@ type HasFindMany =
   | Prisma.TeamFindManyArgs
   | Prisma.ProjectTeamFindManyArgs
   | Prisma.UserFindManyArgs
-  | Prisma.ContactAttributeKeyFindManyArgs;
+  | Prisma.ContactAttributeKeyFindManyArgs
+  | Prisma.ChartFindManyArgs
+  | Prisma.DashboardFindManyArgs;
 
 export function buildCommonFilterQuery<T extends HasFindMany>(query: T, params: TGetFilter): T {
   const { limit, skip, sortBy, order, startDate, endDate, filterDateField = "createdAt" } = params || {};

apps/web/modules/core/rate-limit/rate-limit-configs.ts

@@ -30,4 +30,4 @@ export const rateLimitConfigs = {
     upload: { interval: 60, allowedPerInterval: 5, namespace: "storage:upload" }, // 5 per minute
     delete: { interval: 60, allowedPerInterval: 5, namespace: "storage:delete" }, // 5 per minute
   },
-};
+} as const;

apps/web/modules/ee/analysis/api/lib/cube-client.test.ts

@@ -0,0 +1,43 @@
+import { beforeEach, describe, expect, test, vi } from "vitest";
+
+const mockLoad = vi.fn();
+const mockTablePivot = vi.fn();
+
+vi.mock("@cubejs-client/core", () => ({
+  default: vi.fn(() => ({
+    load: mockLoad,
+  })),
+}));
+
+describe("executeQuery", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    vi.resetModules();
+    const resultSet = { tablePivot: mockTablePivot };
+    mockLoad.mockResolvedValue(resultSet);
+    mockTablePivot.mockReturnValue([{ id: "1", count: 42 }]);
+  });
+
+  test("loads query and returns tablePivot result", async () => {
+    const { executeQuery } = await import("./cube-client");
+    const query = { measures: ["FeedbackRecords.count"] };
+    const result = await executeQuery(query);
+
+    expect(mockLoad).toHaveBeenCalledWith(query);
+    expect(mockTablePivot).toHaveBeenCalled();
+    expect(result).toEqual([{ id: "1", count: 42 }]);
+  });
+
+  test("preserves API URL when it already contains /cubejs-api/v1", async () => {
+    const fullUrl = "https://cube.example.com/cubejs-api/v1";
+    vi.stubEnv("CUBEJS_API_URL", fullUrl);
+    const { executeQuery } = await import("./cube-client");
+
+    await executeQuery({ measures: ["FeedbackRecords.count"] });
+
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const cubejs = ((await vi.importMock("@cubejs-client/core")) as any).default;
+    expect(cubejs).toHaveBeenCalledWith(expect.any(String), { apiUrl: fullUrl });
+    vi.unstubAllEnvs();
+  });
+});

apps/web/modules/ee/analysis/api/lib/cube-client.ts

@@ -0,0 +1,26 @@
+import cubejs, { type CubeApi, type Query } from "@cubejs-client/core";
+
+const getApiUrl = (): string => {
+  const baseUrl = process.env.CUBEJS_API_URL || "http://localhost:4000";
+  if (baseUrl.includes("/cubejs-api/v1")) {
+    return baseUrl;
+  }
+  return `${baseUrl.replace(/\/$/, "")}/cubejs-api/v1`;
+};
+
+let cubeClient: CubeApi | null = null;
+
+function getCubeClient(): CubeApi {
+  if (!cubeClient) {
+    // TODO: This will fail silently if the token is not set. We need to fix this before going to production.
+    const token = process.env.CUBEJS_API_TOKEN ?? "";
+    cubeClient = cubejs(token, { apiUrl: getApiUrl() });
+  }
+  return cubeClient;
+}
+
+export async function executeQuery(query: Query) {
+  const client = getCubeClient();
+  const resultSet = await client.load(query);
+  return resultSet.tablePivot();
+}

apps/web/modules/ee/analysis/charts/actions.ts

@@ -0,0 +1,458 @@
+"use server";
+
+import OpenAI from "openai";
+import { z } from "zod";
+import { ZChartQuery } from "@formbricks/types/analysis";
+import { ZId } from "@formbricks/types/common";
+import { authenticatedActionClient } from "@/lib/utils/action-client";
+import { AuthenticatedActionClientCtx } from "@/lib/utils/action-client/types/context";
+import { executeQuery } from "@/modules/ee/analysis/api/lib/cube-client";
+import { validateQueryMembers } from "@/modules/ee/analysis/charts/lib/chart-utils";
+import {
+  createChart,
+  deleteChart,
+  duplicateChart,
+  getChart,
+  getCharts,
+  updateChart,
+} from "@/modules/ee/analysis/charts/lib/charts";
+import { checkProjectAccess } from "@/modules/ee/analysis/lib/access";
+import { generateSchemaContext } from "@/modules/ee/analysis/lib/ai-schema-context";
+import { ZChartCreateInput, ZChartType, ZChartUpdateInput } from "@/modules/ee/analysis/types/analysis";
+import { withAuditLogging } from "@/modules/ee/audit-logs/lib/handler";
+
+/** Client-facing chart input (projectId and createdBy are resolved server-side) */
+const ZChartCreateInputClient = ZChartCreateInput.omit({ projectId: true, createdBy: true });
+
+const ZCreateChartAction = z.object({
+  environmentId: ZId,
+  chartInput: ZChartCreateInputClient,
+});
+
+export const createChartAction = authenticatedActionClient.schema(ZCreateChartAction).action(
+  withAuditLogging(
+    "created",
+    "chart",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZCreateChartAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const chart = await createChart({
+        ...parsedInput.chartInput,
+        projectId,
+        createdBy: ctx.user.id,
+      });
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.chartId = chart.id;
+      ctx.auditLoggingCtx.newObject = chart;
+      return chart;
+    }
+  )
+);
+
+const ZUpdateChartAction = z.object({
+  environmentId: ZId,
+  chartId: ZId,
+  chartUpdateInput: ZChartUpdateInput,
+});
+
+export const updateChartAction = authenticatedActionClient.schema(ZUpdateChartAction).action(
+  withAuditLogging(
+    "updated",
+    "chart",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZUpdateChartAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const { chart, updatedChart } = await updateChart(
+        parsedInput.chartId,
+        projectId,
+        parsedInput.chartUpdateInput
+      );
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.chartId = parsedInput.chartId;
+      ctx.auditLoggingCtx.oldObject = chart;
+      ctx.auditLoggingCtx.newObject = updatedChart;
+      return updatedChart;
+    }
+  )
+);
+
+const ZDuplicateChartAction = z.object({
+  environmentId: ZId,
+  chartId: ZId,
+});
+
+export const duplicateChartAction = authenticatedActionClient.schema(ZDuplicateChartAction).action(
+  withAuditLogging(
+    "created",
+    "chart",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZDuplicateChartAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const duplicatedChart = await duplicateChart(parsedInput.chartId, projectId, ctx.user.id);
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.chartId = duplicatedChart.id;
+      ctx.auditLoggingCtx.newObject = duplicatedChart;
+      return duplicatedChart;
+    }
+  )
+);
+
+const ZDeleteChartAction = z.object({
+  environmentId: ZId,
+  chartId: ZId,
+});
+
+export const deleteChartAction = authenticatedActionClient.schema(ZDeleteChartAction).action(
+  withAuditLogging(
+    "deleted",
+    "chart",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZDeleteChartAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const chart = await deleteChart(parsedInput.chartId, projectId);
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.chartId = parsedInput.chartId;
+      ctx.auditLoggingCtx.oldObject = chart;
+      return { success: true };
+    }
+  )
+);
+
+const ZGetChartAction = z.object({
+  environmentId: ZId,
+  chartId: ZId,
+});
+
+export const getChartAction = authenticatedActionClient
+  .schema(ZGetChartAction)
+  .action(
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZGetChartAction>;
+    }) => {
+      const { projectId } = await checkProjectAccess(ctx.user.id, parsedInput.environmentId, "read");
+
+      return getChart(parsedInput.chartId, projectId);
+    }
+  );
+
+const ZGetChartsAction = z.object({
+  environmentId: ZId,
+});
+
+export const getChartsAction = authenticatedActionClient
+  .schema(ZGetChartsAction)
+  .action(
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZGetChartsAction>;
+    }) => {
+      const { projectId } = await checkProjectAccess(ctx.user.id, parsedInput.environmentId, "read");
+
+      return getCharts(projectId);
+    }
+  );
+
+// ── Charts UI specific actions (query execution & AI generation) ─────────────
+
+const ZExecuteQueryAction = z.object({
+  environmentId: ZId,
+  query: ZChartQuery,
+});
+
+export const executeQueryAction = authenticatedActionClient
+  .schema(ZExecuteQueryAction)
+  .action(
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZExecuteQueryAction>;
+    }) => {
+      await checkProjectAccess(ctx.user.id, parsedInput.environmentId, "read");
+
+      validateQueryMembers(parsedInput.query);
+
+      try {
+        return await executeQuery(parsedInput.query as Record<string, unknown>);
+      } catch (error) {
+        throw error instanceof Error ? error : new Error("Failed to execute query");
+      }
+    }
+  );
+
+const CUBE_NAME = "FeedbackRecords";
+
+const ZGenerateAIQueryResponse = z.object({
+  measures: z.array(z.string()),
+  dimensions: z.array(z.string()).nullable(),
+  timeDimensions: z
+    .array(
+      z.object({
+        dimension: z.string(),
+        granularity: z.enum(["hour", "day", "week", "month", "quarter", "year"]).nullable(),
+        dateRange: z.string().nullable(),
+      })
+    )
+    .nullable(),
+  chartType: ZChartType,
+  filters: z
+    .array(
+      z.object({
+        member: z.string(),
+        operator: z.enum([
+          "equals",
+          "notEquals",
+          "contains",
+          "notContains",
+          "set",
+          "notSet",
+          "gt",
+          "gte",
+          "lt",
+          "lte",
+        ]),
+        values: z.array(z.string()).nullable(),
+      })
+    )
+    .nullable(),
+});
+
+const AI_QUERY_JSON_SCHEMA = {
+  type: "object" as const,
+  additionalProperties: false,
+  properties: {
+    measures: {
+      type: "array" as const,
+      items: { type: "string" as const },
+      description: "List of measures to query",
+    },
+    dimensions: {
+      anyOf: [{ type: "array" as const, items: { type: "string" as const } }, { type: "null" as const }],
+      description: "List of dimensions to query",
+    },
+    timeDimensions: {
+      anyOf: [
+        {
+          type: "array" as const,
+          items: {
+            type: "object" as const,
+            additionalProperties: false,
+            properties: {
+              dimension: { type: "string" as const },
+              granularity: {
+                anyOf: [
+                  {
+                    type: "string" as const,
+                    enum: ["hour", "day", "week", "month", "quarter", "year"],
+                  },
+                  { type: "null" as const },
+                ],
+              },
+              dateRange: { anyOf: [{ type: "string" as const }, { type: "null" as const }] },
+            },
+            required: ["dimension", "granularity", "dateRange"],
+          },
+        },
+        { type: "null" as const },
+      ],
+      description: "Time dimensions with granularity and date range",
+    },
+    chartType: {
+      type: "string" as const,
+      enum: [...ZChartType.options],
+      description: "Suggested chart type for visualization",
+    },
+    filters: {
+      anyOf: [
+        {
+          type: "array" as const,
+          items: {
+            type: "object" as const,
+            additionalProperties: false,
+            properties: {
+              member: { type: "string" as const },
+              operator: {
+                type: "string" as const,
+                enum: [
+                  "equals",
+                  "notEquals",
+                  "contains",
+                  "notContains",
+                  "set",
+                  "notSet",
+                  "gt",
+                  "gte",
+                  "lt",
+                  "lte",
+                ],
+              },
+              values: {
+                anyOf: [
+                  { type: "array" as const, items: { type: "string" as const } },
+                  { type: "null" as const },
+                ],
+              },
+            },
+            required: ["member", "operator", "values"],
+          },
+        },
+        { type: "null" as const },
+      ],
+      description: "Filters to apply to the query",
+    },
+  },
+  required: ["measures", "dimensions", "timeDimensions", "chartType", "filters"],
+};
+
+const ZGenerateAIChartAction = z.object({
+  environmentId: ZId,
+  prompt: z.string().min(1).max(2000),
+});
+
+export const generateAIChartAction = authenticatedActionClient
+  .schema(ZGenerateAIChartAction)
+  .action(
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZGenerateAIChartAction>;
+    }) => {
+      await checkProjectAccess(ctx.user.id, parsedInput.environmentId, "read");
+
+      if (!process.env.OPENAI_API_KEY) {
+        throw new Error("OPENAI_API_KEY is not configured");
+      }
+
+      const openai = new OpenAI({ apiKey: process.env.OPENAI_API_KEY });
+      const schemaContext = generateSchemaContext();
+
+      const completion = await openai.chat.completions.create({
+        model: "gpt-4o-mini",
+        messages: [
+          { role: "system", content: schemaContext },
+          { role: "user", content: `User request: "${parsedInput.prompt}"` },
+        ],
+        tools: [
+          {
+            type: "function",
+            function: {
+              name: "generate_cube_query",
+              description: "Generate a Cube.js query based on the user request",
+              parameters: AI_QUERY_JSON_SCHEMA,
+              strict: true,
+            },
+          },
+        ],
+        tool_choice: { type: "function", function: { name: "generate_cube_query" } },
+      });
+
+      const toolCall = completion.choices[0]?.message?.tool_calls?.[0];
+      if (toolCall?.function?.name !== "generate_cube_query") {
+        throw new Error("Failed to generate structured output from OpenAI");
+      }
+
+      const rawQuery = JSON.parse(toolCall.function.arguments);
+      const validated = ZGenerateAIQueryResponse.parse(rawQuery);
+
+      if (!validated.measures || validated.measures.length === 0) {
+        validated.measures = [`${CUBE_NAME}.count`];
+      }
+
+      const { chartType, ...cubeQuery } = validated;
+
+      const cleanQuery: Record<string, unknown> = {
+        measures: cubeQuery.measures,
+      };
+
+      if (Array.isArray(cubeQuery.dimensions) && cubeQuery.dimensions.length > 0) {
+        cleanQuery.dimensions = cubeQuery.dimensions;
+      }
+
+      if (Array.isArray(cubeQuery.filters) && cubeQuery.filters.length > 0) {
+        cleanQuery.filters = cubeQuery.filters.map(
+          (f: { member: string; operator: string; values?: string[] | null }) => {
+            const cleaned: Record<string, unknown> = { member: f.member, operator: f.operator };
+            if (f.values !== null && f.values !== undefined) cleaned.values = f.values;
+            return cleaned;
+          }
+        );
+      }
+
+      if (Array.isArray(cubeQuery.timeDimensions) && cubeQuery.timeDimensions.length > 0) {
+        cleanQuery.timeDimensions = cubeQuery.timeDimensions.map(
+          (td: { dimension: string; granularity?: string | null; dateRange?: string | null }) => {
+            const cleaned: Record<string, unknown> = { dimension: td.dimension };
+            if (td.granularity !== null && td.granularity !== undefined) cleaned.granularity = td.granularity;
+            if (td.dateRange !== null && td.dateRange !== undefined) cleaned.dateRange = td.dateRange;
+            return cleaned;
+          }
+        );
+      }
+
+      const data = await executeQuery(cleanQuery);
+
+      return {
+        query: cleanQuery,
+        chartType,
+        data: Array.isArray(data) ? data : [],
+      };
+    }
+  );

apps/web/modules/ee/analysis/charts/components/add-to-dashboard-dialog.tsx

@@ -0,0 +1,118 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { Button } from "@/modules/ui/components/button";
+import {
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/modules/ui/components/dialog";
+import { Input } from "@/modules/ui/components/input";
+import { Label } from "@/modules/ui/components/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/modules/ui/components/select";
+
+interface AddToDashboardDialogProps {
+  isOpen: boolean;
+  onOpenChange: (open: boolean) => void;
+  chartName: string;
+  onChartNameChange: (name: string) => void;
+  dashboards: Array<{ id: string; name: string }>;
+  selectedDashboardId: string;
+  onDashboardSelect: (id: string) => void;
+  onConfirm: () => void;
+  isSaving: boolean;
+}
+
+export function AddToDashboardDialog({
+  isOpen,
+  onOpenChange,
+  chartName,
+  onChartNameChange,
+  dashboards,
+  selectedDashboardId,
+  onDashboardSelect,
+  onConfirm,
+  isSaving,
+}: Readonly<AddToDashboardDialogProps>) {
+  const { t } = useTranslation();
+
+  return (
+    <Dialog open={isOpen} onOpenChange={(open) => !isSaving && onOpenChange(open)}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{t("environments.analysis.charts.add_chart_to_dashboard")}</DialogTitle>
+          <DialogDescription>
+            {t("environments.analysis.charts.add_chart_to_dashboard_description")}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogBody>
+          <div className="space-y-4">
+            <div>
+              <Label htmlFor="chart-name">{t("environments.analysis.charts.chart_name")}</Label>
+              <Input
+                id="chart-name"
+                className="mt-2"
+                placeholder={t("environments.analysis.charts.chart_name_placeholder")}
+                value={chartName}
+                onChange={(e) => onChartNameChange(e.target.value)}
+              />
+            </div>
+            <div>
+              <Label htmlFor="dashboard-select">{t("environments.analysis.charts.dashboard")}</Label>
+              <Select value={selectedDashboardId} onValueChange={onDashboardSelect}>
+                <SelectTrigger
+                  id="dashboard-select"
+                  className="mt-2 w-full bg-white"
+                  disabled={dashboards.length === 0}>
+                  <SelectValue
+                    placeholder={
+                      dashboards.length === 0
+                        ? t("environments.analysis.charts.no_dashboards_available")
+                        : t("environments.analysis.charts.dashboard_select_placeholder")
+                    }
+                  />
+                </SelectTrigger>
+                <SelectContent position="popper" className="max-h-[200px]">
+                  {dashboards.length === 0 ? (
+                    <div className="px-2 py-1.5 text-sm text-gray-500">
+                      {t("environments.analysis.charts.no_dashboards_available")}
+                    </div>
+                  ) : (
+                    dashboards.map((dashboard) => (
+                      <SelectItem key={dashboard.id} value={dashboard.id}>
+                        {dashboard.name}
+                      </SelectItem>
+                    ))
+                  )}
+                </SelectContent>
+              </Select>
+              {dashboards.length === 0 && (
+                <p className="mt-1 text-xs text-gray-500">
+                  {t("environments.analysis.charts.no_dashboards_create_first")}
+                </p>
+              )}
+            </div>
+          </div>
+        </DialogBody>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={isSaving}>
+            {t("common.cancel")}
+          </Button>
+          <Button onClick={onConfirm} loading={isSaving} disabled={!selectedDashboardId || !chartName.trim()}>
+            {t("environments.analysis.charts.add_to_dashboard")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/web/modules/ee/analysis/charts/components/advanced-chart-builder.tsx

@@ -0,0 +1,583 @@
+"use client";
+
+import { useCallback, useEffect, useReducer, useRef, useState } from "react";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import type { TChartQuery } from "@formbricks/types/analysis";
+import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import { executeQueryAction } from "@/modules/ee/analysis/charts/actions";
+import { AddToDashboardDialog } from "@/modules/ee/analysis/charts/components/add-to-dashboard-dialog";
+import { AdvancedChartPreview } from "@/modules/ee/analysis/charts/components/advanced-chart-preview";
+import { ChartBuilderGuide } from "@/modules/ee/analysis/charts/components/chart-builder-guide";
+import { ChartTypeSelector } from "@/modules/ee/analysis/charts/components/chart-type-selector";
+import { DimensionsPanel } from "@/modules/ee/analysis/charts/components/dimensions-panel";
+import { FiltersPanel } from "@/modules/ee/analysis/charts/components/filters-panel";
+import { MeasuresPanel } from "@/modules/ee/analysis/charts/components/measures-panel";
+import { SaveChartDialog } from "@/modules/ee/analysis/charts/components/save-chart-dialog";
+import { TimeDimensionPanel } from "@/modules/ee/analysis/charts/components/time-dimension-panel";
+import { useSaveDashboardDialogs } from "@/modules/ee/analysis/charts/hooks/use-save-dashboard-dialogs";
+import {
+  ChartBuilderState,
+  type CustomMeasure,
+  type FilterRow,
+  type TimeDimensionConfig,
+  buildCubeQuery,
+  parseQueryToState,
+} from "@/modules/ee/analysis/lib/query-builder";
+import { FEEDBACK_FIELDS } from "@/modules/ee/analysis/lib/schema-definition";
+import type { AnalyticsResponse, TChartDataRow, TChartType } from "@/modules/ee/analysis/types/analysis";
+import { AdvancedOptionToggle } from "@/modules/ui/components/advanced-option-toggle";
+import { Button } from "@/modules/ui/components/button";
+import { LoadingSpinner } from "@/modules/ui/components/loading-spinner";
+
+const DEBOUNCE_MS = 300;
+
+interface AdvancedChartBuilderProps {
+  environmentId: string;
+  initialChartType?: TChartType;
+  initialQuery?: TChartQuery;
+  hidePreview?: boolean;
+  /** Must be stable (memoized) to avoid effect re-runs on every parent render */
+  onChartGenerated?: (data: AnalyticsResponse) => void;
+  onSave?: (chartId: string) => void;
+  onAddToDashboard?: (chartId: string, dashboardId: string) => void;
+}
+
+type Action =
+  | { type: "SET_CHART_TYPE"; payload: TChartType }
+  | { type: "SET_MEASURES"; payload: string[] }
+  | { type: "SET_CUSTOM_MEASURES"; payload: CustomMeasure[] }
+  | { type: "SET_DIMENSIONS"; payload: string[] }
+  | { type: "SET_FILTERS"; payload: FilterRow[] }
+  | { type: "SET_FILTER_LOGIC"; payload: "and" | "or" }
+  | { type: "SET_TIME_DIMENSION"; payload: TimeDimensionConfig | null }
+  | { type: "QUERY_START" }
+  | { type: "QUERY_SUCCESS"; payload: { data: TChartDataRow[]; query: TChartQuery } }
+  | { type: "QUERY_ERROR"; payload: string };
+
+interface QueryState {
+  chartData: TChartDataRow[] | null;
+  query: TChartQuery | null;
+  isLoading: boolean;
+  error: string | null;
+}
+
+const initialQueryState: QueryState = {
+  chartData: null,
+  query: null,
+  isLoading: false,
+  error: null,
+};
+
+const initialState: ChartBuilderState = {
+  chartType: "",
+  selectedMeasures: [],
+  customMeasures: [],
+  selectedDimensions: [],
+  filters: [],
+  filterLogic: "and",
+  timeDimension: null,
+};
+
+const chartBuilderReducer = (state: ChartBuilderState, action: Action): ChartBuilderState => {
+  switch (action.type) {
+    case "SET_CHART_TYPE":
+      return { ...state, chartType: action.payload };
+    case "SET_MEASURES":
+      return { ...state, selectedMeasures: action.payload };
+    case "SET_CUSTOM_MEASURES":
+      return { ...state, customMeasures: action.payload };
+    case "SET_DIMENSIONS":
+      return { ...state, selectedDimensions: action.payload };
+    case "SET_FILTERS":
+      return { ...state, filters: action.payload };
+    case "SET_FILTER_LOGIC":
+      return { ...state, filterLogic: action.payload };
+    case "SET_TIME_DIMENSION":
+      return { ...state, timeDimension: action.payload };
+    default:
+      return state;
+  }
+};
+
+const queryReducer = (state: QueryState, action: Action): QueryState => {
+  switch (action.type) {
+    case "QUERY_START":
+      return { ...state, isLoading: true, error: null };
+    case "QUERY_SUCCESS":
+      return {
+        chartData: action.payload.data,
+        query: action.payload.query,
+        isLoading: false,
+        error: null,
+      };
+    case "QUERY_ERROR":
+      return { ...state, isLoading: false, error: action.payload };
+    default:
+      return state;
+  }
+};
+
+export function AdvancedChartBuilder({
+  environmentId,
+  initialChartType,
+  initialQuery,
+  hidePreview = false,
+  onChartGenerated,
+  onSave,
+  onAddToDashboard,
+}: Readonly<AdvancedChartBuilderProps>) {
+  const { t } = useTranslation();
+  const onChartGeneratedRef = useRef(onChartGenerated);
+  onChartGeneratedRef.current = onChartGenerated;
+  const prevInitialChartTypeRef = useRef(initialChartType);
+
+  const getInitialState = useCallback((): ChartBuilderState => {
+    if (initialQuery) {
+      const parsedState = parseQueryToState(initialQuery, initialChartType);
+      return {
+        ...initialState,
+        ...parsedState,
+        chartType: parsedState.chartType || initialChartType || "",
+      };
+    }
+    return { ...initialState, chartType: initialChartType || "" };
+  }, [initialQuery, initialChartType]);
+
+  const [state, dispatch] = useReducer(chartBuilderReducer, getInitialState());
+  const [queryState, dispatchQuery] = useReducer(queryReducer, {
+    ...initialQueryState,
+    query: initialQuery || null,
+  });
+  const [isInitialized, setIsInitialized] = useState(false);
+  const [showQuery, setShowQuery] = useState(false);
+  const [showData, setShowData] = useState(false);
+  const [dimensionsOpen, setDimensionsOpen] = useState(false);
+  const [timeDimensionOpen, setTimeDimensionOpen] = useState(false);
+  const [filtersOpen, setFiltersOpen] = useState(false);
+  const [customAggregationsOpen, setCustomAggregationsOpen] = useState(false);
+  const lastStateRef = useRef<string>("");
+  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const requestIdRef = useRef(0);
+
+  const saveDashboard = useSaveDashboardDialogs({
+    environmentId,
+    getChartInput: () => {
+      if (!queryState.chartData || !queryState.query || !state.chartType) return null;
+      return { query: queryState.query, chartType: state.chartType };
+    },
+    onSave,
+    onAddToDashboard,
+  });
+
+  // Sync initialChartType only when the prop changes (not when state diverges)
+  useEffect(() => {
+    if (initialChartType && initialChartType !== prevInitialChartTypeRef.current) {
+      prevInitialChartTypeRef.current = initialChartType;
+      dispatch({ type: "SET_CHART_TYPE", payload: initialChartType });
+      if (!initialQuery && !isInitialized) {
+        setIsInitialized(true);
+      }
+    }
+  }, [initialChartType, initialQuery, isInitialized]);
+
+  // Sync section open states when loading from initialQuery
+  useEffect(() => {
+    if (!initialQuery) return;
+    const parsed = parseQueryToState(initialQuery, initialChartType);
+    setDimensionsOpen((parsed.selectedDimensions?.length ?? 0) > 0);
+    setTimeDimensionOpen(parsed.timeDimension != null);
+    setFiltersOpen((parsed.filters?.length ?? 0) > 0);
+    // Only set customAggregationsOpen to true when parsed has custom measures.
+    // Never set to false here: parseQueryToState always returns customMeasures: [] because
+    // Cube.js query format doesn't store custom measure definitions, so we'd incorrectly
+    // turn off the toggle after running a query that uses custom measures.
+    if ((parsed.customMeasures?.length ?? 0) > 0) {
+      setCustomAggregationsOpen(true);
+    }
+  }, [initialQuery, initialChartType]);
+
+  // Keep time dimension toggle in sync when panel's disable clears the config
+  useEffect(() => {
+    if (state.timeDimension == null) setTimeDimensionOpen(false);
+  }, [state.timeDimension]);
+
+  // Turn off filter toggle when the last filter is deleted
+  useEffect(() => {
+    if (state.filters.length === 0 && filtersOpen) setFiltersOpen(false);
+  }, [state.filters.length, filtersOpen]);
+
+  // Turn off custom aggregations toggle when the last custom measure is removed
+  useEffect(() => {
+    if (state.customMeasures.length === 0 && customAggregationsOpen) setCustomAggregationsOpen(false);
+  }, [state.customMeasures.length, customAggregationsOpen]);
+
+  // Initialize: execute initialQuery once (deps intentionally minimal to avoid redundant runs).
+  // Skip when hidePreview is true because the parent component handles data loading.
+  useEffect(() => {
+    if (!initialQuery || isInitialized) return;
+    setIsInitialized(true);
+
+    if (hidePreview) {
+      // Sync lastStateRef so the reactive effect does not re-run the same query on mount.
+      lastStateRef.current = JSON.stringify({
+        chartType: state.chartType,
+        measures: state.selectedMeasures,
+        dimensions: state.selectedDimensions,
+        filters: state.filters,
+        timeDimension: state.timeDimension,
+      });
+      return;
+    }
+
+    const chartType = state.chartType;
+    const requestId = ++requestIdRef.current;
+
+    executeQueryAction({ environmentId, query: initialQuery })
+      .then((result) => {
+        if (requestId !== requestIdRef.current) return;
+        if (result?.serverError) {
+          dispatchQuery({ type: "QUERY_ERROR", payload: getFormattedErrorMessage(result) });
+          return;
+        }
+        const data = Array.isArray(result?.data) ? result.data : [];
+        if (data.length > 0) {
+          dispatchQuery({ type: "QUERY_SUCCESS", payload: { data, query: initialQuery } });
+          lastStateRef.current = JSON.stringify({
+            chartType,
+            measures: state.selectedMeasures,
+            dimensions: state.selectedDimensions,
+            filters: state.filters,
+            timeDimension: state.timeDimension,
+          });
+          if (onChartGeneratedRef.current && chartType) {
+            onChartGeneratedRef.current({ query: initialQuery, chartType, data });
+          }
+        }
+      })
+      .catch((err: unknown) => {
+        if (requestId !== requestIdRef.current) return;
+        const message =
+          err instanceof Error ? err.message : t("environments.analysis.charts.failed_to_execute_query");
+        dispatchQuery({ type: "QUERY_ERROR", payload: message });
+      });
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- init runs once; state/onChartGenerated via ref
+  }, [initialQuery, environmentId, isInitialized]);
+
+  // Reactive query with debounce and cancellation
+  useEffect(() => {
+    if (!isInitialized || !state.chartType) return;
+    if (state.selectedMeasures.length === 0 && state.customMeasures.length === 0) return;
+
+    const stateHash = JSON.stringify({
+      chartType: state.chartType,
+      measures: state.selectedMeasures,
+      dimensions: state.selectedDimensions,
+      filters: state.filters,
+      timeDimension: state.timeDimension,
+    });
+    if (stateHash === lastStateRef.current) return;
+    lastStateRef.current = stateHash;
+
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    debounceRef.current = setTimeout(() => {
+      debounceRef.current = null;
+      const chartType = state.chartType;
+      const updatedQuery = buildCubeQuery(state);
+      const requestId = ++requestIdRef.current;
+      dispatchQuery({ type: "QUERY_START" });
+
+      executeQueryAction({ environmentId, query: updatedQuery })
+        .then((result) => {
+          if (requestId !== requestIdRef.current) return;
+          if (result?.serverError) {
+            dispatchQuery({ type: "QUERY_ERROR", payload: getFormattedErrorMessage(result) });
+            return;
+          }
+          const data = Array.isArray(result?.data) ? result.data : [];
+          if (data.length > 0) {
+            dispatchQuery({ type: "QUERY_SUCCESS", payload: { data, query: updatedQuery } });
+            if (onChartGeneratedRef.current && chartType) {
+              onChartGeneratedRef.current({ query: updatedQuery, chartType, data });
+            }
+          } else {
+            dispatchQuery({
+              type: "QUERY_ERROR",
+              payload: t("environments.analysis.charts.no_data_returned"),
+            });
+          }
+        })
+        .catch((err: unknown) => {
+          if (requestId !== requestIdRef.current) return;
+          const message =
+            err instanceof Error ? err.message : t("environments.analysis.charts.failed_to_execute_query");
+          dispatchQuery({ type: "QUERY_ERROR", payload: message });
+        });
+    }, DEBOUNCE_MS);
+
+    return () => {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+        debounceRef.current = null;
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- debounced; onChartGenerated via ref
+  }, [
+    state.chartType,
+    state.selectedMeasures,
+    state.selectedDimensions,
+    state.filters,
+    state.filterLogic,
+    state.customMeasures,
+    state.timeDimension,
+    isInitialized,
+    environmentId,
+  ]);
+
+  const processQueryResult = useCallback(
+    (
+      result: Awaited<ReturnType<typeof executeQueryAction>>,
+      cubeQuery: TChartQuery,
+      chartType: TChartType,
+      requestId: number
+    ) => {
+      if (requestId !== requestIdRef.current) return;
+      if (result?.serverError) {
+        const errorMsg = getFormattedErrorMessage(result);
+        dispatchQuery({ type: "QUERY_ERROR", payload: errorMsg });
+        toast.error(errorMsg);
+        return;
+      }
+      const data = Array.isArray(result?.data) ? result.data : [];
+      if (data.length === 0) {
+        dispatchQuery({
+          type: "QUERY_ERROR",
+          payload: t("environments.analysis.charts.no_data_returned"),
+        });
+        toast.error(t("environments.analysis.charts.no_data_returned"));
+        return;
+      }
+      dispatchQuery({ type: "QUERY_SUCCESS", payload: { data, query: cubeQuery } });
+      toast.success(t("environments.analysis.charts.query_executed_successfully"));
+      if (onChartGeneratedRef.current && chartType) {
+        onChartGeneratedRef.current({ query: cubeQuery, chartType, data });
+      }
+    },
+    [t]
+  );
+
+  const handleRunQuery = async () => {
+    if (!state.chartType) {
+      toast.error(t("environments.analysis.charts.please_select_chart_type"));
+      return;
+    }
+    if (state.selectedMeasures.length === 0 && state.customMeasures.length === 0) {
+      toast.error(t("environments.analysis.charts.please_select_at_least_one_measure"));
+      return;
+    }
+
+    dispatchQuery({ type: "QUERY_START" });
+    const cubeQuery = buildCubeQuery(state);
+    const chartType = state.chartType;
+    const requestId = ++requestIdRef.current;
+
+    try {
+      const result = await executeQueryAction({ environmentId, query: cubeQuery });
+      processQueryResult(result, cubeQuery, chartType, requestId);
+    } catch (err: unknown) {
+      if (requestId !== requestIdRef.current) return;
+      const message =
+        err instanceof Error ? err.message : t("environments.analysis.charts.failed_to_execute_query");
+      dispatchQuery({ type: "QUERY_ERROR", payload: message });
+      toast.error(message);
+    }
+  };
+
+  const { chartData, query, isLoading, error } = queryState;
+  const showSaveDashboard = !onSave || !onAddToDashboard;
+
+  return (
+    <div className={hidePreview ? "space-y-2" : "grid gap-4 lg:grid-cols-2"}>
+      <div className="mx-1 space-y-2">
+        {!hidePreview && (
+          <>
+            <ChartBuilderGuide />
+            <ChartTypeSelector
+              selectedChartType={state.chartType}
+              onChartTypeSelect={(chartType) => dispatch({ type: "SET_CHART_TYPE", payload: chartType })}
+            />
+          </>
+        )}
+
+        <div className="mt-4 flex w-full flex-col gap-3 overflow-hidden rounded-lg border bg-slate-50 p-4">
+          <MeasuresPanel
+            selectedMeasures={state.selectedMeasures}
+            customMeasures={state.customMeasures}
+            customAggregationsOpen={customAggregationsOpen}
+            onCustomAggregationsOpenChange={(open) => {
+              setCustomAggregationsOpen(open);
+              if (!open) {
+                dispatch({ type: "SET_CUSTOM_MEASURES", payload: [] });
+              } else if (state.customMeasures.length === 0) {
+                const dimensionOptions = FEEDBACK_FIELDS.dimensions
+                  .filter((d) => d.type === "number")
+                  .map((d) => d.id);
+                dispatch({
+                  type: "SET_CUSTOM_MEASURES",
+                  payload: [
+                    {
+                      id: `measure-${crypto.randomUUID()}`,
+                      field: dimensionOptions[0] ?? "",
+                      aggregation: "avg",
+                    },
+                  ],
+                });
+              }
+            }}
+            onMeasuresChange={(measures) => dispatch({ type: "SET_MEASURES", payload: measures })}
+            onCustomMeasuresChange={(measures) =>
+              dispatch({ type: "SET_CUSTOM_MEASURES", payload: measures })
+            }
+          />
+        </div>
+
+        <AdvancedOptionToggle
+          isChecked={dimensionsOpen}
+          onToggle={(checked) => {
+            setDimensionsOpen(checked);
+            if (!checked) dispatch({ type: "SET_DIMENSIONS", payload: [] });
+          }}
+          htmlId="chart-dimensions-toggle"
+          title={t("environments.analysis.charts.dimensions")}
+          description={t("environments.analysis.charts.dimensions_toggle_description")}
+          customContainerClass="mt-2 px-0"
+          childrenContainerClass="flex-col gap-3 p-4"
+          childBorder>
+          <DimensionsPanel
+            hideTitle
+            selectedDimensions={state.selectedDimensions}
+            onDimensionsChange={(dimensions) => dispatch({ type: "SET_DIMENSIONS", payload: dimensions })}
+          />
+        </AdvancedOptionToggle>
+
+        <AdvancedOptionToggle
+          isChecked={timeDimensionOpen}
+          onToggle={(checked) => {
+            setTimeDimensionOpen(checked);
+            if (!checked) dispatch({ type: "SET_TIME_DIMENSION", payload: null });
+            else if (!state.timeDimension) {
+              dispatch({
+                type: "SET_TIME_DIMENSION",
+                payload: {
+                  dimension: "FeedbackRecords.collectedAt",
+                  granularity: "day",
+                  dateRange: "last 30 days",
+                },
+              });
+            }
+          }}
+          htmlId="chart-time-dimension-toggle"
+          title={t("environments.analysis.charts.time_dimension")}
+          description={t("environments.analysis.charts.time_dimension_toggle_description")}
+          customContainerClass="mt-2 px-0"
+          childrenContainerClass="flex-col gap-3 p-4"
+          childBorder>
+          <TimeDimensionPanel
+            hideTitle
+            timeDimension={state.timeDimension}
+            onTimeDimensionChange={(config) => dispatch({ type: "SET_TIME_DIMENSION", payload: config })}
+          />
+        </AdvancedOptionToggle>
+
+        <AdvancedOptionToggle
+          isChecked={filtersOpen}
+          onToggle={(checked) => {
+            setFiltersOpen(checked);
+            if (!checked) {
+              dispatch({ type: "SET_FILTERS", payload: [] });
+            } else if (state.filters.length === 0) {
+              const firstField = FEEDBACK_FIELDS.dimensions[0] ?? FEEDBACK_FIELDS.measures[0];
+              dispatch({
+                type: "SET_FILTERS",
+                payload: [
+                  {
+                    field: firstField?.id ?? "",
+                    operator: "equals" as const,
+                    values: null,
+                  },
+                ],
+              });
+            }
+          }}
+          htmlId="chart-filters-toggle"
+          title={t("environments.analysis.charts.filters")}
+          description={t("environments.analysis.charts.filters_toggle_description")}
+          customContainerClass="mt-2 px-0"
+          childrenContainerClass="flex-col gap-3 p-4"
+          childBorder>
+          <FiltersPanel
+            hideTitle
+            filters={state.filters}
+            filterLogic={state.filterLogic}
+            onFiltersChange={(filters) => dispatch({ type: "SET_FILTERS", payload: filters })}
+            onFilterLogicChange={(logic) => dispatch({ type: "SET_FILTER_LOGIC", payload: logic })}
+          />
+        </AdvancedOptionToggle>
+
+        <div className="mt-4 flex justify-end gap-2">
+          <Button onClick={handleRunQuery} disabled={isLoading || !state.chartType}>
+            {isLoading ? <LoadingSpinner /> : t("environments.analysis.charts.run_query")}
+          </Button>
+          {chartData && showSaveDashboard && (
+            <>
+              <Button variant="outline" onClick={() => saveDashboard.setIsSaveDialogOpen(true)}>
+                {t("environments.analysis.charts.save_chart")}
+              </Button>
+              <Button variant="outline" onClick={() => saveDashboard.setIsAddToDashboardDialogOpen(true)}>
+                {t("environments.analysis.charts.add_to_dashboard")}
+              </Button>
+            </>
+          )}
+        </div>
+      </div>
+
+      {!hidePreview && (
+        <AdvancedChartPreview
+          error={error}
+          isLoading={isLoading}
+          chartData={chartData}
+          chartType={state.chartType}
+          query={query}
+          showQuery={showQuery}
+          onShowQueryChange={setShowQuery}
+          showData={showData}
+          onShowDataChange={setShowData}
+        />
+      )}
+
+      {!onSave && (
+        <SaveChartDialog
+          open={saveDashboard.isSaveDialogOpen}
+          onOpenChange={saveDashboard.setIsSaveDialogOpen}
+          chartName={saveDashboard.chartName}
+          onChartNameChange={saveDashboard.setChartName}
+          onSave={saveDashboard.handleSaveChart}
+          isSaving={saveDashboard.isSaving}
+        />
+      )}
+      {!onAddToDashboard && (
+        <AddToDashboardDialog
+          isOpen={saveDashboard.isAddToDashboardDialogOpen}
+          onOpenChange={saveDashboard.setIsAddToDashboardDialogOpen}
+          chartName={saveDashboard.chartName}
+          onChartNameChange={saveDashboard.setChartName}
+          dashboards={saveDashboard.dashboards}
+          selectedDashboardId={saveDashboard.selectedDashboardId}
+          onDashboardSelect={saveDashboard.setSelectedDashboardId}
+          onConfirm={saveDashboard.handleAddToDashboard}
+          isSaving={saveDashboard.isSaving}
+        />
+      )}
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/advanced-chart-preview.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { CodeIcon, DatabaseIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import type { TChartQuery } from "@formbricks/types/analysis";
+import { ChartRenderer } from "@/modules/ee/analysis/charts/components/chart-renderer";
+import { DataViewer } from "@/modules/ee/analysis/charts/components/data-viewer";
+import { QueryViewer } from "@/modules/ee/analysis/charts/components/query-viewer";
+import type { TChartDataRow, TChartType } from "@/modules/ee/analysis/types/analysis";
+import { Button } from "@/modules/ui/components/button";
+import { LoadingSpinner } from "@/modules/ui/components/loading-spinner";
+
+interface AdvancedChartPreviewProps {
+  error: string | null;
+  isLoading: boolean;
+  chartData: TChartDataRow[] | null;
+  chartType: TChartType | "";
+  query: TChartQuery | null;
+  showQuery: boolean;
+  onShowQueryChange: (open: boolean) => void;
+  showData: boolean;
+  onShowDataChange: (open: boolean) => void;
+}
+
+export function AdvancedChartPreview({
+  error,
+  isLoading,
+  chartData,
+  chartType,
+  query,
+  showQuery,
+  onShowQueryChange,
+  showData,
+  onShowDataChange,
+}: Readonly<AdvancedChartPreviewProps>) {
+  const { t } = useTranslation();
+  const hasData = chartData && chartData.length > 0 && !isLoading && chartType && query;
+  const isEmpty = !chartData && !isLoading && !error;
+
+  return (
+    <div className="space-y-2">
+      <h3 className="text-md font-semibold text-gray-900">
+        {t("environments.analysis.charts.chart_preview")}
+      </h3>
+
+      {error && (
+        <div className="rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-800">{error}</div>
+      )}
+
+      {isLoading && (
+        <div className="flex h-64 items-center justify-center">
+          <LoadingSpinner />
+        </div>
+      )}
+
+      {hasData && (
+        <div className="space-y-2">
+          <div className="rounded-lg border border-gray-200 bg-white p-4">
+            <ChartRenderer chartType={chartType} data={chartData} query={query} />
+          </div>
+
+          <QueryViewer
+            query={query}
+            isOpen={showQuery}
+            onOpenChange={onShowQueryChange}
+            trigger={
+              <Collapsible.CollapsibleTrigger asChild>
+                <Button variant="outline" className="w-full justify-start">
+                  <CodeIcon className="mr-2 h-4 w-4" />
+                  {showQuery ? t("common.hide") : t("common.view")}{" "}
+                  {t("environments.analysis.charts.query_label")}
+                </Button>
+              </Collapsible.CollapsibleTrigger>
+            }
+          />
+
+          <Collapsible.Root open={showData} onOpenChange={onShowDataChange}>
+            <Collapsible.CollapsibleTrigger asChild>
+              <Button variant="outline" className="w-full justify-start">
+                <DatabaseIcon className="mr-2 h-4 w-4" />
+                {showData ? t("common.hide") : t("common.view")}{" "}
+                {t("environments.analysis.charts.data_label")}
+              </Button>
+            </Collapsible.CollapsibleTrigger>
+            <Collapsible.CollapsibleContent className="mt-2">
+              <DataViewer data={chartData} />
+            </Collapsible.CollapsibleContent>
+          </Collapsible.Root>
+        </div>
+      )}
+
+      {isEmpty && (
+        <div className="flex h-64 items-center justify-center rounded-lg border border-gray-200 bg-gray-50 text-sm text-gray-500">
+          {t("environments.analysis.charts.advanced_chart_builder_config_prompt")}
+        </div>
+      )}
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/ai-query-section.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import { ActivityIcon } from "lucide-react";
+import { useState } from "react";
+import { toast } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import { generateAIChartAction } from "@/modules/ee/analysis/charts/actions";
+import type { AnalyticsResponse } from "@/modules/ee/analysis/types/analysis";
+import { Button } from "@/modules/ui/components/button";
+import { Input } from "@/modules/ui/components/input";
+
+interface AIQuerySectionProps {
+  environmentId: string;
+  onChartGenerated: (data: AnalyticsResponse) => void;
+}
+
+export function AIQuerySection({ environmentId, onChartGenerated }: Readonly<AIQuerySectionProps>) {
+  const [userQuery, setUserQuery] = useState("");
+  const [isGenerating, setIsGenerating] = useState(false);
+  const { t } = useTranslation();
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    if (!userQuery.trim()) return;
+    setIsGenerating(true);
+    try {
+      const result = await generateAIChartAction({
+        environmentId,
+        prompt: userQuery.trim(),
+      });
+
+      if (result?.data) {
+        onChartGenerated(result.data);
+      } else {
+        const errorMessage = getFormattedErrorMessage(result);
+        toast.error(errorMessage);
+      }
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error ? error.message : t("common.something_went_wrong_please_try_again");
+      toast.error(message);
+    } finally {
+      setIsGenerating(false);
+    }
+  };
+
+  return (
+    <div className="space-y-4 rounded-lg border border-gray-200 bg-white p-6 shadow-sm">
+      <div className="mb-4 flex items-center gap-2">
+        <div className="bg-brand-dark/10 flex h-8 w-8 items-center justify-center rounded-full">
+          <ActivityIcon className="text-brand-dark h-5 w-5" />
+        </div>
+        <div>
+          <h2 className="font-semibold text-gray-900">
+            {t("environments.analysis.charts.ai_query_section_title")}
+          </h2>
+          <p className="text-sm text-gray-500">
+            {t("environments.analysis.charts.ai_query_section_description")}
+          </p>
+        </div>
+      </div>
+
+      <form className="flex gap-4" onSubmit={handleSubmit}>
+        <Input
+          placeholder={t("environments.analysis.charts.ai_query_placeholder")}
+          value={userQuery}
+          onChange={(e) => setUserQuery(e.target.value)}
+          className="flex-1"
+          disabled={isGenerating}
+        />
+        <Button
+          type="submit"
+          disabled={!userQuery.trim() || isGenerating}
+          loading={isGenerating}
+          className="bg-brand-dark hover:bg-brand-dark/90">
+          {t("common.generate")}
+        </Button>
+      </form>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/chart-builder-guide.tsx

@@ -0,0 +1,112 @@
+"use client";
+
+import { HelpCircle } from "lucide-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Button } from "@/modules/ui/components/button";
+import { Dialog, DialogBody, DialogContent, DialogHeader, DialogTitle } from "@/modules/ui/components/dialog";
+
+interface ChartBuilderGuideProps {
+  /** Optional trigger; when not provided, caller renders their own */
+  trigger?: React.ReactNode;
+}
+
+export function ChartBuilderGuide({ trigger }: Readonly<ChartBuilderGuideProps>) {
+  const [isOpen, setIsOpen] = useState(false);
+  const { t } = useTranslation();
+
+  return (
+    <>
+      {trigger ?? (
+        <Button type="button" variant="ghost" size="sm" onClick={() => setIsOpen(true)}>
+          <HelpCircle className="mr-2 h-4 w-4" />
+          {t("environments.analysis.charts.guide_button")}
+        </Button>
+      )}
+      <Dialog open={isOpen} onOpenChange={(isOpen) => !isOpen && setIsOpen(false)}>
+        <DialogContent width="wide" className="max-h-[85vh] overflow-y-auto">
+          <DialogHeader>
+            <DialogTitle>{t("environments.analysis.charts.guide_title")}</DialogTitle>
+          </DialogHeader>
+          <DialogBody>
+            <div className="space-y-6">
+              <section>
+                <h3 className="text-md mb-1 font-semibold text-gray-900">
+                  {t("environments.analysis.charts.guide_chart_type")}
+                </h3>
+                <p className="text-gray-600">{t("environments.analysis.charts.guide_chart_type_desc")}</p>
+              </section>
+
+              <section>
+                <h3 className="text-md mb-1 font-semibold text-gray-900">
+                  {t("environments.analysis.charts.guide_measures")}
+                </h3>
+                <p className="mb-2 text-sm text-gray-600">
+                  {t("environments.analysis.charts.guide_measures_predefined")}
+                </p>
+                <p className="text-sm text-gray-600">
+                  {t("environments.analysis.charts.guide_measures_custom")}
+                </p>
+              </section>
+
+              <section>
+                <h3 className="text-md mb-1 font-semibold text-gray-900">
+                  {t("environments.analysis.charts.guide_dimensions")}
+                </h3>
+                <p className="text-sm text-gray-600">
+                  {t("environments.analysis.charts.guide_dimensions_desc")}
+                </p>
+              </section>
+
+              <section>
+                <h3 className="text-md mb-1 font-semibold text-gray-900">
+                  {t("environments.analysis.charts.guide_time_dimension")}
+                </h3>
+                <p className="text-sm text-gray-600">
+                  {t("environments.analysis.charts.guide_time_dimension_desc")}
+                </p>
+              </section>
+
+              <section>
+                <h3 className="text-md mb-1 font-semibold text-gray-900">
+                  {t("environments.analysis.charts.guide_filters")}
+                </h3>
+                <p className="text-sm text-gray-600">
+                  {t("environments.analysis.charts.guide_filters_desc")}
+                </p>
+              </section>
+
+              <section>
+                <h3 className="text-md mb-2 font-semibold text-gray-900">
+                  {t("environments.analysis.charts.guide_quick_ref")}
+                </h3>
+                <dl className="space-y-1.5 text-sm text-gray-600">
+                  <div>
+                    <dt className="inline font-medium text-gray-900">Measure: </dt>
+                    <dd className="inline">{t("environments.analysis.charts.guide_term_measure")}</dd>
+                  </div>
+                  <div>
+                    <dt className="inline font-medium text-gray-900">Dimension: </dt>
+                    <dd className="inline">{t("environments.analysis.charts.guide_term_dimension")}</dd>
+                  </div>
+                  <div>
+                    <dt className="inline font-medium text-gray-900">Custom aggregation: </dt>
+                    <dd className="inline">{t("environments.analysis.charts.guide_term_custom")}</dd>
+                  </div>
+                  <div>
+                    <dt className="inline font-medium text-gray-900">Time dimension: </dt>
+                    <dd className="inline">{t("environments.analysis.charts.guide_term_time")}</dd>
+                  </div>
+                  <div>
+                    <dt className="inline font-medium text-gray-900">Filter: </dt>
+                    <dd className="inline">{t("environments.analysis.charts.guide_term_filter")}</dd>
+                  </div>
+                </dl>
+              </section>
+            </div>
+          </DialogBody>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}

apps/web/modules/ee/analysis/charts/components/chart-dialog-footer.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { PlusIcon, SaveIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import { Button } from "@/modules/ui/components/button";
+import { DialogFooter } from "@/modules/ui/components/dialog";
+
+interface ChartDialogFooterProps {
+  onSaveClick: () => void;
+  onAddToDashboardClick: () => void;
+  isSaving: boolean;
+}
+
+export function ChartDialogFooter({
+  onSaveClick,
+  onAddToDashboardClick,
+  isSaving,
+}: Readonly<ChartDialogFooterProps>) {
+  const { t } = useTranslation();
+  return (
+    <DialogFooter>
+      <Button variant="outline" onClick={onAddToDashboardClick} disabled={isSaving}>
+        <PlusIcon className="mr-2 h-4 w-4" />
+        {t("environments.analysis.charts.add_to_dashboard")}
+      </Button>
+      <Button onClick={onSaveClick} disabled={isSaving}>
+        <SaveIcon className="mr-2 h-4 w-4" />
+        {t("environments.analysis.charts.save_chart")}
+      </Button>
+    </DialogFooter>
+  );
+}

apps/web/modules/ee/analysis/charts/components/chart-dialog-loading-view.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { Dialog, DialogContent, DialogTitle } from "@/modules/ui/components/dialog";
+import { LoadingSpinner } from "@/modules/ui/components/loading-spinner";
+
+interface ChartDialogLoadingViewProps {
+  open: boolean;
+  onClose: () => void;
+}
+
+export function ChartDialogLoadingView({ open, onClose }: Readonly<ChartDialogLoadingViewProps>) {
+  const { t } = useTranslation();
+
+  return (
+    <Dialog open={open} onOpenChange={(isOpen) => !isOpen && onClose()}>
+      <DialogContent width="wide">
+        <DialogTitle className="sr-only">{t("common.loading")}</DialogTitle>
+        <div className="flex h-64 items-center justify-center">
+          <LoadingSpinner />
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/web/modules/ee/analysis/charts/components/chart-dropdown-menu.tsx

@@ -0,0 +1,130 @@
+"use client";
+
+import { CopyIcon, MoreVertical, SquarePenIcon, TrashIcon } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import { deleteChartAction, duplicateChartAction } from "@/modules/ee/analysis/charts/actions";
+import type { TChartWithCreator } from "@/modules/ee/analysis/types/analysis";
+import { Button } from "@/modules/ui/components/button";
+import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/modules/ui/components/dropdown-menu";
+
+interface ChartDropdownMenuProps {
+  environmentId: string;
+  chart: TChartWithCreator;
+  onEdit?: (chartId: string) => void;
+  onInteractionStart?: () => void;
+}
+
+export function ChartDropdownMenu({
+  environmentId,
+  chart,
+  onEdit,
+  onInteractionStart,
+}: Readonly<ChartDropdownMenuProps>) {
+  const { t } = useTranslation();
+  const router = useRouter();
+  const [isDeleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [isDuplicating, setIsDuplicating] = useState(false);
+
+  const handleDeleteChart = async () => {
+    setIsDeleting(true);
+    try {
+      const result = await deleteChartAction({ environmentId, chartId: chart.id });
+      if (result?.data) {
+        toast.success(t("environments.analysis.charts.chart_deleted_successfully"));
+        setDeleteDialogOpen(false);
+        router.refresh();
+      } else {
+        toast.error(getFormattedErrorMessage(result));
+      }
+    } catch {
+      toast.error(t("common.something_went_wrong_please_try_again"));
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+
+  const handleDuplicateChart = async () => {
+    onInteractionStart?.();
+    setIsDuplicating(true);
+    try {
+      const result = await duplicateChartAction({ environmentId, chartId: chart.id });
+      if (result?.data) {
+        toast.success(t("environments.analysis.charts.chart_duplicated_successfully"));
+        router.refresh();
+      } else {
+        toast.error(
+          getFormattedErrorMessage(result) || t("environments.analysis.charts.chart_duplication_error")
+        );
+      }
+    } catch {
+      toast.error(t("environments.analysis.charts.chart_duplication_error"));
+    } finally {
+      setIsDuplicating(false);
+    }
+  };
+
+  const handleEdit = () => {
+    onInteractionStart?.();
+    onEdit?.(chart.id);
+  };
+
+  const handleOpenDeleteDialog = () => {
+    onInteractionStart?.();
+    setDeleteDialogOpen(true);
+  };
+
+  return (
+    <div id={`chart-${chart.id}-actions`} data-testid="chart-dropdown-menu">
+      <DropdownMenu>
+        <DropdownMenuTrigger className="z-10" asChild>
+          <Button variant="outline" className="px-2" onClick={(e) => e.stopPropagation()}>
+            <span className="sr-only">{t("environments.analysis.charts.open_options")}</span>
+            <MoreVertical className="size-4" aria-hidden="true" />
+          </Button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent className="inline-block w-auto min-w-max" align="end">
+          <DropdownMenuGroup>
+            <DropdownMenuItem icon={<SquarePenIcon className="size-4" />} onClick={handleEdit}>
+              {t("common.edit")}
+            </DropdownMenuItem>
+
+            <DropdownMenuItem
+              icon={<CopyIcon className="size-4" />}
+              onClick={handleDuplicateChart}
+              disabled={isDuplicating}>
+              {t("common.duplicate")}
+            </DropdownMenuItem>
+
+            <DropdownMenuItem
+              icon={<TrashIcon className="size-4" />}
+              onClick={handleOpenDeleteDialog}
+              disabled={isDeleting}>
+              {t("common.delete")}
+            </DropdownMenuItem>
+          </DropdownMenuGroup>
+        </DropdownMenuContent>
+      </DropdownMenu>
+
+      <DeleteDialog
+        deleteWhat={t("common.chart")}
+        open={isDeleteDialogOpen}
+        setOpen={setDeleteDialogOpen}
+        onDelete={handleDeleteChart}
+        text={t("environments.analysis.charts.delete_chart_confirmation")}
+        isDeleting={isDeleting}
+      />
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/chart-preview.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { BarChart, DatabaseIcon } from "lucide-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { ChartRenderer } from "@/modules/ee/analysis/charts/components/chart-renderer";
+import { DataViewer } from "@/modules/ee/analysis/charts/components/data-viewer";
+import { AnalyticsResponse } from "@/modules/ee/analysis/types/analysis";
+import { LoadingSpinner } from "@/modules/ui/components/loading-spinner";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/modules/ui/components/tabs";
+
+interface ChartPreviewProps {
+  chartData: AnalyticsResponse | null;
+  isLoading?: boolean;
+  error?: string | null;
+}
+
+export function ChartPreview({ chartData, isLoading = false, error }: Readonly<ChartPreviewProps>) {
+  const [activeTab, setActiveTab] = useState<"chart" | "data">("chart");
+  const { t } = useTranslation();
+
+  const data = chartData?.data ?? [];
+
+  const handleTabChange = (value: string) => {
+    if (value === "chart" || value === "data") {
+      setActiveTab(value);
+    }
+  };
+
+  const renderContent = () => {
+    if (isLoading) {
+      return (
+        <div className="flex h-48 items-center justify-center">
+          <LoadingSpinner />
+        </div>
+      );
+    }
+
+    if (error || chartData?.error) {
+      return (
+        <div className="flex h-48 items-center justify-center text-sm text-red-600">
+          {error || chartData?.error}
+        </div>
+      );
+    }
+
+    if (!chartData) {
+      return (
+        <div className="flex h-48 items-center justify-center text-sm text-gray-500">
+          {t("environments.analysis.charts.no_data_available")}
+        </div>
+      );
+    }
+
+    return (
+      <Tabs value={activeTab} onValueChange={handleTabChange}>
+        <div className="mb-4 flex justify-end">
+          <TabsList>
+            <TabsTrigger value="chart" icon={<BarChart className="h-4 w-4" />}>
+              {t("environments.analysis.charts.chart")}
+            </TabsTrigger>
+            <TabsTrigger value="data" icon={<DatabaseIcon className="h-4 w-4" />}>
+              {t("environments.analysis.charts.chart_data_tab")}
+            </TabsTrigger>
+          </TabsList>
+        </div>
+
+        <TabsContent value="chart" className="mt-0">
+          <ChartRenderer chartType={chartData.chartType} data={data} query={chartData.query} />
+        </TabsContent>
+
+        <TabsContent value="data" className="mt-0">
+          <DataViewer data={data} />
+        </TabsContent>
+      </Tabs>
+    );
+  };
+
+  return (
+    <div className="rounded-lg border border-gray-200 bg-white p-6">
+      <h3 className="mb-4 font-semibold text-gray-900">{t("environments.analysis.charts.chart_preview")}</h3>
+      {renderContent()}
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/chart-renderer.tsx

@@ -0,0 +1,250 @@
+"use client";
+
+import { format, isValid, parseISO } from "date-fns";
+import type { ElementType, ReactNode } from "react";
+import { useTranslation } from "react-i18next";
+import {
+  Area,
+  AreaChart,
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Cell,
+  Line,
+  LineChart,
+  Pie,
+  PieChart,
+  XAxis,
+  YAxis,
+} from "recharts";
+import { TChartQuery } from "@formbricks/types/analysis";
+import {
+  CHART_BRAND_DARK,
+  CHART_BRAND_LIGHT,
+  formatCellValue,
+  preparePieData,
+} from "@/modules/ee/analysis/charts/lib/chart-utils";
+import { formatCubeColumnHeader } from "@/modules/ee/analysis/lib/schema-definition";
+import type { TChartDataRow, TChartType } from "@/modules/ee/analysis/types/analysis";
+import type { ChartConfig } from "@/modules/ui/components/chart";
+import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/modules/ui/components/chart";
+
+function formatXAxisTick(value: unknown): string {
+  if (value == null) return "";
+  let str: string;
+  if (typeof value === "string") str = value;
+  else if (typeof value === "number") str = String(value);
+  else return "";
+  const date = parseISO(str);
+  if (isValid(date)) return format(date, "MMM d, yyyy");
+  return str;
+}
+
+function ChartTooltipRow({ value, dataKey }: Readonly<{ value: unknown; dataKey: string }>) {
+  return (
+    <>
+      <div
+        className="h-2.5 w-2.5 shrink-0 rounded-[2px] border border-current"
+        style={{
+          backgroundColor: CHART_BRAND_DARK,
+          borderColor: CHART_BRAND_DARK,
+        }}
+      />
+      <div className="flex flex-1 items-center justify-between leading-none">
+        <span className="text-muted-foreground">{formatCubeColumnHeader(dataKey)}</span>
+        <span className="text-foreground font-mono font-medium tabular-nums">{formatCellValue(value)}</span>
+      </div>
+    </>
+  );
+}
+
+/** Creates a tooltip formatter bound to dataKey for Cartesian charts. Defined at module level to avoid Sonar "component in parent" warnings. */
+function createTooltipFormatter(dataKey: string) {
+  const Formatter = (value: unknown) => <ChartTooltipRow value={value} dataKey={dataKey} />;
+  Formatter.displayName = "ChartTooltipFormatter";
+  return Formatter;
+}
+
+/** Tooltip content for bar/line/area charts with formatted label and value. Extracted to avoid inline component definitions. */
+function CartesianChartTooltip({ dataKey }: Readonly<{ dataKey: string }>) {
+  return <ChartTooltipContent labelFormatter={formatXAxisTick} formatter={createTooltipFormatter(dataKey)} />;
+}
+
+/** Shared layout for bar, line, and area charts to avoid duplicating grid/axis/tooltip boilerplate. */
+function CartesianChart({
+  data,
+  xAxisKey,
+  dataKey,
+  chartConfig,
+  chart: Chart,
+  children,
+}: Readonly<{
+  data: TChartDataRow[];
+  xAxisKey: string;
+  dataKey: string;
+  chartConfig: ChartConfig;
+  chart: ElementType;
+  children: ReactNode;
+}>) {
+  return (
+    <div className="h-64 w-full">
+      <ChartContainer config={chartConfig} className="h-full w-full">
+        <Chart data={data}>
+          <CartesianGrid strokeDasharray="3 3" vertical={false} />
+          <XAxis
+            dataKey={xAxisKey}
+            tickLine={false}
+            tickMargin={10}
+            axisLine={false}
+            tickFormatter={formatXAxisTick}
+          />
+          <YAxis tickLine={false} axisLine={false} />
+          <ChartTooltip content={<CartesianChartTooltip dataKey={dataKey} />} />
+          {children}
+        </Chart>
+      </ChartContainer>
+    </div>
+  );
+}
+
+interface ChartRendererProps {
+  chartType: TChartType;
+  data: TChartDataRow[];
+  query: TChartQuery;
+}
+
+export function ChartRenderer({ chartType, data, query }: Readonly<ChartRendererProps>) {
+  const { t } = useTranslation();
+
+  if (!data || data.length === 0) {
+    return (
+      <div className="flex h-64 items-center justify-center text-gray-500">
+        {t("environments.analysis.charts.no_data_available")}
+      </div>
+    );
+  }
+
+  const dataKey = query.measures?.[0] ?? Object.keys(data[0])[0] ?? "value";
+  const xAxisKey =
+    query.dimensions?.[0] ??
+    query.timeDimensions?.[0]?.dimension ??
+    Object.keys(data[0]).find((k) => k !== dataKey) ??
+    "key";
+  const chartConfig: ChartConfig = {
+    [dataKey]: {
+      label: formatCubeColumnHeader(dataKey),
+      color: CHART_BRAND_DARK,
+    },
+  };
+
+  switch (chartType) {
+    case "bar":
+      return (
+        <CartesianChart
+          chart={BarChart}
+          data={data}
+          xAxisKey={xAxisKey}
+          dataKey={dataKey}
+          chartConfig={chartConfig}>
+          <Bar dataKey={dataKey} fill={CHART_BRAND_DARK} radius={4} />
+        </CartesianChart>
+      );
+    case "line":
+      return (
+        <CartesianChart
+          chart={LineChart}
+          data={data}
+          xAxisKey={xAxisKey}
+          dataKey={dataKey}
+          chartConfig={chartConfig}>
+          <Line
+            type="monotone"
+            dataKey={dataKey}
+            stroke={CHART_BRAND_DARK}
+            strokeWidth={3}
+            dot={{ fill: CHART_BRAND_DARK, r: 4 }}
+            activeDot={{ r: 6 }}
+          />
+        </CartesianChart>
+      );
+    case "area":
+      return (
+        <CartesianChart
+          chart={AreaChart}
+          data={data}
+          xAxisKey={xAxisKey}
+          dataKey={dataKey}
+          chartConfig={chartConfig}>
+          <Area
+            type="monotone"
+            dataKey={dataKey}
+            stroke={CHART_BRAND_DARK}
+            fill={CHART_BRAND_LIGHT}
+            fillOpacity={0.4}
+            strokeWidth={2}
+          />
+        </CartesianChart>
+      );
+    case "pie": {
+      const pieResult = preparePieData(data, dataKey);
+      if (!pieResult) {
+        return (
+          <div className="flex h-64 items-center justify-center text-gray-500">
+            {t("environments.analysis.charts.no_valid_data_to_display")}
+          </div>
+        );
+      }
+      const { processedData, colors } = pieResult;
+
+      return (
+        <div className="h-64 w-full min-w-0">
+          <ChartContainer config={chartConfig} className="h-full w-full min-w-0">
+            <PieChart>
+              <Pie
+                data={processedData}
+                dataKey={dataKey}
+                nameKey={xAxisKey}
+                cx="50%"
+                cy="50%"
+                outerRadius={80}
+                label={({ name, percent }) => {
+                  if (!percent) return "";
+                  return `${formatXAxisTick(name)}: ${(percent * 100).toFixed(0)}%`;
+                }}>
+                {processedData.map((row, index) => {
+                  const rowKey = row[xAxisKey] ?? `row-${index}`;
+                  const uniqueKey = `${xAxisKey}-${String(rowKey)}-${index}`;
+                  return <Cell key={uniqueKey} fill={colors[index] || CHART_BRAND_DARK} />;
+                })}
+              </Pie>
+              <ChartTooltip
+                content={<ChartTooltipContent />}
+                formatter={(value: number | string, name: string) => [
+                  formatCellValue(value),
+                  formatCubeColumnHeader(name),
+                ]}
+              />
+            </PieChart>
+          </ChartContainer>
+        </div>
+      );
+    }
+    case "big_number": {
+      const total = data.reduce((sum, row) => sum + (Number(row[dataKey]) || 0), 0);
+      return (
+        <div className="flex h-64 items-center justify-center">
+          <div className="text-center">
+            <div className="text-4xl font-bold text-gray-900">{total.toLocaleString()}</div>
+            <div className="mt-2 text-sm text-gray-500">{formatCubeColumnHeader(dataKey)}</div>
+          </div>
+        </div>
+      );
+    }
+    default:
+      return (
+        <div className="flex h-64 items-center justify-center text-gray-500">
+          {t("environments.analysis.charts.chart_type_not_supported", { chartType })}
+        </div>
+      );
+  }
+}

apps/web/modules/ee/analysis/charts/components/chart-row.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { BarChart3Icon } from "lucide-react";
+import { convertDateString, timeSinceDate } from "@/lib/time";
+import { ChartDropdownMenu } from "@/modules/ee/analysis/charts/components/chart-dropdown-menu";
+import { CHART_TYPE_ICONS } from "@/modules/ee/analysis/charts/lib/chart-types";
+import type { TChartWithCreator } from "@/modules/ee/analysis/types/analysis";
+
+interface ChartRowProps {
+  chart: TChartWithCreator;
+  environmentId: string;
+  isReadOnly: boolean;
+}
+
+export function ChartRow({ chart, environmentId, isReadOnly }: Readonly<ChartRowProps>) {
+  const IconComponent = CHART_TYPE_ICONS[chart.type as keyof typeof CHART_TYPE_ICONS] ?? BarChart3Icon;
+
+  return (
+    <div className="grid h-12 w-full grid-cols-7 content-center text-left transition-colors ease-in-out hover:bg-slate-100">
+      <div className="col-span-6 grid grid-cols-6 content-center p-2">
+        <div className="col-span-3 flex items-center pl-6 text-sm">
+          <div className="flex items-center gap-4">
+            <div className="ph-no-capture w-8 flex-shrink-0 text-slate-500">
+              <IconComponent className="h-5 w-5" />
+            </div>
+            <div className="flex flex-col">
+              <div className="ph-no-capture font-medium text-slate-900">{chart.name}</div>
+            </div>
+          </div>
+        </div>
+        <div className="col-span-1 my-auto hidden whitespace-nowrap text-center text-sm text-slate-500 sm:block">
+          <div className="ph-no-capture text-slate-900">{chart.creator?.name ?? "-"}</div>
+        </div>
+        <div className="col-span-1 my-auto hidden whitespace-normal text-center text-sm text-slate-500 sm:block">
+          <div className="ph-no-capture text-slate-900">
+            {convertDateString(chart.createdAt.toISOString())}
+          </div>
+        </div>
+        <div className="col-span-1 my-auto hidden text-center text-sm text-slate-500 sm:block">
+          <div className="ph-no-capture text-slate-900">{timeSinceDate(new Date(chart.updatedAt))}</div>
+        </div>
+      </div>
+      <div className="col-span-1 my-auto flex items-center justify-end pr-6">
+        {!isReadOnly && <ChartDropdownMenu environmentId={environmentId} chart={chart} />}
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/chart-type-selector.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { getChartTypes } from "@/modules/ee/analysis/charts/lib/chart-types";
+import type { TChartType } from "@/modules/ee/analysis/types/analysis";
+
+interface ChartTypeSelectorProps {
+  selectedChartType: TChartType | "";
+  onChartTypeSelect: (chartType: TChartType) => void;
+}
+
+export function ChartTypeSelector({
+  selectedChartType,
+  onChartTypeSelect,
+}: Readonly<ChartTypeSelectorProps>) {
+  const { t } = useTranslation();
+  const chartTypes = getChartTypes(t);
+
+  return (
+    <div className="space-y-2">
+      <h2 className="text-md font-semibold text-gray-900">
+        {t("environments.analysis.charts.chart_builder_choose_chart_type")}
+      </h2>
+      <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4">
+        {chartTypes.map((chart) => {
+          const isSelected = selectedChartType === chart.id;
+          return (
+            <button
+              key={chart.id}
+              type="button"
+              onClick={() => onChartTypeSelect(chart.id)}
+              className={`rounded-md border p-4 text-center transition-all hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 ${
+                isSelected
+                  ? "border-brand-dark ring-brand-dark bg-brand-dark/5 ring-1"
+                  : "border-gray-200 hover:border-gray-300"
+              }`}>
+              <div className="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded bg-gray-100">
+                <chart.icon className="h-6 w-6 text-gray-600" strokeWidth={1.5} />
+              </div>
+              <span className="text-sm font-medium text-gray-700">{chart.label}</span>
+            </button>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/charts-list-page.tsx

@@ -0,0 +1,63 @@
+import { Delay } from "@suspensive/react";
+import { Suspense, use } from "react";
+import { getTranslate } from "@/lingodotdev/server";
+import { ChartsList } from "@/modules/ee/analysis/charts/components/charts-list";
+import { ChartsListSkeleton } from "@/modules/ee/analysis/charts/components/charts-list-skeleton";
+import { CreateChartButton } from "@/modules/ee/analysis/charts/components/create-chart-button";
+import { getChartsWithCreator } from "@/modules/ee/analysis/charts/lib/charts";
+import { AnalysisPageLayout } from "@/modules/ee/analysis/components/analysis-page-layout";
+import type { TChartWithCreator } from "@/modules/ee/analysis/types/analysis";
+import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
+
+interface ChartsListContentProps {
+  chartsPromise: Promise<TChartWithCreator[]>;
+  environmentId: string;
+  isReadOnly: boolean;
+}
+
+const ChartsListContent = ({
+  chartsPromise,
+  environmentId,
+  isReadOnly,
+}: Readonly<ChartsListContentProps>) => {
+  const charts = use(chartsPromise);
+
+  return <ChartsList charts={charts} environmentId={environmentId} isReadOnly={isReadOnly} />;
+};
+
+interface ChartsListPageProps {
+  environmentId: string;
+}
+
+export async function ChartsListPage({ environmentId }: Readonly<ChartsListPageProps>) {
+  const t = await getTranslate();
+  const { project, isReadOnly } = await getEnvironmentAuth(environmentId);
+  const chartsPromise = getChartsWithCreator(project.id);
+
+  return (
+    <AnalysisPageLayout
+      pageTitle={t("common.analysis")}
+      environmentId={environmentId}
+      cta={isReadOnly ? undefined : <CreateChartButton environmentId={environmentId} />}>
+      <Suspense
+        fallback={
+          <Delay ms={200}>
+            <ChartsListSkeleton
+              columnHeaders={[
+                t("common.title"),
+                t("common.created_by"),
+                t("common.created_at"),
+                t("common.updated_at"),
+              ]}
+            />
+          </Delay>
+        }>
+        <ChartsListContent
+          chartsPromise={chartsPromise}
+          environmentId={environmentId}
+          isReadOnly={isReadOnly}
+        />
+      </Suspense>
+    </AnalysisPageLayout>
+  );
+}

apps/web/modules/ee/analysis/charts/components/charts-list-skeleton.tsx

@@ -0,0 +1,43 @@
+const SKELETON_ROWS = 5;
+
+function SkeletonRow() {
+  return (
+    <div className="grid h-12 w-full animate-pulse grid-cols-7 content-center p-2">
+      <div className="col-span-3 flex items-center gap-4 pl-6">
+        <div className="h-5 w-5 rounded bg-gray-200" />
+        <div className="h-4 w-36 rounded bg-gray-200" />
+      </div>
+      <div className="col-span-1 my-auto hidden sm:flex sm:justify-center">
+        <div className="h-4 w-16 rounded bg-gray-200" />
+      </div>
+      <div className="col-span-1 my-auto hidden sm:flex sm:justify-center">
+        <div className="h-4 w-24 rounded bg-gray-200" />
+      </div>
+      <div className="col-span-1 my-auto hidden sm:flex sm:justify-center">
+        <div className="h-4 w-20 rounded bg-gray-200" />
+      </div>
+      <div className="col-span-1" />
+    </div>
+  );
+}
+
+interface ChartsListSkeletonProps {
+  columnHeaders: string[];
+}
+
+export function ChartsListSkeleton({ columnHeaders }: Readonly<ChartsListSkeletonProps>) {
+  return (
+    <div className="rounded-xl border border-slate-200 bg-white shadow-sm">
+      <div className="grid h-12 grid-cols-7 content-center border-b text-left text-sm font-semibold text-slate-900">
+        <div className="col-span-3 pl-6">{columnHeaders[0]}</div>
+        <div className="col-span-1 hidden text-center sm:block">{columnHeaders[1]}</div>
+        <div className="col-span-1 hidden text-center sm:block">{columnHeaders[2]}</div>
+        <div className="col-span-1 hidden text-center sm:block">{columnHeaders[3]}</div>
+        <div className="col-span-1" />
+      </div>
+      {Array.from({ length: SKELETON_ROWS }).map((_, i) => (
+        <SkeletonRow key={`skeleton-row-${String(i)}`} />
+      ))}
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/charts-list.tsx

@@ -0,0 +1,125 @@
+"use client";
+
+import { format, formatDistanceToNow } from "date-fns";
+import { BarChart3Icon } from "lucide-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { ChartDropdownMenu } from "@/modules/ee/analysis/charts/components/chart-dropdown-menu";
+import { CreateChartDialog } from "@/modules/ee/analysis/charts/components/create-chart-dialog";
+import { CHART_TYPE_ICONS } from "@/modules/ee/analysis/charts/lib/chart-types";
+import type { TChartWithCreator } from "@/modules/ee/analysis/types/analysis";
+
+interface ChartsListProps {
+  charts: TChartWithCreator[];
+  environmentId: string;
+  isReadOnly: boolean;
+}
+
+export function ChartsList({ charts, environmentId, isReadOnly }: Readonly<ChartsListProps>) {
+  const [editingChartId, setEditingChartId] = useState<string | undefined>(undefined);
+  const [isEditDialogOpen, setIsEditDialogOpen] = useState(false);
+  const { t } = useTranslation();
+  const filteredCharts = charts;
+
+  const getChartIcon = (type: string) => {
+    const IconComponent = CHART_TYPE_ICONS[type as keyof typeof CHART_TYPE_ICONS] ?? BarChart3Icon;
+    return <IconComponent className="h-5 w-5" />;
+  };
+
+  const handleChartClick = (chartId: string) => {
+    setEditingChartId(chartId);
+    setIsEditDialogOpen(true);
+  };
+
+  const handleEditSuccess = () => {
+    setIsEditDialogOpen(false);
+    setEditingChartId(undefined);
+  };
+
+  const handleRowKeyDown = (e: React.KeyboardEvent, chartId: string) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleChartClick(chartId);
+    }
+  };
+
+  return (
+    <div className="rounded-xl border border-slate-200 bg-white shadow-sm">
+      <div className="grid h-12 grid-cols-7 content-center border-b text-left text-sm font-semibold text-slate-900">
+        <div className="col-span-3 pl-6">{t("common.title")}</div>
+        <div className="col-span-1 hidden text-center sm:block">{t("common.created_by")}</div>
+        <div className="col-span-1 hidden text-center sm:block">{t("common.created_at")}</div>
+        <div className="col-span-1 hidden text-center sm:block">{t("common.updated_at")}</div>
+        <div className="col-span-1" />
+      </div>
+      {filteredCharts.length === 0 ? (
+        <p className="py-6 text-center text-sm text-slate-400">
+          {t("environments.analysis.charts.no_charts_found")}
+        </p>
+      ) : (
+        <>
+          {filteredCharts.map((chart) => (
+            // Cannot use native <button>; row contains dropdown trigger (nested interactive invalid)
+            // eslint-disable-next-line jsx-a11y/prefer-tag-over-role, jsx-a11y/no-static-element-interactions
+            <div
+              key={chart.id}
+              role="button"
+              tabIndex={0}
+              onClick={() => handleChartClick(chart.id)}
+              onKeyDown={(e) => handleRowKeyDown(e, chart.id)}
+              aria-label={t("environments.analysis.charts.open_chart", { name: chart.name })}
+              className="grid h-12 w-full cursor-pointer grid-cols-7 content-center p-2 text-left transition-colors ease-in-out hover:bg-slate-100">
+              <div className="col-span-3 flex items-center pl-6 text-sm">
+                <div className="flex items-center gap-4">
+                  <div className="ph-no-capture w-8 flex-shrink-0 text-slate-500">
+                    {getChartIcon(chart.type)}
+                  </div>
+                  <div className="flex flex-col">
+                    <div className="ph-no-capture font-medium text-slate-900">{chart.name}</div>
+                  </div>
+                </div>
+              </div>
+              <div className="col-span-1 my-auto hidden whitespace-nowrap text-center text-sm text-slate-500 sm:block">
+                <div className="ph-no-capture text-slate-900">{chart.creator?.name ?? "-"}</div>
+              </div>
+              <div className="col-span-1 my-auto hidden whitespace-normal text-center text-sm text-slate-500 sm:block">
+                <div className="ph-no-capture text-slate-900">
+                  {format(new Date(chart.createdAt), "do 'of' MMMM, yyyy")}
+                </div>
+              </div>
+              <div className="col-span-1 my-auto hidden text-center text-sm text-slate-500 sm:block">
+                <div className="ph-no-capture text-slate-900">
+                  {formatDistanceToNow(new Date(chart.updatedAt), {
+                    addSuffix: true,
+                  }).replace("about", "")}
+                </div>
+              </div>
+              <div
+                className="col-span-1 my-auto flex items-center justify-end pr-6"
+                onClick={(e) => e.stopPropagation()}>
+                {!isReadOnly && (
+                  <ChartDropdownMenu
+                    environmentId={environmentId}
+                    chart={chart}
+                    onEdit={(chartId) => {
+                      setEditingChartId(chartId);
+                      setIsEditDialogOpen(true);
+                    }}
+                  />
+                )}
+              </div>
+            </div>
+          ))}
+        </>
+      )}
+      <CreateChartDialog
+        open={isEditDialogOpen}
+        onOpenChange={setIsEditDialogOpen}
+        environmentId={environmentId}
+        chartId={editingChartId}
+        initialChart={editingChartId ? filteredCharts.find((c) => c.id === editingChartId) : undefined}
+        onSuccess={handleEditSuccess}
+      />
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/configure-chart-dialog.tsx

@@ -0,0 +1,98 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { cn } from "@/lib/cn";
+import { getChartTypes } from "@/modules/ee/analysis/charts/lib/chart-types";
+import { Button } from "@/modules/ui/components/button";
+import {
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/modules/ui/components/dialog";
+
+interface ConfigureChartDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  currentChartType: string;
+  configuredChartType: string | null;
+  onChartTypeSelect: (type: string) => void;
+  onReset: () => void;
+}
+
+export function ConfigureChartDialog({
+  open,
+  onOpenChange,
+  currentChartType,
+  configuredChartType,
+  onChartTypeSelect,
+  onReset,
+}: Readonly<ConfigureChartDialogProps>) {
+  const { t } = useTranslation();
+  const chartTypes = getChartTypes(t);
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-2xl">
+        <DialogHeader>
+          <DialogTitle>{t("environments.analysis.charts.configure_title")}</DialogTitle>
+          <DialogDescription>{t("environments.analysis.charts.configure_description")}</DialogDescription>
+        </DialogHeader>
+        <DialogBody>
+          <div className="space-y-6">
+            <div>
+              <h4 className="text-md mb-3 font-semibold text-gray-900">
+                {t("environments.analysis.charts.configure_type_label")}
+              </h4>
+              <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4">
+                {chartTypes.map((chart) => {
+                  const isSelected = (configuredChartType || currentChartType) === chart.id;
+                  return (
+                    <button
+                      key={chart.id}
+                      type="button"
+                      onClick={() => onChartTypeSelect(chart.id)}
+                      className={cn(
+                        "flex flex-col items-center gap-2 rounded-lg border p-4 transition-all hover:bg-gray-50",
+                        isSelected
+                          ? "border-brand-dark bg-brand-dark/5 ring-brand-dark ring-2"
+                          : "border-gray-200"
+                      )}
+                      aria-label={chart.label}>
+                      <div className="flex h-10 w-10 items-center justify-center rounded bg-gray-100">
+                        <chart.icon className="h-5 w-5 text-gray-600" strokeWidth={1.5} />
+                      </div>
+                      <span className="text-sm font-medium text-gray-700">{chart.label}</span>
+                    </button>
+                  );
+                })}
+              </div>
+              <div className="mt-3 flex items-center gap-2">
+                <Button variant="ghost" size="sm" onClick={onReset} className="text-sm">
+                  {t("environments.analysis.charts.reset_to_ai_suggestion")}
+                </Button>
+                {configuredChartType && (
+                  <span className="text-sm text-gray-500">
+                    {t("environments.analysis.charts.original")}:{" "}
+                    {chartTypes.find((c) => c.id === currentChartType)?.label ?? currentChartType}
+                  </span>
+                )}
+              </div>
+            </div>
+          </div>
+        </DialogBody>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)}>
+            {t("common.close")}
+          </Button>
+          <Button onClick={() => onOpenChange(false)}>
+            {t("environments.analysis.charts.apply_changes")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/web/modules/ee/analysis/charts/components/create-chart-button.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { PlusIcon } from "lucide-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { CreateChartDialog } from "@/modules/ee/analysis/charts/components/create-chart-dialog";
+import { Button } from "@/modules/ui/components/button";
+
+interface CreateChartButtonProps {
+  environmentId: string;
+}
+
+export function CreateChartButton({ environmentId }: Readonly<CreateChartButtonProps>) {
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <Button onClick={() => setIsDialogOpen(true)}>
+        <PlusIcon className="mr-2 h-4 w-4" />
+        {t("environments.analysis.charts.create_chart")}
+      </Button>
+      <CreateChartDialog open={isDialogOpen} onOpenChange={setIsDialogOpen} environmentId={environmentId} />
+    </>
+  );
+}

apps/web/modules/ee/analysis/charts/components/create-chart-dialog.tsx

@@ -0,0 +1,123 @@
+"use client";
+
+import { ChartDialogLoadingView } from "@/modules/ee/analysis/charts/components/chart-dialog-loading-view";
+import { CreateChartView } from "@/modules/ee/analysis/charts/components/create-chart-view";
+import { EditChartView } from "@/modules/ee/analysis/charts/components/edit-chart-view";
+import { useCreateChartDialog } from "@/modules/ee/analysis/charts/hooks/use-create-chart-dialog";
+import type { TChartWithCreator } from "@/modules/ee/analysis/types/analysis";
+
+export interface CreateChartDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  environmentId: string;
+  chartId?: string;
+  /** Pre-loaded chart metadata from list; skips getChartAction when provided */
+  initialChart?: TChartWithCreator;
+  onSuccess?: () => void;
+}
+
+export function CreateChartDialog({
+  open,
+  onOpenChange,
+  environmentId,
+  chartId,
+  initialChart,
+  onSuccess,
+}: Readonly<CreateChartDialogProps>) {
+  const hook = useCreateChartDialog({
+    open,
+    onOpenChange,
+    environmentId,
+    chartId,
+    initialChart,
+    onSuccess,
+  });
+
+  const {
+    chartData,
+    chartName,
+    setChartName,
+    selectedChartType,
+    initialQuery,
+    setSelectedChartType,
+    handleChartTypeChange,
+    isSaveDialogOpen,
+    setIsSaveDialogOpen,
+    isAddToDashboardDialogOpen,
+    setIsAddToDashboardDialogOpen,
+    dashboards,
+    selectedDashboardId,
+    setSelectedDashboardId,
+    isSaving,
+    isLoadingChart,
+    chartLoadError,
+    shouldShowAdvancedBuilder,
+    handleChartGenerated,
+    handleSaveChart,
+    handleAddToDashboard,
+    handleClose,
+    handleAdvancedBuilderSave,
+    handleAdvancedBuilderAddToDashboard,
+  } = hook;
+
+  if (chartId && isLoadingChart && !initialChart) {
+    return <ChartDialogLoadingView open={open} onClose={handleClose} />;
+  }
+
+  if (chartId && (chartData || initialChart)) {
+    return (
+      <EditChartView
+        open={open}
+        onClose={handleClose}
+        environmentId={environmentId}
+        chartData={chartData ?? null}
+        initialQuery={initialQuery}
+        isLoadingChart={isLoadingChart}
+        chartLoadError={chartLoadError}
+        chartName={chartName}
+        onChartNameChange={setChartName}
+        selectedChartType={selectedChartType}
+        onChartTypeChange={handleChartTypeChange}
+        onChartGenerated={handleChartGenerated}
+        onAdvancedBuilderSave={handleAdvancedBuilderSave}
+        onAdvancedBuilderAddToDashboard={handleAdvancedBuilderAddToDashboard}
+        dashboards={dashboards}
+        selectedDashboardId={selectedDashboardId}
+        onDashboardSelect={setSelectedDashboardId}
+        onAddToDashboard={handleAddToDashboard}
+        onSave={handleSaveChart}
+        isSaving={isSaving}
+        isAddToDashboardDialogOpen={isAddToDashboardDialogOpen}
+        onAddToDashboardDialogOpenChange={setIsAddToDashboardDialogOpen}
+      />
+    );
+  }
+
+  return (
+    <CreateChartView
+      open={open}
+      onClose={handleClose}
+      environmentId={environmentId}
+      chartId={chartId}
+      chartData={chartData}
+      chartName={chartName}
+      onChartNameChange={setChartName}
+      selectedChartType={selectedChartType}
+      onSelectedChartTypeChange={setSelectedChartType}
+      shouldShowAdvancedBuilder={shouldShowAdvancedBuilder}
+      onChartGenerated={handleChartGenerated}
+      onAdvancedBuilderSave={handleAdvancedBuilderSave}
+      onAdvancedBuilderAddToDashboard={handleAdvancedBuilderAddToDashboard}
+      dashboards={dashboards}
+      selectedDashboardId={selectedDashboardId}
+      onDashboardSelect={setSelectedDashboardId}
+      onAddToDashboard={handleAddToDashboard}
+      onSave={handleSaveChart}
+      isSaving={isSaving}
+      isSaveDialogOpen={isSaveDialogOpen}
+      onSaveDialogOpenChange={setIsSaveDialogOpen}
+      isAddToDashboardDialogOpen={isAddToDashboardDialogOpen}
+      onAddToDashboardDialogOpenChange={setIsAddToDashboardDialogOpen}
+    />
+  );
+}

apps/web/modules/ee/analysis/charts/components/create-chart-view.tsx

@@ -0,0 +1,176 @@
+"use client";
+
+import { useEffect, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { AddToDashboardDialog } from "@/modules/ee/analysis/charts/components/add-to-dashboard-dialog";
+import { AdvancedChartBuilder } from "@/modules/ee/analysis/charts/components/advanced-chart-builder";
+import { AIQuerySection } from "@/modules/ee/analysis/charts/components/ai-query-section";
+import { ChartBuilderGuide } from "@/modules/ee/analysis/charts/components/chart-builder-guide";
+import { ChartDialogFooter } from "@/modules/ee/analysis/charts/components/chart-dialog-footer";
+import { ChartPreview } from "@/modules/ee/analysis/charts/components/chart-preview";
+import { ManualChartBuilder } from "@/modules/ee/analysis/charts/components/manual-chart-builder";
+import { SaveChartDialog } from "@/modules/ee/analysis/charts/components/save-chart-dialog";
+import type { AnalyticsResponse, TChartType } from "@/modules/ee/analysis/types/analysis";
+import {
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/modules/ui/components/dialog";
+
+interface CreateChartViewProps {
+  open: boolean;
+  onClose: () => void;
+  environmentId: string;
+  chartId?: string;
+  chartData: AnalyticsResponse | null;
+  chartName: string;
+  onChartNameChange: (name: string) => void;
+  selectedChartType: TChartType | "";
+  onSelectedChartTypeChange: (type: TChartType) => void;
+  shouldShowAdvancedBuilder: boolean;
+  onChartGenerated: (data: AnalyticsResponse) => void;
+  onAdvancedBuilderSave: (savedChartId: string) => void;
+  onAdvancedBuilderAddToDashboard: (savedChartId: string, _dashboardId?: string) => void;
+  dashboards: Array<{ id: string; name: string }>;
+  selectedDashboardId: string;
+  onDashboardSelect: (id: string) => void;
+  onAddToDashboard: () => void;
+  onSave: () => void;
+  isSaving: boolean;
+  isSaveDialogOpen: boolean;
+  onSaveDialogOpenChange: (open: boolean) => void;
+  isAddToDashboardDialogOpen: boolean;
+  onAddToDashboardDialogOpenChange: (open: boolean) => void;
+}
+
+export function CreateChartView({
+  open,
+  onClose,
+  environmentId,
+  chartId,
+  chartData,
+  chartName,
+  onChartNameChange,
+  selectedChartType,
+  onSelectedChartTypeChange,
+  shouldShowAdvancedBuilder,
+  onChartGenerated,
+  onAdvancedBuilderSave,
+  onAdvancedBuilderAddToDashboard,
+  dashboards,
+  selectedDashboardId,
+  onDashboardSelect,
+  onAddToDashboard,
+  onSave,
+  isSaving,
+  isSaveDialogOpen,
+  onSaveDialogOpenChange,
+  isAddToDashboardDialogOpen,
+  onAddToDashboardDialogOpenChange,
+}: Readonly<CreateChartViewProps>) {
+  const { t } = useTranslation();
+  const chartPreviewRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (chartData) {
+      chartPreviewRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
+    }
+  }, [chartData]);
+
+  const handleAdvancedChartGenerated = (data: AnalyticsResponse) => {
+    onChartGenerated(data);
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={(isOpen) => !isOpen && onClose()}>
+      <DialogContent className="max-h-[90vh] overflow-y-auto" width="wide">
+        <DialogHeader>
+          <DialogTitle>
+            {chartId
+              ? t("environments.analysis.charts.edit_chart_title")
+              : t("environments.analysis.charts.create_chart")}
+          </DialogTitle>
+          <DialogDescription>
+            {chartId
+              ? t("environments.analysis.charts.edit_chart_description")
+              : t("environments.analysis.charts.create_chart_description")}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogBody>
+          <div className="grid gap-4">
+            <AIQuerySection environmentId={environmentId} onChartGenerated={onChartGenerated} />
+
+            <div className="relative">
+              <div className="absolute inset-0 flex items-center" aria-hidden="true">
+                <div className="w-full border-t border-gray-200" />
+              </div>
+              <div className="relative flex justify-center">
+                <span className="bg-gray-50 px-2 text-sm text-gray-500">
+                  {t("environments.analysis.charts.OR")}
+                </span>
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <ChartBuilderGuide />
+              <ManualChartBuilder
+                selectedChartType={selectedChartType}
+                onChartTypeSelect={onSelectedChartTypeChange}
+              />
+            </div>
+
+            {shouldShowAdvancedBuilder && (
+              <AdvancedChartBuilder
+                environmentId={environmentId}
+                initialChartType={selectedChartType || chartData?.chartType}
+                initialQuery={chartData?.query}
+                hidePreview={true}
+                onChartGenerated={handleAdvancedChartGenerated}
+                onSave={onAdvancedBuilderSave}
+                onAddToDashboard={onAdvancedBuilderAddToDashboard}
+              />
+            )}
+
+            {chartData && (
+              <div ref={chartPreviewRef}>
+                <ChartPreview chartData={chartData} />
+              </div>
+            )}
+          </div>
+        </DialogBody>
+
+        {chartData && (
+          <>
+            <ChartDialogFooter
+              onSaveClick={() => onSaveDialogOpenChange(true)}
+              onAddToDashboardClick={() => onAddToDashboardDialogOpenChange(true)}
+              isSaving={isSaving}
+            />
+            <SaveChartDialog
+              open={isSaveDialogOpen}
+              onOpenChange={onSaveDialogOpenChange}
+              chartName={chartName}
+              onChartNameChange={onChartNameChange}
+              onSave={onSave}
+              isSaving={isSaving}
+            />
+            <AddToDashboardDialog
+              isOpen={isAddToDashboardDialogOpen}
+              onOpenChange={onAddToDashboardDialogOpenChange}
+              chartName={chartName}
+              onChartNameChange={onChartNameChange}
+              dashboards={dashboards}
+              selectedDashboardId={selectedDashboardId}
+              onDashboardSelect={onDashboardSelect}
+              onConfirm={onAddToDashboard}
+              isSaving={isSaving}
+            />
+          </>
+        )}
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/web/modules/ee/analysis/charts/components/data-viewer.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { DatabaseIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import { formatCellValue } from "@/modules/ee/analysis/charts/lib/chart-utils";
+import { formatCubeColumnHeader } from "@/modules/ee/analysis/lib/schema-definition";
+import type { TChartDataRow } from "@/modules/ee/analysis/types/analysis";
+
+interface DataViewerProps {
+  data: TChartDataRow[];
+}
+
+export function DataViewer({ data }: Readonly<DataViewerProps>) {
+  const { t } = useTranslation();
+  if (!data || data.length === 0) {
+    return (
+      <div className="rounded-lg border border-gray-200 bg-gray-50 p-4">
+        <p className="text-sm text-gray-500">{t("environments.analysis.charts.no_data_available")}</p>
+      </div>
+    );
+  }
+
+  const columns = Object.keys(data[0]);
+  const displayData = data.slice(0, 50);
+
+  return (
+    <div className="rounded-lg border border-gray-200 bg-gray-50 p-4">
+      <div className="mb-2 flex items-center gap-2">
+        <DatabaseIcon className="h-4 w-4 text-gray-600" />
+        <h4 className="text-sm font-semibold text-gray-900">
+          {t("environments.analysis.charts.chart_data")}
+        </h4>
+      </div>
+      <div className="max-h-64 overflow-auto rounded bg-white">
+        <table className="w-full text-xs">
+          <thead className="bg-gray-100">
+            <tr>
+              {columns.map((key) => (
+                <th key={key} className="border-b border-gray-200 px-3 py-2 text-left font-semibold">
+                  {formatCubeColumnHeader(key)}
+                </th>
+              ))}
+            </tr>
+          </thead>
+          <tbody>
+            {displayData.map((row, index) => {
+              const rowKey = Object.values(row)[0] ? String(Object.values(row)[0]) : `row-${index}`;
+              return (
+                <tr key={`data-row-${rowKey}-${index}`} className="border-b border-gray-100 hover:bg-gray-50">
+                  {Object.entries(row).map(([key, value]) => (
+                    <td key={`cell-${key}-${rowKey}`} className="px-3 py-2">
+                      {formatCellValue(value)}
+                    </td>
+                  ))}
+                </tr>
+              );
+            })}
+          </tbody>
+        </table>
+        {data.length > 50 && (
+          <div className="px-3 py-2 text-xs text-gray-500">
+            {t("environments.analysis.charts.showing_first_n_of", { n: 50, count: data.length })}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/dimensions-panel.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { FEEDBACK_FIELDS } from "@/modules/ee/analysis/lib/schema-definition";
+import { MultiSelect } from "@/modules/ui/components/multi-select";
+
+interface DimensionsPanelProps {
+  selectedDimensions: string[];
+  onDimensionsChange: (dimensions: string[]) => void;
+  hideTitle?: boolean;
+}
+
+export function DimensionsPanel({
+  selectedDimensions,
+  onDimensionsChange,
+  hideTitle = false,
+}: Readonly<DimensionsPanelProps>) {
+  const { t } = useTranslation();
+  const dimensionOptions = FEEDBACK_FIELDS.dimensions.map((d) => ({
+    value: d.id,
+    label: [d.label, d.description].filter(Boolean).join(" - "),
+  }));
+
+  return (
+    <div className="w-full space-y-2">
+      {!hideTitle && (
+        <h3 className="text-md font-semibold text-gray-900">
+          {t("environments.analysis.charts.dimensions")}
+        </h3>
+      )}
+      <div className="space-y-2">
+        <label className="text-sm">{t("environments.analysis.charts.group_by")}</label>
+        <MultiSelect
+          options={dimensionOptions}
+          value={selectedDimensions}
+          onChange={onDimensionsChange}
+          placeholder={t("environments.analysis.charts.select_measures")}
+        />
+        <p className="text-sm text-gray-500">{t("environments.analysis.charts.group_by_description")}</p>
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/edit-chart-view.tsx

@@ -0,0 +1,131 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { AddToDashboardDialog } from "@/modules/ee/analysis/charts/components/add-to-dashboard-dialog";
+import { AdvancedChartBuilder } from "@/modules/ee/analysis/charts/components/advanced-chart-builder";
+import { ChartBuilderGuide } from "@/modules/ee/analysis/charts/components/chart-builder-guide";
+import { ChartDialogFooter } from "@/modules/ee/analysis/charts/components/chart-dialog-footer";
+import { ChartPreview } from "@/modules/ee/analysis/charts/components/chart-preview";
+import { ManualChartBuilder } from "@/modules/ee/analysis/charts/components/manual-chart-builder";
+import type { AnalyticsResponse, TChartType } from "@/modules/ee/analysis/types/analysis";
+import {
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/modules/ui/components/dialog";
+import { Input } from "@/modules/ui/components/input";
+
+interface EditChartViewProps {
+  open: boolean;
+  onClose: () => void;
+  environmentId: string;
+  chartData: AnalyticsResponse | null;
+  /** Query from initialChart when chartData is still loading */
+  initialQuery?: AnalyticsResponse["query"];
+  isLoadingChart?: boolean;
+  chartLoadError?: string | null;
+  chartName: string;
+  onChartNameChange: (name: string) => void;
+  selectedChartType: TChartType | "";
+  onChartTypeChange: (type: TChartType) => void;
+  onChartGenerated: (data: AnalyticsResponse) => void;
+  onAdvancedBuilderSave: (savedChartId: string) => void;
+  onAdvancedBuilderAddToDashboard: (savedChartId: string, dashboardId?: string) => void;
+  dashboards: Array<{ id: string; name: string }>;
+  selectedDashboardId: string;
+  onDashboardSelect: (id: string) => void;
+  onAddToDashboard: () => void;
+  onSave: () => void;
+  isSaving: boolean;
+  isAddToDashboardDialogOpen: boolean;
+  onAddToDashboardDialogOpenChange: (open: boolean) => void;
+}
+
+export function EditChartView({
+  open,
+  onClose,
+  environmentId,
+  chartData,
+  initialQuery,
+  isLoadingChart = false,
+  chartLoadError,
+  chartName,
+  onChartNameChange,
+  selectedChartType,
+  onChartTypeChange,
+  onChartGenerated,
+  onAdvancedBuilderSave,
+  onAdvancedBuilderAddToDashboard,
+  dashboards,
+  selectedDashboardId,
+  onDashboardSelect,
+  onAddToDashboard,
+  onSave,
+  isSaving,
+  isAddToDashboardDialogOpen,
+  onAddToDashboardDialogOpenChange,
+}: Readonly<EditChartViewProps>) {
+  const { t } = useTranslation();
+  return (
+    <Dialog open={open} onOpenChange={(isOpen) => !isOpen && onClose()}>
+      <DialogContent className="max-h-[90vh] overflow-y-auto" width="wide">
+        <DialogHeader>
+          <DialogTitle>{t("environments.analysis.charts.edit_chart_title")}</DialogTitle>
+          <DialogDescription>{t("environments.analysis.charts.edit_chart_description")}</DialogDescription>
+        </DialogHeader>
+        <DialogBody>
+          <div className="grid gap-4 px-1">
+            <div className="space-y-2">
+              <label htmlFor="edit-chart-name" className="text-sm">
+                {t("environments.analysis.charts.chart_name")}
+              </label>
+              <Input
+                id="edit-chart-name"
+                value={chartName}
+                onChange={(e) => onChartNameChange(e.target.value)}
+                placeholder={t("environments.analysis.charts.chart_name_placeholder")}
+                className="w-full"
+              />
+            </div>
+            <div className="space-y-2">
+              <ChartBuilderGuide />
+              <ManualChartBuilder
+                selectedChartType={selectedChartType}
+                onChartTypeSelect={onChartTypeChange}
+              />
+            </div>
+            <AdvancedChartBuilder
+              environmentId={environmentId}
+              initialChartType={selectedChartType || chartData?.chartType}
+              initialQuery={chartData?.query ?? initialQuery}
+              hidePreview={true}
+              onChartGenerated={onChartGenerated}
+              onSave={onAdvancedBuilderSave}
+              onAddToDashboard={onAdvancedBuilderAddToDashboard}
+            />
+            <ChartPreview chartData={chartData} isLoading={isLoadingChart} error={chartLoadError} />
+          </div>
+        </DialogBody>
+        <ChartDialogFooter
+          onSaveClick={onSave}
+          onAddToDashboardClick={() => onAddToDashboardDialogOpenChange(true)}
+          isSaving={isSaving}
+        />
+        <AddToDashboardDialog
+          isOpen={isAddToDashboardDialogOpen}
+          onOpenChange={onAddToDashboardDialogOpenChange}
+          chartName={chartName}
+          onChartNameChange={onChartNameChange}
+          dashboards={dashboards}
+          selectedDashboardId={selectedDashboardId}
+          onDashboardSelect={onDashboardSelect}
+          onConfirm={onAddToDashboard}
+          isSaving={isSaving}
+        />
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/web/modules/ee/analysis/charts/components/filters-panel.tsx

@@ -0,0 +1,264 @@
+"use client";
+
+import { Plus, TrashIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import type { FilterRow, TFilterFieldType } from "@/modules/ee/analysis/lib/query-builder";
+import {
+  FEEDBACK_FIELDS,
+  getFieldById,
+  getFilterOperatorsForType,
+} from "@/modules/ee/analysis/lib/schema-definition";
+import { Button } from "@/modules/ui/components/button";
+import { Input } from "@/modules/ui/components/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/modules/ui/components/select";
+
+interface FiltersPanelProps {
+  filters: FilterRow[];
+  filterLogic: "and" | "or";
+  onFiltersChange: (filters: FilterRow[]) => void;
+  onFilterLogicChange: (logic: "and" | "or") => void;
+  hideTitle?: boolean;
+}
+
+export function FiltersPanel({
+  filters,
+  filterLogic,
+  onFiltersChange,
+  onFilterLogicChange,
+  hideTitle = false,
+}: Readonly<FiltersPanelProps>) {
+  const { t } = useTranslation();
+  const fieldOptions = [
+    ...FEEDBACK_FIELDS.dimensions.map((d) => ({
+      value: d.id,
+      label: d.label,
+      type: d.type,
+    })),
+    ...FEEDBACK_FIELDS.measures.map((m) => ({
+      value: m.id,
+      label: m.label,
+      type: "number" as TFilterFieldType,
+    })),
+  ];
+
+  const handleAddFilter = () => {
+    const firstField = fieldOptions[0];
+    onFiltersChange([
+      ...filters,
+      {
+        field: firstField?.value || "",
+        operator: "equals",
+        values: null,
+      },
+    ]);
+  };
+
+  const handleRemoveFilter = (index: number) => {
+    onFiltersChange(filters.filter((_, i) => i !== index));
+  };
+
+  const handleUpdateFilter = (index: number, updates: Partial<FilterRow>) => {
+    const updated = [...filters];
+    updated[index] = { ...updated[index], ...updates };
+    // Reset values if operator changed to set/notSet
+    if (updates.operator && (updates.operator === "set" || updates.operator === "notSet")) {
+      updated[index].values = null;
+    }
+    onFiltersChange(updated);
+  };
+
+  const getValueInput = (filter: FilterRow, index: number) => {
+    const field = getFieldById(filter.field);
+    const fieldType = (field?.type || "string") as TFilterFieldType;
+
+    // For set/notSet operators, no value input needed
+    if (filter.operator === "set" || filter.operator === "notSet") {
+      return null;
+    }
+
+    // For number fields with comparison operators, use number input
+    if (
+      fieldType === "number" &&
+      (filter.operator === "gt" ||
+        filter.operator === "gte" ||
+        filter.operator === "lt" ||
+        filter.operator === "lte")
+    ) {
+      return (
+        <Input
+          type="number"
+          placeholder={t("environments.analysis.charts.enter_value")}
+          value={filter.values?.[0] ?? ""}
+          onChange={(e) =>
+            handleUpdateFilter(index, {
+              values: e.target.value ? [Number(e.target.value)] : null,
+            })
+          }
+          className="w-[150px] bg-white"
+        />
+      );
+    }
+
+    // For equals/notEquals with string fields, allow single value
+    if ((filter.operator === "equals" || filter.operator === "notEquals") && fieldType === "string") {
+      return (
+        <Input
+          placeholder={t("environments.analysis.charts.enter_value")}
+          value={filter.values?.[0] ?? ""}
+          onChange={(e) =>
+            handleUpdateFilter(index, {
+              values: e.target.value ? [e.target.value] : null,
+            })
+          }
+          className="w-[200px] bg-white"
+        />
+      );
+    }
+
+    // For contains/notContains, allow multiple values (multi-select)
+    if (filter.operator === "contains" || filter.operator === "notContains") {
+      return (
+        <Input
+          placeholder={t("environments.analysis.charts.enter_value")}
+          value={filter.values?.[0] ?? ""}
+          onChange={(e) =>
+            handleUpdateFilter(index, {
+              values: e.target.value ? [e.target.value] : null,
+            })
+          }
+          className="w-[200px] bg-white"
+        />
+      );
+    }
+
+    // Default: single value input
+    return (
+      <Input
+        placeholder={t("environments.analysis.charts.enter_value")}
+        value={filter.values?.[0] ?? ""}
+        onChange={(e) =>
+          handleUpdateFilter(index, {
+            values: e.target.value ? [e.target.value] : null,
+          })
+        }
+        className="w-[200px]"
+      />
+    );
+  };
+
+  const hasFilters = filters.length > 0;
+  const hasMultipleFilters = filters.length > 1;
+
+  return (
+    <div className="w-full space-y-2">
+      {hasMultipleFilters && (
+        <div className={`flex items-center ${hideTitle ? "justify-end" : "justify-between"}`}>
+          {!hideTitle && (
+            <h3 className="text-md font-semibold text-gray-900">
+              {t("environments.analysis.charts.filters")}
+            </h3>
+          )}
+          <Select value={filterLogic} onValueChange={(value) => onFilterLogicChange(value as "and" | "or")}>
+            <SelectTrigger className="w-[100px] bg-white">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="and">{t("common.and")}</SelectItem>
+              <SelectItem value="or">{t("environments.analysis.charts.or_filter_logic")}</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      )}
+
+      <div className="space-y-3">
+        {filters.map((filter, index) => {
+          const field = getFieldById(filter.field);
+          const fieldType = (field?.type || "string") as "string" | "number" | "time";
+          const operators = getFilterOperatorsForType(fieldType);
+
+          return (
+            <div
+              key={filter.operator + index}
+              className="flex items-center gap-2 rounded-lg border border-gray-200 bg-white p-3">
+              <Select
+                value={filter.field}
+                onValueChange={(value) => {
+                  const newField = getFieldById(value);
+                  const newType = (newField?.type || "string") as TFilterFieldType;
+                  const newOperators = getFilterOperatorsForType(newType);
+                  handleUpdateFilter(index, {
+                    field: value,
+                    operator: newOperators[0] || "equals",
+                    values: null,
+                  });
+                }}>
+                <SelectTrigger className="w-[200px] bg-white">
+                  <SelectValue placeholder={t("environments.analysis.charts.select_field")} />
+                </SelectTrigger>
+                <SelectContent>
+                  {fieldOptions.map((option) => (
+                    <SelectItem key={option.value} value={option.value}>
+                      {option.label}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+
+              <Select
+                value={filter.operator}
+                onValueChange={(value) =>
+                  handleUpdateFilter(index, {
+                    operator: value,
+                  })
+                }>
+                <SelectTrigger className="w-[150px] bg-white">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  {operators.map((op) => (
+                    <SelectItem key={op} value={op}>
+                      {op === "equals" && t("environments.analysis.charts.equals")}
+                      {op === "notEquals" && t("environments.analysis.charts.not_equals")}
+                      {op === "contains" && t("environments.analysis.charts.contains")}
+                      {op === "notContains" && t("environments.analysis.charts.not_contains")}
+                      {op === "set" && t("environments.analysis.charts.is_set")}
+                      {op === "notSet" && t("environments.analysis.charts.is_not_set")}
+                      {op === "gt" && t("environments.analysis.charts.greater_than")}
+                      {op === "gte" && t("environments.analysis.charts.greater_than_or_equal")}
+                      {op === "lt" && t("environments.analysis.charts.less_than")}
+                      {op === "lte" && t("environments.analysis.charts.less_than_or_equal")}
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+
+              {getValueInput(filter, index)}
+
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon"
+                onClick={() => handleRemoveFilter(index)}
+                className="h-8 w-8">
+                <TrashIcon className="h-4 w-4" />
+              </Button>
+            </div>
+          );
+        })}
+
+        {hasFilters && (
+          <Button type="button" variant="outline" size="sm" onClick={handleAddFilter} className="h-8">
+            <Plus className="h-4 w-4" />
+            {t("environments.analysis.charts.add_filter")}
+          </Button>
+        )}
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/manual-chart-builder.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { cn } from "@/lib/cn";
+import { getChartTypes } from "@/modules/ee/analysis/charts/lib/chart-types";
+import type { TChartType } from "@/modules/ee/analysis/types/analysis";
+
+interface ManualChartBuilderProps {
+  selectedChartType: TChartType | "";
+  onChartTypeSelect: (type: TChartType) => void;
+}
+
+export function ManualChartBuilder({
+  selectedChartType,
+  onChartTypeSelect,
+}: Readonly<ManualChartBuilderProps>) {
+  const { t } = useTranslation();
+  const chartTypes = getChartTypes(t);
+  return (
+    <div className="space-y-2">
+      <div className="rounded-lg border border-gray-200 bg-white p-4">
+        <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">
+          {chartTypes.map((chart) => {
+            const isSelected = selectedChartType === chart.id;
+            return (
+              <button
+                key={chart.id}
+                type="button"
+                onClick={() => onChartTypeSelect(chart.id)}
+                className={cn(
+                  "focus:ring-brand-dark rounded-md border p-4 text-center transition-all hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2",
+                  isSelected
+                    ? "border-brand-dark ring-brand-dark bg-brand-dark/5 ring-1"
+                    : "border-gray-200 hover:border-gray-300"
+                )}>
+                <div className="mx-auto mb-3 flex h-12 w-12 items-center justify-center rounded bg-gray-100">
+                  <chart.icon className="h-6 w-6 text-gray-600" strokeWidth={1.5} />
+                </div>
+                <span className="text-sm font-medium text-gray-700">{chart.label}</span>
+              </button>
+            );
+          })}
+        </div>
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/measures-panel.tsx

@@ -0,0 +1,172 @@
+"use client";
+
+import { Plus, TrashIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import type { CustomMeasure } from "@/modules/ee/analysis/lib/query-builder";
+import { FEEDBACK_FIELDS } from "@/modules/ee/analysis/lib/schema-definition";
+import { AdvancedOptionToggle } from "@/modules/ui/components/advanced-option-toggle";
+import { Button } from "@/modules/ui/components/button";
+import { Input } from "@/modules/ui/components/input";
+import { MultiSelect } from "@/modules/ui/components/multi-select";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/modules/ui/components/select";
+
+interface MeasuresPanelProps {
+  selectedMeasures: string[];
+  customMeasures: CustomMeasure[];
+  customAggregationsOpen: boolean;
+  onCustomAggregationsOpenChange: (open: boolean) => void;
+  onMeasuresChange: (measures: string[]) => void;
+  onCustomMeasuresChange: (measures: CustomMeasure[]) => void;
+  hideTitle?: boolean;
+}
+
+export function MeasuresPanel({
+  selectedMeasures,
+  customMeasures,
+  customAggregationsOpen,
+  onCustomAggregationsOpenChange,
+  onMeasuresChange,
+  onCustomMeasuresChange,
+  hideTitle = false,
+}: Readonly<MeasuresPanelProps>) {
+  const { t } = useTranslation();
+  const measureOptions = FEEDBACK_FIELDS.measures.map((m) => ({
+    value: m.id,
+    label: [m.label, m.description].filter(Boolean).join(" - "),
+  }));
+
+  const dimensionOptions = FEEDBACK_FIELDS.dimensions
+    .filter((d) => d.type === "number")
+    .map((d) => ({
+      value: d.id,
+      label: d.label,
+    }));
+
+  const aggregationOptions = FEEDBACK_FIELDS.customAggregations.map((agg) => ({
+    value: agg,
+    label: agg.charAt(0).toUpperCase() + agg.slice(1),
+  }));
+
+  const handleAddCustomMeasure = () => {
+    onCustomMeasuresChange([
+      ...customMeasures,
+      {
+        id: `measure-${crypto.randomUUID()}`,
+        field: dimensionOptions[0]?.value || "",
+        aggregation: "avg",
+      },
+    ]);
+  };
+
+  const handleRemoveCustomMeasure = (index: number) => {
+    onCustomMeasuresChange(customMeasures.filter((_, i) => i !== index));
+  };
+
+  const handleUpdateCustomMeasure = (index: number, updates: Partial<CustomMeasure>) => {
+    const updated = [...customMeasures];
+    updated[index] = { ...updated[index], ...updates };
+    onCustomMeasuresChange(updated);
+  };
+
+  return (
+    <div className="w-full space-y-2">
+      {!hideTitle && (
+        <h3 className="text-md font-semibold text-gray-900">{t("environments.analysis.charts.measures")}</h3>
+      )}
+      <div className="space-y-2">
+        {/* Predefined Measures */}
+        <div className="space-y-2">
+          <label className="text-sm">{t("environments.analysis.charts.predefined_measures")}</label>
+          <MultiSelect
+            options={measureOptions}
+            value={selectedMeasures}
+            onChange={(selected) => onMeasuresChange(selected)}
+            placeholder={t("environments.analysis.charts.select_measures")}
+          />
+        </div>
+
+        {/* Custom Aggregations */}
+        <AdvancedOptionToggle
+          isChecked={customAggregationsOpen}
+          onToggle={onCustomAggregationsOpenChange}
+          htmlId="chart-custom-aggregations-toggle"
+          title={t("environments.analysis.charts.custom_aggregations")}
+          description={t("environments.analysis.charts.custom_aggregations_toggle_description")}
+          customContainerClass="mt-2 px-0"
+          childrenContainerClass="flex-col gap-3 p-4"
+          childBorder>
+          <div className="w-full space-y-2">
+            {customMeasures.map((measure, index) => (
+              <div
+                key={measure.id ?? `custom-measure-${index}`}
+                className="flex items-center gap-2 rounded-lg border border-gray-200 bg-white p-3">
+                <Select
+                  value={measure.field}
+                  onValueChange={(value) => handleUpdateCustomMeasure(index, { field: value })}>
+                  <SelectTrigger className="w-[200px] bg-white">
+                    <SelectValue placeholder={t("environments.analysis.charts.select_field")} />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {dimensionOptions.map((option) => (
+                      <SelectItem key={option.value} value={option.value}>
+                        {option.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+
+                <Select
+                  value={measure.aggregation}
+                  onValueChange={(value) => handleUpdateCustomMeasure(index, { aggregation: value })}>
+                  <SelectTrigger className="w-[150px] bg-white">
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {aggregationOptions.map((option) => (
+                      <SelectItem key={option.value} value={option.value}>
+                        {option.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+
+                <Input
+                  placeholder={t("environments.analysis.charts.alias_optional")}
+                  value={measure.alias || ""}
+                  onChange={(e) => handleUpdateCustomMeasure(index, { alias: e.target.value })}
+                  className="flex-1 bg-white"
+                />
+
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => handleRemoveCustomMeasure(index)}
+                  className="h-8 w-8">
+                  <TrashIcon className="h-4 w-4" />
+                </Button>
+              </div>
+            ))}
+            {customMeasures.length > 0 && (
+              <Button
+                type="button"
+                variant="outline"
+                size="sm"
+                onClick={handleAddCustomMeasure}
+                className="h-8">
+                <Plus className="h-4 w-4" />
+                {t("environments.analysis.charts.add_custom_measure")}
+              </Button>
+            )}
+          </div>
+        </AdvancedOptionToggle>
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/components/query-viewer.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { CodeIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
+
+interface QueryViewerProps {
+  query: Record<string, unknown>;
+  isOpen: boolean;
+  onOpenChange: (open: boolean) => void;
+  /** Optional trigger; when provided, renders as CollapsibleTrigger for collapsible UX */
+  trigger?: React.ReactNode;
+}
+
+export function QueryViewer({ query, isOpen, onOpenChange, trigger }: Readonly<QueryViewerProps>) {
+  const { t } = useTranslation();
+  return (
+    <Collapsible.Root open={isOpen} onOpenChange={onOpenChange}>
+      {trigger}
+      <Collapsible.CollapsibleContent className="mt-2">
+        <div className="rounded-lg border border-gray-200 bg-gray-50 p-4">
+          <div className="mb-2 flex items-center gap-2">
+            <CodeIcon className="h-4 w-4 text-gray-600" />
+            <h4 className="text-sm font-semibold text-gray-900">
+              {t("environments.analysis.charts.cube_js_query")}
+            </h4>
+          </div>
+          <pre className="max-h-64 overflow-auto rounded bg-white p-3 text-xs">
+            {JSON.stringify(query, null, 2)}
+          </pre>
+        </div>
+      </Collapsible.CollapsibleContent>
+    </Collapsible.Root>
+  );
+}

apps/web/modules/ee/analysis/charts/components/save-chart-dialog.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { Button } from "@/modules/ui/components/button";
+import {
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/modules/ui/components/dialog";
+import { Input } from "@/modules/ui/components/input";
+
+interface SaveChartDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  chartName: string;
+  onChartNameChange: (name: string) => void;
+  onSave: () => void;
+  isSaving: boolean;
+}
+
+export function SaveChartDialog({
+  open,
+  onOpenChange,
+  chartName,
+  onChartNameChange,
+  onSave,
+  isSaving,
+}: Readonly<SaveChartDialogProps>) {
+  const { t } = useTranslation();
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>{t("environments.analysis.charts.save_chart_dialog_title")}</DialogTitle>
+          <DialogDescription>
+            {t("environments.analysis.charts.enter_a_name_for_your_chart")}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogBody>
+          <Input
+            placeholder={t("environments.analysis.charts.chart_name_placeholder")}
+            value={chartName}
+            onChange={(e) => onChartNameChange(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && chartName.trim() && !isSaving) {
+                onSave();
+              }
+            }}
+          />
+        </DialogBody>
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={isSaving}>
+            {t("common.cancel")}
+          </Button>
+          <Button onClick={onSave} loading={isSaving} disabled={!chartName.trim()}>
+            {t("common.save")}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}

apps/web/modules/ee/analysis/charts/components/time-dimension-panel.tsx

@@ -0,0 +1,238 @@
+"use client";
+
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { useState } from "react";
+import Calendar from "react-calendar";
+import { useTranslation } from "react-i18next";
+import type { TimeDimensionConfig } from "@/modules/ee/analysis/lib/query-builder";
+import {
+  DATE_PRESETS,
+  FEEDBACK_FIELDS,
+  TIME_GRANULARITIES,
+} from "@/modules/ee/analysis/lib/schema-definition";
+import { Button } from "@/modules/ui/components/button";
+import "@/modules/ui/components/date-picker/styles.css";
+import { Popover, PopoverContent, PopoverTrigger } from "@/modules/ui/components/popover";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/modules/ui/components/select";
+
+interface TimeDimensionPanelProps {
+  timeDimension: TimeDimensionConfig | null;
+  onTimeDimensionChange: (config: TimeDimensionConfig | null) => void;
+  hideTitle?: boolean;
+}
+
+export function TimeDimensionPanel({
+  timeDimension,
+  onTimeDimensionChange,
+  hideTitle = false,
+}: Readonly<TimeDimensionPanelProps>) {
+  const { t } = useTranslation();
+  const [dateRangeType, setDateRangeType] = useState<"preset" | "custom">(
+    timeDimension && typeof timeDimension.dateRange === "string" ? "preset" : "custom"
+  );
+  const [customStartDate, setCustomStartDate] = useState<Date | null>(
+    timeDimension && Array.isArray(timeDimension.dateRange) ? timeDimension.dateRange[0] : null
+  );
+  const [customEndDate, setCustomEndDate] = useState<Date | null>(
+    timeDimension && Array.isArray(timeDimension.dateRange) ? timeDimension.dateRange[1] : null
+  );
+  const [presetValue, setPresetValue] = useState<string>(
+    timeDimension && typeof timeDimension.dateRange === "string" ? timeDimension.dateRange : ""
+  );
+
+  const timeFieldOptions = FEEDBACK_FIELDS.dimensions.filter((d) => d.type === "time");
+
+  const handleEnableTimeDimension = () => {
+    if (!timeDimension) {
+      onTimeDimensionChange({
+        dimension: "FeedbackRecords.collectedAt",
+        granularity: "day",
+        dateRange: "last 30 days",
+      });
+      setPresetValue("last 30 days");
+      setDateRangeType("preset");
+    }
+  };
+
+  const handleDimensionChange = (dimension: string) => {
+    if (timeDimension) {
+      onTimeDimensionChange({ ...timeDimension, dimension });
+    }
+  };
+
+  const handleGranularityChange = (value: string) => {
+    if (timeDimension) {
+      const granularity = value === "none" ? undefined : (value as TimeDimensionConfig["granularity"]);
+      onTimeDimensionChange({ ...timeDimension, granularity });
+    }
+  };
+
+  const handlePresetChange = (preset: string) => {
+    setPresetValue(preset);
+    if (timeDimension) {
+      onTimeDimensionChange({ ...timeDimension, dateRange: preset });
+    }
+  };
+
+  if (!timeDimension) {
+    return (
+      <div className="space-y-2">
+        {!hideTitle && (
+          <h3 className="text-md font-semibold text-gray-900">
+            {t("environments.analysis.charts.time_dimension")}
+          </h3>
+        )}
+        <div>
+          <Button type="button" variant="outline" onClick={handleEnableTimeDimension}>
+            {t("environments.analysis.charts.enable_time_dimension")}
+          </Button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="w-full space-y-2">
+      {!hideTitle && (
+        <h3 className="text-md font-semibold text-gray-900">
+          {t("environments.analysis.charts.time_dimension")}
+        </h3>
+      )}
+
+      <div className="space-y-3">
+        {/* Field Selector */}
+        <div className="space-y-2">
+          <label className="text-sm">{t("environments.analysis.charts.field")}</label>
+          <Select value={timeDimension.dimension} onValueChange={handleDimensionChange}>
+            <SelectTrigger className="w-full bg-white">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              {timeFieldOptions.map((field) => (
+                <SelectItem key={field.id} value={field.id}>
+                  {field.label}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+
+        {/* Granularity Selector */}
+        <div className="space-y-2">
+          <label className="text-sm">{t("environments.analysis.charts.granularity")}</label>
+          <Select value={timeDimension.granularity ?? "none"} onValueChange={handleGranularityChange}>
+            <SelectTrigger className="w-full bg-white">
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="none">{t("environments.analysis.charts.no_grouping")}</SelectItem>
+              {TIME_GRANULARITIES.map((gran) => (
+                <SelectItem key={gran} value={gran}>
+                  {gran.charAt(0).toUpperCase() + gran.slice(1)}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+
+        {/* Date Range */}
+        <div className="space-y-2">
+          <label className="text-sm">{t("environments.analysis.charts.date_range")}</label>
+          <div className="space-y-2">
+            <Select
+              value={dateRangeType}
+              onValueChange={(value) => setDateRangeType(value as "preset" | "custom")}>
+              <SelectTrigger className="w-full bg-white">
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="preset">{t("environments.analysis.charts.preset")}</SelectItem>
+                <SelectItem value="custom">{t("environments.analysis.charts.custom_range")}</SelectItem>
+              </SelectContent>
+            </Select>
+
+            {dateRangeType === "preset" ? (
+              <Select value={presetValue} onValueChange={handlePresetChange}>
+                <SelectTrigger className="w-full bg-white">
+                  <SelectValue placeholder={t("environments.analysis.charts.select_preset")} />
+                </SelectTrigger>
+                <SelectContent>
+                  {DATE_PRESETS.map((preset) => (
+                    <SelectItem key={preset.value} value={preset.value}>
+                      {preset.label}
+                    </SelectItem>
+                  ))}
+                  {presetValue && !DATE_PRESETS.some((p) => p.value === presetValue) && (
+                    <SelectItem key={presetValue} value={presetValue}>
+                      {presetValue}
+                    </SelectItem>
+                  )}
+                </SelectContent>
+              </Select>
+            ) : (
+              <div className="grid grid-cols-2 gap-2">
+                <Popover>
+                  <PopoverTrigger asChild>
+                    <Button variant="outline" className="w-full justify-start bg-white text-left font-normal">
+                      <CalendarIcon className="mr-2 h-4 w-4" />
+                      {customStartDate
+                        ? format(customStartDate, "MMM dd, yyyy")
+                        : t("environments.analysis.charts.start_date")}
+                    </Button>
+                  </PopoverTrigger>
+                  <PopoverContent className="w-auto p-0" align="start">
+                    <Calendar
+                      onChange={(date: Date) => {
+                        setCustomStartDate(date);
+                        if (timeDimension && date && customEndDate) {
+                          onTimeDimensionChange({
+                            ...timeDimension,
+                            dateRange: [date, customEndDate],
+                          });
+                        }
+                      }}
+                      value={customStartDate || undefined}
+                    />
+                  </PopoverContent>
+                </Popover>
+
+                <Popover>
+                  <PopoverTrigger asChild>
+                    <Button variant="outline" className="w-full justify-start bg-white text-left font-normal">
+                      <CalendarIcon className="mr-2 h-4 w-4" />
+                      {customEndDate
+                        ? format(customEndDate, "MMM dd, yyyy")
+                        : t("environments.analysis.charts.end_date")}
+                    </Button>
+                  </PopoverTrigger>
+                  <PopoverContent className="w-auto p-0" align="start">
+                    <Calendar
+                      onChange={(date: Date) => {
+                        setCustomEndDate(date);
+                        if (timeDimension && customStartDate && date) {
+                          onTimeDimensionChange({
+                            ...timeDimension,
+                            dateRange: [customStartDate, date],
+                          });
+                        }
+                      }}
+                      value={customEndDate || undefined}
+                      minDate={customStartDate || undefined}
+                    />
+                  </PopoverContent>
+                </Popover>
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

apps/web/modules/ee/analysis/charts/hooks/use-create-chart-dialog.ts

@@ -0,0 +1,340 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import {
+  createChartAction,
+  executeQueryAction,
+  getChartAction,
+  updateChartAction,
+} from "@/modules/ee/analysis/charts/actions";
+import { resolveChartType } from "@/modules/ee/analysis/charts/lib/chart-utils";
+import { addChartToDashboardAction, getDashboardsAction } from "@/modules/ee/analysis/dashboards/actions";
+import type { AnalyticsResponse, TChartType, TChartWithCreator } from "@/modules/ee/analysis/types/analysis";
+
+export interface UseCreateChartDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  environmentId: string;
+  chartId?: string;
+  /** Pre-loaded chart metadata; when provided for edit, skips getChartAction */
+  initialChart?: TChartWithCreator;
+  defaultDashboardId?: string;
+  onSuccess?: () => void;
+}
+
+export function useCreateChartDialog({
+  open,
+  onOpenChange,
+  environmentId,
+  chartId,
+  initialChart,
+  defaultDashboardId,
+  onSuccess,
+}: Readonly<UseCreateChartDialogProps>) {
+  const { t } = useTranslation();
+  const [selectedChartType, setSelectedChartType] = useState<TChartType | "">("");
+  const [chartData, setChartData] = useState<AnalyticsResponse | null>(null);
+  const [isSaveDialogOpen, setIsSaveDialogOpen] = useState(false);
+  const [isAddToDashboardDialogOpen, setIsAddToDashboardDialogOpen] = useState(false);
+  const [chartName, setChartName] = useState("");
+  const [dashboards, setDashboards] = useState<Array<{ id: string; name: string }>>([]);
+  const [selectedDashboardId, setSelectedDashboardId] = useState<string>(defaultDashboardId ?? "");
+  const [isSaving, setIsSaving] = useState(false);
+  const [isLoadingChart, setIsLoadingChart] = useState(false);
+  const [chartLoadError, setChartLoadError] = useState<string | null>(null);
+  const [currentChartId, setCurrentChartId] = useState<string | undefined>(chartId);
+  const router = useRouter();
+  const shouldShowAdvancedBuilder = !!selectedChartType || !!chartData;
+
+  useEffect(() => {
+    if (isAddToDashboardDialogOpen) {
+      getDashboardsAction({ environmentId }).then((result) => {
+        if (result?.data) {
+          setDashboards(result.data.map((d) => ({ id: d.id, name: d.name })));
+        } else if (result?.serverError) {
+          toast.error(getFormattedErrorMessage(result));
+        }
+      });
+    }
+  }, [isAddToDashboardDialogOpen, environmentId]);
+
+  useEffect(() => {
+    if (open && chartId) {
+      const chartMetadata = initialChart?.id === chartId ? initialChart : undefined;
+
+      if (chartMetadata) {
+        setChartName(chartMetadata.name);
+        setSelectedChartType(resolveChartType(chartMetadata.type));
+        setCurrentChartId(chartMetadata.id);
+      }
+
+      setIsLoadingChart(true);
+      setChartLoadError(null);
+
+      const loadChartData = async (query: TChartWithCreator["query"], chartType: string) => {
+        const queryResult = await executeQueryAction({
+          environmentId,
+          query,
+        });
+
+        if (queryResult?.serverError) {
+          const errorMsg =
+            getFormattedErrorMessage(queryResult) ||
+            t("environments.analysis.charts.failed_to_load_chart_data");
+          toast.error(errorMsg);
+          setChartLoadError(errorMsg);
+          setIsLoadingChart(false);
+          return;
+        }
+
+        const data = Array.isArray(queryResult?.data) ? queryResult.data : undefined;
+        if (data) {
+          setChartData({
+            query,
+            chartType: resolveChartType(chartType),
+            data,
+          });
+        } else {
+          const errorMsg = t("environments.analysis.charts.no_data_returned_for_chart");
+          toast.error(errorMsg);
+          setChartLoadError(errorMsg);
+        }
+        setIsLoadingChart(false);
+      };
+
+      if (chartMetadata) {
+        loadChartData(chartMetadata.query, chartMetadata.type);
+      } else {
+        getChartAction({ environmentId, chartId })
+          .then(async (result) => {
+            if (result?.data) {
+              const chart = result.data;
+              setChartName(chart.name);
+              setSelectedChartType(resolveChartType(chart.type));
+              setCurrentChartId(chart.id);
+              await loadChartData(chart.query, chart.type);
+            } else if (result?.serverError) {
+              toast.error(getFormattedErrorMessage(result));
+              setIsLoadingChart(false);
+            }
+          })
+          .catch((error: unknown) => {
+            const message =
+              error instanceof Error ? error.message : t("environments.analysis.charts.failed_to_load_chart");
+            toast.error(message);
+            setChartLoadError(message);
+            setIsLoadingChart(false);
+          });
+      }
+    } else if (open && !chartId) {
+      setChartData(null);
+      setChartName("");
+      setSelectedChartType("");
+      setCurrentChartId(undefined);
+    }
+  }, [open, chartId, environmentId, initialChart]);
+
+  const handleChartGenerated = (data: AnalyticsResponse) => {
+    setChartData(data);
+    if (!currentChartId) {
+      setChartName(data.chartType ? `Chart ${new Date().toLocaleString()}` : "");
+    }
+    setSelectedChartType(data.chartType);
+  };
+
+  const handleSaveChart = async () => {
+    if (!chartData || !chartName.trim()) {
+      toast.error(t("environments.analysis.charts.please_enter_chart_name"));
+      return;
+    }
+
+    setIsSaving(true);
+    try {
+      if (currentChartId) {
+        const result = await updateChartAction({
+          environmentId,
+          chartId: currentChartId,
+          chartUpdateInput: {
+            name: chartName.trim(),
+            type: resolveChartType(chartData.chartType),
+            query: chartData.query,
+            config: {},
+          },
+        });
+
+        if (!result?.data) {
+          const errorMessage = getFormattedErrorMessage(result);
+          toast.error(errorMessage);
+          return;
+        }
+
+        toast.success(t("environments.analysis.charts.chart_updated_successfully"));
+        setIsSaveDialogOpen(false);
+        onOpenChange(false);
+        onSuccess?.();
+      } else {
+        const result = await createChartAction({
+          environmentId,
+          chartInput: {
+            name: chartName.trim(),
+            type: resolveChartType(chartData.chartType),
+            query: chartData.query,
+            config: {},
+          },
+        });
+
+        if (result?.data) {
+          setCurrentChartId(result.data.id);
+          toast.success(t("environments.analysis.charts.chart_saved_successfully"));
+          setIsSaveDialogOpen(false);
+          onOpenChange(false);
+          router.refresh();
+        } else {
+          const errorMessage = getFormattedErrorMessage(result);
+          toast.error(errorMessage);
+        }
+      }
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error ? error.message : t("environments.analysis.charts.failed_to_save_chart");
+      toast.error(message);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  const handleAddToDashboard = async () => {
+    if (!chartData || !selectedDashboardId) {
+      toast.error(t("environments.analysis.charts.please_select_dashboard"));
+      return;
+    }
+
+    setIsSaving(true);
+    try {
+      let chartIdToUse = currentChartId;
+
+      if (!chartIdToUse) {
+        if (!chartName.trim()) {
+          toast.error(t("environments.analysis.charts.please_enter_chart_name"));
+          setIsSaving(false);
+          return;
+        }
+
+        const chartResult = await createChartAction({
+          environmentId,
+          chartInput: {
+            name: chartName.trim(),
+            type: resolveChartType(chartData.chartType),
+            query: chartData.query,
+            config: {},
+          },
+        });
+
+        if (!chartResult?.data) {
+          toast.error(
+            (chartResult && getFormattedErrorMessage(chartResult)) ||
+              t("environments.analysis.charts.failed_to_save_chart")
+          );
+          setIsSaving(false);
+          return;
+        }
+
+        chartIdToUse = chartResult.data.id;
+        setCurrentChartId(chartResult.data.id);
+      }
+
+      const widgetResult = await addChartToDashboardAction({
+        environmentId,
+        chartId: chartIdToUse,
+        dashboardId: selectedDashboardId,
+        title: chartName.trim(),
+        layout: { x: 0, y: 0, w: 4, h: 3 },
+      });
+
+      if (!widgetResult?.data) {
+        toast.error(
+          (widgetResult && getFormattedErrorMessage(widgetResult)) ||
+            t("environments.analysis.charts.failed_to_add_chart_to_dashboard")
+        );
+        return;
+      }
+
+      toast.success(t("environments.analysis.charts.chart_added_to_dashboard"));
+      setIsAddToDashboardDialogOpen(false);
+      onOpenChange(false);
+      onSuccess?.();
+    } catch (error: unknown) {
+      const message =
+        error instanceof Error
+          ? error.message
+          : t("environments.analysis.charts.failed_to_add_chart_to_dashboard");
+      toast.error(message);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  const handleClose = () => {
+    if (!isSaving) {
+      setChartData(null);
+      setChartName("");
+      setSelectedChartType("");
+      setCurrentChartId(undefined);
+      onOpenChange(false);
+    }
+  };
+
+  const handleAdvancedBuilderSave = (savedChartId: string) => {
+    setCurrentChartId(savedChartId);
+    setIsSaveDialogOpen(false);
+    onOpenChange(false);
+    onSuccess?.();
+  };
+
+  const handleAdvancedBuilderAddToDashboard = (savedChartId: string) => {
+    setCurrentChartId(savedChartId);
+    setIsAddToDashboardDialogOpen(false);
+    onOpenChange(false);
+    onSuccess?.();
+  };
+
+  const handleChartTypeChange = (type: TChartType) => {
+    setSelectedChartType(type);
+    setChartData((prev) => (prev ? { ...prev, chartType: type } : null));
+  };
+
+  const initialQuery = initialChart && initialChart.id === chartId ? initialChart.query : undefined;
+
+  return {
+    chartData,
+    chartName,
+    setChartName,
+    selectedChartType,
+    initialQuery,
+    setSelectedChartType,
+    currentChartId,
+    setCurrentChartId,
+    isSaveDialogOpen,
+    setIsSaveDialogOpen,
+    isAddToDashboardDialogOpen,
+    setIsAddToDashboardDialogOpen,
+    dashboards,
+    selectedDashboardId,
+    setSelectedDashboardId,
+    isSaving,
+    isLoadingChart,
+    chartLoadError,
+    shouldShowAdvancedBuilder,
+    handleChartGenerated,
+    handleSaveChart,
+    handleAddToDashboard,
+    handleClose,
+    handleAdvancedBuilderSave,
+    handleAdvancedBuilderAddToDashboard,
+    handleChartTypeChange,
+  };
+}

apps/web/modules/ee/analysis/charts/hooks/use-save-dashboard-dialogs.ts

@@ -0,0 +1,185 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import type { TChartQuery } from "@formbricks/types/analysis";
+import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import { createChartAction, deleteChartAction } from "@/modules/ee/analysis/charts/actions";
+import { resolveChartType } from "@/modules/ee/analysis/charts/lib/chart-utils";
+import { addChartToDashboardAction, getDashboardsAction } from "@/modules/ee/analysis/dashboards/actions";
+import type { TChartType } from "@/modules/ee/analysis/types/analysis";
+
+export interface ChartInput {
+  query: TChartQuery;
+  chartType: TChartType;
+}
+
+export interface UseSaveDashboardDialogsProps {
+  environmentId: string;
+  /** Returns current query and chart type when save/add is triggered; null if not ready */
+  getChartInput: () => ChartInput | null;
+  onSave?: (chartId: string) => void;
+  onAddToDashboard?: (chartId: string, dashboardId: string) => void;
+}
+
+export function useSaveDashboardDialogs({
+  environmentId,
+  getChartInput,
+  onSave,
+  onAddToDashboard,
+}: Readonly<UseSaveDashboardDialogsProps>) {
+  const { t } = useTranslation();
+  const router = useRouter();
+  const [isSaveDialogOpen, setIsSaveDialogOpen] = useState(false);
+  const [isAddToDashboardDialogOpen, setIsAddToDashboardDialogOpen] = useState(false);
+  const [chartName, setChartName] = useState("");
+  const [dashboards, setDashboards] = useState<Array<{ id: string; name: string }>>([]);
+  const [selectedDashboardId, setSelectedDashboardId] = useState<string>("");
+  const [isSaving, setIsSaving] = useState(false);
+
+  useEffect(() => {
+    if (isAddToDashboardDialogOpen) {
+      getDashboardsAction({ environmentId }).then((result) => {
+        if (result?.data) {
+          setDashboards(result.data.map((d) => ({ id: d.id, name: d.name })));
+        } else if (result?.serverError) {
+          toast.error(getFormattedErrorMessage(result));
+        }
+      });
+    }
+  }, [isAddToDashboardDialogOpen, environmentId]);
+
+  const handleSaveChart = async () => {
+    const input = getChartInput();
+    if (!input) return;
+    if (!chartName.trim()) {
+      toast.error(t("environments.analysis.charts.please_enter_chart_name"));
+      return;
+    }
+
+    setIsSaving(true);
+    try {
+      const result = await createChartAction({
+        environmentId,
+        chartInput: {
+          name: chartName.trim(),
+          type: resolveChartType(input.chartType),
+          query: input.query,
+          config: {},
+        },
+      });
+
+      if (!result?.data) {
+        toast.error(
+          (result && getFormattedErrorMessage(result)) ||
+            t("environments.analysis.charts.failed_to_save_chart")
+        );
+        return;
+      }
+
+      toast.success(t("environments.analysis.charts.chart_saved_successfully"));
+      setIsSaveDialogOpen(false);
+      if (onSave) {
+        onSave(result.data.id);
+      } else {
+        router.push(`/environments/${environmentId}/analysis/charts`);
+      }
+    } catch (err: unknown) {
+      const message =
+        err instanceof Error ? err.message : t("environments.analysis.charts.failed_to_save_chart");
+      toast.error(message);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  const handleAddToDashboard = async () => {
+    const input = getChartInput();
+    if (!input || !selectedDashboardId) {
+      toast.error(t("environments.analysis.charts.please_select_dashboard"));
+      return;
+    }
+
+    const name = chartName.trim() || `Chart ${new Date().toISOString().slice(0, 19)}`;
+
+    setIsSaving(true);
+    let chartId: string | null = null;
+    try {
+      const chartResult = await createChartAction({
+        environmentId,
+        chartInput: {
+          name,
+          type: resolveChartType(input.chartType),
+          query: input.query,
+          config: {},
+        },
+      });
+
+      if (!chartResult?.data) {
+        toast.error(
+          (chartResult && getFormattedErrorMessage(chartResult)) ||
+            t("environments.analysis.charts.failed_to_save_chart")
+        );
+        return;
+      }
+      chartId = chartResult.data.id;
+
+      const widgetResult = await addChartToDashboardAction({
+        environmentId,
+        chartId,
+        dashboardId: selectedDashboardId,
+        title: name,
+        layout: { x: 0, y: 0, w: 4, h: 3 },
+      });
+
+      if (!widgetResult?.data) {
+        toast.error(
+          (widgetResult && getFormattedErrorMessage(widgetResult)) ||
+            t("environments.analysis.charts.failed_to_add_chart_to_dashboard")
+        );
+        await deleteChartAction({ environmentId, chartId }).catch(() => {
+          /* best-effort cleanup of orphan chart */
+        });
+        return;
+      }
+
+      toast.success(t("environments.analysis.charts.chart_added_to_dashboard"));
+      setIsAddToDashboardDialogOpen(false);
+      if (onAddToDashboard) {
+        onAddToDashboard(chartId, selectedDashboardId);
+      } else {
+        router.push(`/environments/${environmentId}/analysis/dashboards/${selectedDashboardId}`);
+      }
+    } catch (err: unknown) {
+      const message =
+        err instanceof Error
+          ? err.message
+          : t("environments.analysis.charts.failed_to_add_chart_to_dashboard");
+      toast.error(message);
+      if (chartId) {
+        await deleteChartAction({ environmentId, chartId }).catch(() => {
+          /* best-effort cleanup of orphan chart */
+        });
+      }
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
+  return {
+    isSaveDialogOpen,
+    setIsSaveDialogOpen,
+    isAddToDashboardDialogOpen,
+    setIsAddToDashboardDialogOpen,
+    chartName,
+    setChartName,
+    dashboards,
+    selectedDashboardId,
+    setSelectedDashboardId,
+    isSaving,
+    handleSaveChart,
+    handleAddToDashboard,
+  };
+}

apps/web/modules/ee/analysis/charts/lib/chart-types.test.ts

@@ -0,0 +1,18 @@
+import { describe, expect, test, vi } from "vitest";
+import { CHART_TYPE_ICONS, getChartTypes } from "./chart-types";
+
+describe("chart-types", () => {
+  test("CHART_TYPE_ICONS has all chart types", () => {
+    expect(Object.keys(CHART_TYPE_ICONS)).toEqual(["area", "bar", "line", "pie", "big_number"]);
+  });
+
+  test("getChartTypes returns chart types with translated labels", () => {
+    const t = vi.fn((key: string) => key);
+    const result = getChartTypes(t);
+
+    expect(result).toHaveLength(5);
+    expect(result.map((r) => r.id)).toEqual(["area", "bar", "line", "pie", "big_number"]);
+    expect(t).toHaveBeenCalledWith("environments.analysis.charts.chart_type_area");
+    expect(result[0].label).toBe("environments.analysis.charts.chart_type_area");
+  });
+});

apps/web/modules/ee/analysis/charts/lib/chart-types.ts

@@ -0,0 +1,33 @@
+import type { TFunction } from "i18next";
+import { ActivityIcon, AreaChartIcon, BarChart3Icon, LineChartIcon, PieChartIcon } from "lucide-react";
+import type React from "react";
+import type { TChartType } from "@/modules/ee/analysis/types/analysis";
+
+export const CHART_TYPE_ICONS: Record<
+  TChartType,
+  React.ComponentType<{ className?: string; strokeWidth?: number }>
+> = {
+  area: AreaChartIcon,
+  bar: BarChart3Icon,
+  line: LineChartIcon,
+  pie: PieChartIcon,
+  big_number: ActivityIcon,
+};
+
+export function getChartTypes(t: TFunction): readonly {
+  id: TChartType;
+  icon: React.ComponentType<{ className?: string; strokeWidth?: number }>;
+  label: string;
+}[] {
+  return [
+    { id: "area", icon: CHART_TYPE_ICONS.area, label: t("environments.analysis.charts.chart_type_area") },
+    { id: "bar", icon: CHART_TYPE_ICONS.bar, label: t("environments.analysis.charts.chart_type_bar") },
+    { id: "line", icon: CHART_TYPE_ICONS.line, label: t("environments.analysis.charts.chart_type_line") },
+    { id: "pie", icon: CHART_TYPE_ICONS.pie, label: t("environments.analysis.charts.chart_type_pie") },
+    {
+      id: "big_number",
+      icon: CHART_TYPE_ICONS.big_number,
+      label: t("environments.analysis.charts.chart_type_big_number"),
+    },
+  ];
+}

apps/web/modules/ee/analysis/charts/lib/chart-utils.ts

@@ -0,0 +1,95 @@
+import { format, isValid, parseISO } from "date-fns";
+import type { TChartQuery } from "@formbricks/types/analysis";
+import type { TChartDataRow, TChartType } from "@/modules/ee/analysis/types/analysis";
+import { ZChartType } from "@/modules/ee/analysis/types/analysis";
+
+export const CHART_BRAND_DARK = "#00C4B8";
+export const CHART_BRAND_LIGHT = "#00E6CA";
+
+/** Validate a chart type string, defaulting to "bar" if unrecognised. */
+export const resolveChartType = (raw: string): TChartType => {
+  const parsed = ZChartType.safeParse(raw);
+  return parsed.success ? parsed.data : "bar";
+};
+
+const isNumericValue = (val: TChartDataRow[string]): boolean => {
+  if (val === null || val === undefined || val === "") return false;
+  const num = Number(val);
+  return !Number.isNaN(num) && Number.isFinite(num);
+};
+
+export const preparePieData = (
+  data: TChartDataRow[],
+  dataKey: string
+): { processedData: TChartDataRow[]; colors: string[] } | null => {
+  const validData = data.filter((row) => isNumericValue(row[dataKey]));
+  const processedData = validData.map((row) => ({ ...row, [dataKey]: Number(row[dataKey]) }));
+  if (processedData.length === 0) return null;
+
+  const colors = processedData.map((_, i) => {
+    const sat = 70 + (i % 3) * 10;
+    const light = 45 + (i % 2) * 15;
+    return `hsl(180, ${sat}%, ${light}%)`;
+  });
+  if (colors.length > 0) colors[0] = CHART_BRAND_DARK;
+  if (colors.length > 1) colors[1] = CHART_BRAND_LIGHT;
+  return { processedData, colors };
+};
+
+/**
+ * Format a cell value for display in tables and tooltips.
+ * ISO date strings become "MMM d, yyyy"; numbers stay as-is (formatted); objects are stringified.
+ */
+export function formatCellValue(value: unknown): string {
+  if (value == null) return "";
+  if (typeof value === "number") return value.toLocaleString(undefined, { maximumFractionDigits: 2 });
+  if (typeof value === "string") {
+    const date = parseISO(value);
+    if (isValid(date)) return format(date, "MMM d, yyyy");
+    return value;
+  }
+  if (typeof value === "object") return JSON.stringify(value);
+  if (typeof value === "boolean" || typeof value === "bigint") return String(value);
+  return "";
+}
+
+const ALLOWED_CUBE_PREFIX = "FeedbackRecords.";
+
+function validateMember(member: string): boolean {
+  return member.startsWith(ALLOWED_CUBE_PREFIX);
+}
+
+/**
+ * Validates that all measures, dimensions, segments, timeDimensions, and filters
+ * use only members starting with FeedbackRecords.
+ * @throws Error if any member is invalid
+ */
+export function validateQueryMembers(query: TChartQuery): void {
+  const invalid: string[] = [];
+  for (const m of query.measures ?? []) {
+    if (!validateMember(m)) invalid.push(m);
+  }
+  for (const d of query.dimensions ?? []) {
+    if (!validateMember(d)) invalid.push(d);
+  }
+  for (const s of query.segments ?? []) {
+    if (!validateMember(s)) invalid.push(s);
+  }
+  for (const td of query.timeDimensions ?? []) {
+    if (!validateMember(td.dimension)) invalid.push(td.dimension);
+  }
+  const checkFilters = (f: TChartQuery["filters"]): void => {
+    if (!f) return;
+    for (const item of f) {
+      if ("member" in item && typeof item.member === "string" && !validateMember(item.member)) {
+        invalid.push(item.member);
+      }
+      if ("and" in item && Array.isArray(item.and)) checkFilters(item.and);
+      if ("or" in item && Array.isArray(item.or)) checkFilters(item.or);
+    }
+  };
+  checkFilters(query.filters);
+  if (invalid.length > 0) {
+    throw new Error(`Invalid query members (must start with ${ALLOWED_CUBE_PREFIX}): ${invalid.join(", ")}`);
+  }
+}

apps/web/modules/ee/analysis/charts/lib/charts.test.ts

@@ -0,0 +1,426 @@
+import { Prisma } from "@prisma/client";
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { prisma } from "@formbricks/database";
+import { PrismaErrorType } from "@formbricks/database/types/error";
+
+vi.mock("server-only", () => ({}));
+
+var mockTxChart: {
+  // NOSONAR S1135 - var required for vi.mock hoisting
+  findFirst: ReturnType<typeof vi.fn>;
+  update: ReturnType<typeof vi.fn>;
+  delete: ReturnType<typeof vi.fn>;
+};
+
+vi.mock("@formbricks/database", () => {
+  const tx = {
+    findFirst: vi.fn(),
+    update: vi.fn(),
+    delete: vi.fn(),
+  };
+  mockTxChart = tx;
+  return {
+    prisma: {
+      chart: {
+        create: vi.fn(),
+        findFirst: vi.fn(),
+        findMany: vi.fn(),
+      },
+      $transaction: vi.fn((cb: any) => cb({ chart: tx })),
+    },
+  };
+});
+
+vi.mock("@/lib/utils/validate", () => ({
+  validateInputs: vi.fn(),
+}));
+
+vi.mock("@/modules/environments/lib/utils", () => ({
+  getEnvironmentAuth: () => Promise.resolve({ project: { id: "project-abc-123" } }),
+}));
+
+const mockChartId = "chart-abc-123";
+const mockProjectId = "project-abc-123";
+const mockUserId = "user-abc-123";
+
+const selectChart = {
+  id: true,
+  name: true,
+  type: true,
+  query: true,
+  config: true,
+  createdAt: true,
+  updatedAt: true,
+};
+
+const mockChart = {
+  id: mockChartId,
+  name: "Test Chart",
+  type: "bar",
+  query: { measures: ["Responses.count"] },
+  config: { showLegend: true },
+  createdAt: new Date("2025-01-01"),
+  updatedAt: new Date("2025-01-01"),
+};
+
+const makePrismaError = (code: string) =>
+  new Prisma.PrismaClientKnownRequestError("mock error", { code, clientVersion: "5.0.0" });
+
+describe("Chart Service", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe("createChart", () => {
+    test("creates a chart successfully", async () => {
+      vi.mocked(prisma.chart.create).mockResolvedValue(mockChart as any);
+      const { createChart } = await import("./charts");
+
+      const result = await createChart({
+        projectId: mockProjectId,
+        name: "Test Chart",
+        type: "bar",
+        query: { measures: ["Responses.count"] },
+        config: { showLegend: true },
+        createdBy: mockUserId,
+      });
+
+      expect(result).toEqual(mockChart);
+      expect(prisma.chart.create).toHaveBeenCalledWith({
+        data: {
+          name: "Test Chart",
+          type: "bar",
+          projectId: mockProjectId,
+          query: { measures: ["Responses.count"] },
+          config: { showLegend: true },
+          createdBy: mockUserId,
+        },
+        select: selectChart,
+      });
+    });
+
+    test("throws InvalidInputError on unique constraint violation", async () => {
+      vi.mocked(prisma.chart.create).mockRejectedValue(
+        makePrismaError(PrismaErrorType.UniqueConstraintViolation)
+      );
+      const { createChart } = await import("./charts");
+
+      await expect(
+        createChart({
+          projectId: mockProjectId,
+          name: "Duplicate",
+          type: "bar",
+          query: {},
+          config: {},
+          createdBy: mockUserId,
+        })
+      ).rejects.toMatchObject({
+        name: "InvalidInputError",
+      });
+    });
+
+    test("throws DatabaseError on other Prisma errors", async () => {
+      vi.mocked(prisma.chart.create).mockRejectedValue(makePrismaError("P9999"));
+      const { createChart } = await import("./charts");
+
+      await expect(
+        createChart({
+          projectId: mockProjectId,
+          name: "Test",
+          type: "bar",
+          query: {},
+          config: {},
+          createdBy: mockUserId,
+        })
+      ).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("updateChart", () => {
+    test("updates a chart successfully", async () => {
+      const updatedChart = { ...mockChart, name: "Updated Chart" };
+      mockTxChart.findFirst.mockResolvedValue(mockChart);
+      mockTxChart.update.mockResolvedValue(updatedChart);
+      const { updateChart } = await import("./charts");
+
+      const result = await updateChart(mockChartId, mockProjectId, { name: "Updated Chart" });
+
+      expect(result).toEqual({ chart: mockChart, updatedChart });
+      expect(mockTxChart.findFirst).toHaveBeenCalledWith({
+        where: { id: mockChartId, projectId: mockProjectId },
+        select: selectChart,
+      });
+      expect(mockTxChart.update).toHaveBeenCalledWith({
+        where: { id: mockChartId },
+        data: { name: "Updated Chart", type: undefined, query: undefined, config: undefined },
+        select: selectChart,
+      });
+    });
+
+    test("throws ResourceNotFoundError when chart does not exist", async () => {
+      mockTxChart.findFirst.mockResolvedValue(null);
+      const { updateChart } = await import("./charts");
+
+      await expect(updateChart(mockChartId, mockProjectId, { name: "Updated" })).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Chart",
+        resourceId: mockChartId,
+      });
+      expect(mockTxChart.update).not.toHaveBeenCalled();
+    });
+
+    test("throws InvalidInputError on unique constraint violation", async () => {
+      mockTxChart.findFirst.mockResolvedValue(mockChart);
+      mockTxChart.update.mockRejectedValue(makePrismaError(PrismaErrorType.UniqueConstraintViolation));
+      vi.mocked(prisma.$transaction).mockImplementation((cb: any) => cb({ chart: mockTxChart }));
+      const { updateChart } = await import("./charts");
+
+      await expect(updateChart(mockChartId, mockProjectId, { name: "Taken Name" })).rejects.toMatchObject({
+        name: "InvalidInputError",
+      });
+    });
+  });
+
+  describe("duplicateChart", () => {
+    test("duplicates a chart with '(copy)' suffix", async () => {
+      vi.mocked(prisma.chart.findFirst).mockResolvedValue(mockChart as any);
+      vi.mocked(prisma.chart.findMany).mockResolvedValue([]);
+      vi.mocked(prisma.chart.create).mockResolvedValue({ ...mockChart, name: "Test Chart (copy)" } as any);
+      const { duplicateChart } = await import("./charts");
+
+      await duplicateChart(mockChartId, mockProjectId, mockUserId);
+
+      expect(prisma.chart.findFirst).toHaveBeenCalledWith({
+        where: { id: mockChartId, projectId: mockProjectId },
+        select: selectChart,
+      });
+      expect(prisma.chart.create).toHaveBeenCalledWith({
+        data: expect.objectContaining({ name: "Test Chart (copy)" }),
+        select: selectChart,
+      });
+    });
+
+    test("increments copy number when '(copy)' already exists", async () => {
+      vi.mocked(prisma.chart.findFirst).mockResolvedValue(mockChart as any);
+      vi.mocked(prisma.chart.findMany).mockResolvedValue([{ name: "Test Chart (copy)" }] as any);
+      vi.mocked(prisma.chart.create).mockResolvedValue({
+        ...mockChart,
+        name: "Test Chart (copy 2)",
+      } as any);
+      const { duplicateChart } = await import("./charts");
+
+      await duplicateChart(mockChartId, mockProjectId, mockUserId);
+
+      expect(prisma.chart.create).toHaveBeenCalledWith({
+        data: expect.objectContaining({ name: "Test Chart (copy 2)" }),
+        select: selectChart,
+      });
+    });
+
+    test("finds next available copy number", async () => {
+      vi.mocked(prisma.chart.findFirst).mockResolvedValue(mockChart as any);
+      vi.mocked(prisma.chart.findMany).mockResolvedValue([
+        { name: "Test Chart (copy)" },
+        { name: "Test Chart (copy 2)" },
+      ] as any);
+      vi.mocked(prisma.chart.create).mockResolvedValue({
+        ...mockChart,
+        name: "Test Chart (copy 3)",
+      } as any);
+      const { duplicateChart } = await import("./charts");
+
+      await duplicateChart(mockChartId, mockProjectId, mockUserId);
+
+      expect(prisma.chart.create).toHaveBeenCalledWith({
+        data: expect.objectContaining({ name: "Test Chart (copy 3)" }),
+        select: selectChart,
+      });
+    });
+
+    test("strips existing copy suffix before generating new name", async () => {
+      const chartWithCopy = { ...mockChart, name: "Test Chart (copy)" };
+      vi.mocked(prisma.chart.findFirst).mockResolvedValue(chartWithCopy as any);
+      vi.mocked(prisma.chart.findMany).mockResolvedValue([{ name: "Test Chart (copy)" }] as any);
+      vi.mocked(prisma.chart.create).mockResolvedValue({
+        ...mockChart,
+        name: "Test Chart (copy 2)",
+      } as any);
+      const { duplicateChart } = await import("./charts");
+
+      await duplicateChart(mockChartId, mockProjectId, mockUserId);
+
+      expect(prisma.chart.findMany).toHaveBeenCalledWith({
+        where: { projectId: mockProjectId, name: { startsWith: "Test Chart (copy" } },
+        select: { name: true },
+      });
+    });
+
+    test("throws ResourceNotFoundError when source chart does not exist", async () => {
+      vi.mocked(prisma.chart.findFirst).mockResolvedValue(null);
+      const { duplicateChart } = await import("./charts");
+
+      await expect(duplicateChart(mockChartId, mockProjectId, mockUserId)).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Chart",
+        resourceId: mockChartId,
+      });
+    });
+  });
+
+  describe("deleteChart", () => {
+    test("deletes a chart successfully", async () => {
+      mockTxChart.findFirst.mockResolvedValue(mockChart);
+      mockTxChart.delete.mockResolvedValue(undefined);
+      const { deleteChart } = await import("./charts");
+
+      const result = await deleteChart(mockChartId, mockProjectId);
+
+      expect(result).toEqual(mockChart);
+      expect(mockTxChart.findFirst).toHaveBeenCalledWith({
+        where: { id: mockChartId, projectId: mockProjectId },
+        select: selectChart,
+      });
+      expect(mockTxChart.delete).toHaveBeenCalledWith({ where: { id: mockChartId } });
+    });
+
+    test("throws ResourceNotFoundError when chart does not exist", async () => {
+      mockTxChart.findFirst.mockResolvedValue(null);
+      const { deleteChart } = await import("./charts");
+
+      await expect(deleteChart(mockChartId, mockProjectId)).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Chart",
+        resourceId: mockChartId,
+      });
+      expect(mockTxChart.delete).not.toHaveBeenCalled();
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      mockTxChart.findFirst.mockRejectedValue(makePrismaError("P9999"));
+      vi.mocked(prisma.$transaction).mockImplementation((cb: any) => cb({ chart: mockTxChart }));
+      const { deleteChart } = await import("./charts");
+
+      await expect(deleteChart(mockChartId, mockProjectId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("getChart", () => {
+    test("returns a chart successfully", async () => {
+      vi.mocked(prisma.chart.findFirst).mockResolvedValue(mockChart as any);
+      const { getChart } = await import("./charts");
+
+      const result = await getChart(mockChartId, mockProjectId);
+
+      expect(result).toEqual(mockChart);
+      expect(prisma.chart.findFirst).toHaveBeenCalledWith({
+        where: { id: mockChartId, projectId: mockProjectId },
+        select: selectChart,
+      });
+    });
+
+    test("throws ResourceNotFoundError when chart does not exist", async () => {
+      vi.mocked(prisma.chart.findFirst).mockResolvedValue(null);
+      const { getChart } = await import("./charts");
+
+      await expect(getChart(mockChartId, mockProjectId)).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Chart",
+        resourceId: mockChartId,
+      });
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      vi.mocked(prisma.chart.findFirst).mockRejectedValue(makePrismaError("P9999"));
+      const { getChart } = await import("./charts");
+
+      await expect(getChart(mockChartId, mockProjectId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("getCharts", () => {
+    test("returns all charts for a project", async () => {
+      const chartsFromDb = [
+        { ...mockChart, creator: { name: "User 1" } },
+        { ...mockChart, id: "chart-2", name: "Chart 2", creator: { name: null } },
+      ];
+      vi.mocked(prisma.chart.findMany).mockResolvedValue(chartsFromDb as any);
+      const { getCharts } = await import("./charts");
+
+      const result = await getCharts(mockProjectId);
+
+      expect(result).toEqual([
+        { ...mockChart, creator: { name: "User 1" } },
+        { ...mockChart, id: "chart-2", name: "Chart 2", creator: { name: null } },
+      ]);
+      expect(prisma.chart.findMany).toHaveBeenCalledWith({
+        where: { projectId: mockProjectId },
+        orderBy: { createdAt: "desc" },
+        select: {
+          id: true,
+          name: true,
+          type: true,
+          query: true,
+          config: true,
+          createdAt: true,
+          updatedAt: true,
+          creator: { select: { name: true } },
+        },
+      });
+    });
+
+    test("returns empty array when no charts exist", async () => {
+      vi.mocked(prisma.chart.findMany).mockResolvedValue([]);
+      const { getCharts } = await import("./charts");
+
+      const result = await getCharts(mockProjectId);
+
+      expect(result).toEqual([]);
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      vi.mocked(prisma.chart.findMany).mockRejectedValue(makePrismaError("P9999"));
+      const { getCharts } = await import("./charts");
+
+      await expect(getCharts(mockProjectId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("getChartsWithCreator", () => {
+    test("returns charts with creator info", async () => {
+      const chartsWithCreator = [
+        { ...mockChart, creator: { name: "Alice" } },
+        { ...mockChart, id: "chart-2", name: "Chart 2", creator: null },
+      ];
+      vi.mocked(prisma.chart.findMany).mockResolvedValue(chartsWithCreator as any);
+      const { getChartsWithCreator } = await import("./charts");
+
+      const result = await getChartsWithCreator(mockProjectId);
+
+      expect(result).toEqual(chartsWithCreator);
+      expect(prisma.chart.findMany).toHaveBeenCalledWith({
+        where: { projectId: mockProjectId },
+        orderBy: { createdAt: "desc" },
+        select: expect.objectContaining({
+          creator: { select: { name: true } },
+        }),
+      });
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      vi.mocked(prisma.chart.findMany).mockRejectedValue(makePrismaError("P9999"));
+      const { getChartsWithCreator } = await import("./charts");
+
+      await expect(getChartsWithCreator(mockProjectId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+});

apps/web/modules/ee/analysis/charts/lib/charts.ts

@@ -0,0 +1,276 @@
+import "server-only";
+import { Prisma } from "@prisma/client";
+import { prisma } from "@formbricks/database";
+import { PrismaErrorType } from "@formbricks/database/types/error";
+import { ZChartConfig, ZChartQuery } from "@formbricks/types/analysis";
+import { ZId } from "@formbricks/types/common";
+import { DatabaseError, InvalidInputError, ResourceNotFoundError } from "@formbricks/types/errors";
+import { validateInputs } from "@/lib/utils/validate";
+import {
+  TChart,
+  TChartCreateInput,
+  TChartUpdateInput,
+  TChartWithCreator,
+  TChartWithWidgets,
+  ZChartCreateInput,
+  ZChartType,
+  ZChartUpdateInput,
+} from "@/modules/ee/analysis/types/analysis";
+import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
+
+export const selectChart = {
+  id: true,
+  name: true,
+  type: true,
+  query: true,
+  config: true,
+  createdAt: true,
+  updatedAt: true,
+} as const;
+
+export const createChart = async (data: TChartCreateInput): Promise<TChart> => {
+  validateInputs([data, ZChartCreateInput]);
+
+  try {
+    return await prisma.chart.create({
+      data: {
+        name: data.name,
+        type: data.type,
+        projectId: data.projectId,
+        query: data.query,
+        config: data.config,
+        createdBy: data.createdBy,
+      },
+      select: selectChart,
+    });
+  } catch (error) {
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      if (error.code === PrismaErrorType.UniqueConstraintViolation) {
+        throw new InvalidInputError("A chart with this name already exists");
+      }
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const updateChart = async (
+  chartId: string,
+  projectId: string,
+  data: TChartUpdateInput
+): Promise<{ chart: TChart; updatedChart: TChart }> => {
+  validateInputs([chartId, ZId], [projectId, ZId], [data, ZChartUpdateInput]);
+
+  try {
+    return await prisma.$transaction(async (tx) => {
+      const chart = await tx.chart.findFirst({
+        where: { id: chartId, projectId },
+        select: selectChart,
+      });
+
+      if (!chart) {
+        throw new ResourceNotFoundError("Chart", chartId);
+      }
+
+      const updatedChart = await tx.chart.update({
+        where: { id: chartId },
+        data: {
+          name: data.name,
+          type: data.type,
+          query: data.query,
+          config: data.config,
+        },
+        select: selectChart,
+      });
+
+      return { chart, updatedChart };
+    });
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      if (error.code === PrismaErrorType.UniqueConstraintViolation) {
+        throw new InvalidInputError("A chart with this name already exists");
+      }
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+const getUniqueCopyName = async (baseName: string, projectId: string): Promise<string> => {
+  const stripped = baseName.replace(/ \(copy(?: \d+)?\)$/, "");
+
+  try {
+    const existing = await prisma.chart.findMany({
+      where: {
+        projectId,
+        name: { startsWith: `${stripped} (copy` },
+      },
+      select: { name: true },
+    });
+
+    const existingNames = new Set(existing.map((c) => c.name));
+
+    const firstCandidate = `${stripped} (copy)`;
+    if (!existingNames.has(firstCandidate)) {
+      return firstCandidate;
+    }
+
+    let n = 2;
+    while (existingNames.has(`${stripped} (copy ${n})`)) {
+      n++;
+    }
+    return `${stripped} (copy ${n})`;
+  } catch (error) {
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const duplicateChart = async (
+  chartId: string,
+  projectId: string,
+  createdBy: string
+): Promise<TChart> => {
+  validateInputs([chartId, ZId], [projectId, ZId], [createdBy, ZId]);
+
+  try {
+    const sourceChart = await prisma.chart.findFirst({
+      where: { id: chartId, projectId },
+      select: selectChart,
+    });
+
+    if (!sourceChart) {
+      throw new ResourceNotFoundError("Chart", chartId);
+    }
+
+    const uniqueName = await getUniqueCopyName(sourceChart.name, projectId);
+
+    return await createChart({
+      projectId,
+      name: uniqueName,
+      type: ZChartType.parse(sourceChart.type),
+      query: ZChartQuery.parse(sourceChart.query),
+      config: ZChartConfig.parse(sourceChart.config ?? {}),
+      createdBy,
+    });
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError || error instanceof InvalidInputError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const deleteChart = async (chartId: string, projectId: string): Promise<TChart> => {
+  validateInputs([chartId, ZId], [projectId, ZId]);
+
+  try {
+    return await prisma.$transaction(async (tx) => {
+      const chart = await tx.chart.findFirst({
+        where: { id: chartId, projectId },
+        select: selectChart,
+      });
+
+      if (!chart) {
+        throw new ResourceNotFoundError("Chart", chartId);
+      }
+
+      await tx.chart.delete({
+        where: { id: chartId },
+      });
+
+      return chart;
+    });
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const getChart = async (chartId: string, projectId: string): Promise<TChart> => {
+  validateInputs([chartId, ZId], [projectId, ZId]);
+
+  try {
+    const chart = await prisma.chart.findFirst({
+      where: { id: chartId, projectId },
+      select: selectChart,
+    });
+
+    if (!chart) {
+      throw new ResourceNotFoundError("Chart", chartId);
+    }
+
+    return chart;
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+/**
+ * Fetches all charts for the given environment (for list/dashboard UI).
+ * Uses getEnvironmentAuth for access check and enriches with creator names.
+ */
+export const getCharts = async (environmentId: string): Promise<TChartWithCreator[]> => {
+  try {
+    const { project } = await getEnvironmentAuth(environmentId);
+
+    const charts = await prisma.chart.findMany({
+      where: { projectId: project.id },
+      orderBy: { createdAt: "desc" },
+      select: {
+        ...selectChart,
+        creator: { select: { name: true } },
+      },
+    });
+    return charts;
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const getChartsWithCreator = async (projectId: string): Promise<TChartWithCreator[]> => {
+  validateInputs([projectId, ZId]);
+
+  try {
+    return await prisma.chart.findMany({
+      where: { projectId },
+      orderBy: { createdAt: "desc" },
+      select: {
+        ...selectChart,
+        creator: {
+          select: { name: true },
+        },
+      },
+    });
+  } catch (error) {
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};

apps/web/modules/ee/analysis/components/analysis-page-layout.tsx

@@ -0,0 +1,27 @@
+import { ReactNode } from "react";
+import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
+import { PageHeader } from "@/modules/ui/components/page-header";
+import { AnalysisSecondaryNavigation } from "./analysis-secondary-navigation";
+
+interface AnalysisPageLayoutProps {
+  pageTitle: string;
+  environmentId: string;
+  cta?: ReactNode;
+  children: ReactNode;
+}
+
+export function AnalysisPageLayout({
+  pageTitle,
+  environmentId,
+  cta,
+  children,
+}: Readonly<AnalysisPageLayoutProps>) {
+  return (
+    <PageContentWrapper>
+      <PageHeader pageTitle={pageTitle} cta={cta}>
+        <AnalysisSecondaryNavigation environmentId={environmentId} />
+      </PageHeader>
+      {children}
+    </PageContentWrapper>
+  );
+}

apps/web/modules/ee/analysis/components/analysis-secondary-navigation.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+import { useTranslation } from "react-i18next";
+import { SecondaryNavigation } from "@/modules/ui/components/secondary-navigation";
+
+interface AnalysisSecondaryNavigationProps {
+  environmentId: string;
+}
+
+export function AnalysisSecondaryNavigation({ environmentId }: Readonly<AnalysisSecondaryNavigationProps>) {
+  const { t } = useTranslation();
+  const pathname = usePathname();
+
+  const activeId = pathname?.includes("/charts") ? "charts" : "dashboards";
+
+  const navigation = [
+    {
+      id: "dashboards",
+      label: t("common.dashboards"),
+      href: `/environments/${environmentId}/analysis/dashboards`,
+    },
+    {
+      id: "charts",
+      label: t("common.charts"),
+      href: `/environments/${environmentId}/analysis/charts`,
+    },
+  ];
+
+  return <SecondaryNavigation navigation={navigation} activeId={activeId} />;
+}

apps/web/modules/ee/analysis/dashboards/actions.ts

@@ -0,0 +1,255 @@
+"use server";
+
+// eslint-disable-next-line
+// TODO: remove revalidatePath and use revalidateTag instead once this has become stable: https://nextjs.org/docs/app/api-reference/directives/use-cache#usage
+import { revalidatePath } from "next/cache";
+import { z } from "zod";
+import { ZWidgetLayout } from "@formbricks/types/analysis";
+import { ZId } from "@formbricks/types/common";
+import { authenticatedActionClient } from "@/lib/utils/action-client";
+import { AuthenticatedActionClientCtx } from "@/lib/utils/action-client/types/context";
+import { checkProjectAccess } from "@/modules/ee/analysis/lib/access";
+import { withAuditLogging } from "@/modules/ee/audit-logs/lib/handler";
+import { ZDashboardUpdateInput } from "../types/analysis";
+import {
+  addChartToDashboard,
+  createDashboard,
+  deleteDashboard,
+  duplicateDashboard,
+  getDashboard,
+  getDashboards,
+  updateDashboard,
+} from "./lib/dashboards";
+
+const ZCreateDashboardAction = z.object({
+  environmentId: ZId,
+  name: z.string().min(1),
+  description: z.string().optional(),
+});
+
+export const createDashboardAction = authenticatedActionClient.schema(ZCreateDashboardAction).action(
+  withAuditLogging(
+    "created",
+    "dashboard",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZCreateDashboardAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const dashboard = await createDashboard({
+        projectId,
+        name: parsedInput.name,
+        description: parsedInput.description,
+        createdBy: ctx.user.id,
+      });
+
+      revalidatePath(`/environments/${parsedInput.environmentId}/analysis/dashboards`);
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.dashboardId = dashboard.id;
+      ctx.auditLoggingCtx.newObject = dashboard;
+      return dashboard;
+    }
+  )
+);
+
+const ZUpdateDashboardAction = z
+  .object({
+    environmentId: ZId,
+    dashboardId: ZId,
+  })
+  .merge(ZDashboardUpdateInput);
+
+export const updateDashboardAction = authenticatedActionClient.schema(ZUpdateDashboardAction).action(
+  withAuditLogging(
+    "updated",
+    "dashboard",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZUpdateDashboardAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const { dashboard, updatedDashboard } = await updateDashboard(parsedInput.dashboardId, projectId, {
+        name: parsedInput.name,
+        description: parsedInput.description,
+      });
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.dashboardId = parsedInput.dashboardId;
+      ctx.auditLoggingCtx.oldObject = dashboard;
+      ctx.auditLoggingCtx.newObject = updatedDashboard;
+      return updatedDashboard;
+    }
+  )
+);
+
+const ZDeleteDashboardAction = z.object({
+  environmentId: ZId,
+  dashboardId: ZId,
+});
+
+export const deleteDashboardAction = authenticatedActionClient.schema(ZDeleteDashboardAction).action(
+  withAuditLogging(
+    "deleted",
+    "dashboard",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZDeleteDashboardAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const dashboard = await deleteDashboard(parsedInput.dashboardId, projectId);
+
+      revalidatePath(`/environments/${parsedInput.environmentId}/analysis/dashboards`);
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.dashboardId = parsedInput.dashboardId;
+      ctx.auditLoggingCtx.oldObject = dashboard;
+      return { success: true };
+    }
+  )
+);
+
+const ZDuplicateDashboardAction = z.object({
+  environmentId: ZId,
+  dashboardId: ZId,
+});
+
+export const duplicateDashboardAction = authenticatedActionClient.schema(ZDuplicateDashboardAction).action(
+  withAuditLogging(
+    "created",
+    "dashboard",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZDuplicateDashboardAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const dashboard = await duplicateDashboard(parsedInput.dashboardId, projectId, ctx.user.id);
+
+      revalidatePath(`/environments/${parsedInput.environmentId}/analysis/dashboards`);
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.dashboardId = dashboard.id;
+      ctx.auditLoggingCtx.newObject = dashboard;
+      return dashboard;
+    }
+  )
+);
+
+const ZGetDashboardsAction = z.object({
+  environmentId: ZId,
+});
+
+export const getDashboardsAction = authenticatedActionClient
+  .schema(ZGetDashboardsAction)
+  .action(
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZGetDashboardsAction>;
+    }) => {
+      const { projectId } = await checkProjectAccess(ctx.user.id, parsedInput.environmentId, "read");
+
+      return getDashboards(projectId);
+    }
+  );
+
+const ZGetDashboardAction = z.object({
+  environmentId: ZId,
+  dashboardId: ZId,
+});
+
+export const getDashboardAction = authenticatedActionClient
+  .schema(ZGetDashboardAction)
+  .action(
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZGetDashboardAction>;
+    }) => {
+      const { projectId } = await checkProjectAccess(ctx.user.id, parsedInput.environmentId, "read");
+
+      return getDashboard(parsedInput.dashboardId, projectId);
+    }
+  );
+
+const ZAddChartToDashboardAction = z.object({
+  environmentId: ZId,
+  dashboardId: ZId,
+  chartId: ZId,
+  title: z.string().optional(),
+  layout: ZWidgetLayout.optional().default({ x: 0, y: 0, w: 4, h: 3 }),
+});
+
+export const addChartToDashboardAction = authenticatedActionClient.schema(ZAddChartToDashboardAction).action(
+  withAuditLogging(
+    "created",
+    "dashboardWidget",
+    async ({
+      ctx,
+      parsedInput,
+    }: {
+      ctx: AuthenticatedActionClientCtx;
+      parsedInput: z.infer<typeof ZAddChartToDashboardAction>;
+    }) => {
+      const { organizationId, projectId } = await checkProjectAccess(
+        ctx.user.id,
+        parsedInput.environmentId,
+        "readWrite"
+      );
+
+      const widget = await addChartToDashboard({
+        dashboardId: parsedInput.dashboardId,
+        chartId: parsedInput.chartId,
+        projectId,
+        title: parsedInput.title,
+        layout: parsedInput.layout,
+      });
+
+      ctx.auditLoggingCtx.organizationId = organizationId;
+      ctx.auditLoggingCtx.projectId = projectId;
+      ctx.auditLoggingCtx.dashboardWidgetId = widget.id;
+      ctx.auditLoggingCtx.newObject = widget;
+      return widget;
+    }
+  )
+);

apps/web/modules/ee/analysis/dashboards/components/create-dashboard-button.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { PlusIcon } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import { Button } from "@/modules/ui/components/button";
+import { createDashboardAction } from "../actions";
+import { CreateDashboardDialog } from "./create-dashboard-dialog";
+
+interface CreateDashboardButtonProps {
+  environmentId: string;
+}
+
+export const CreateDashboardButton = ({ environmentId }: Readonly<CreateDashboardButtonProps>) => {
+  const { t } = useTranslation();
+  const router = useRouter();
+  const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
+  const [dashboardName, setDashboardName] = useState("");
+  const [dashboardDescription, setDashboardDescription] = useState("");
+  const [isCreating, setIsCreating] = useState(false);
+
+  const handleOpenChange = (open: boolean) => {
+    setIsCreateDialogOpen(open);
+    if (!open) {
+      setDashboardName("");
+      setDashboardDescription("");
+    }
+  };
+
+  const handleCreate = async () => {
+    if (!dashboardName.trim()) {
+      toast.error(t("environments.analysis.dashboards.please_enter_name"));
+      return;
+    }
+
+    setIsCreating(true);
+    try {
+      const result = await createDashboardAction({
+        environmentId,
+        name: dashboardName.trim(),
+        description: dashboardDescription.trim() || undefined,
+      });
+
+      if (!result?.data) {
+        const errorMessage = getFormattedErrorMessage(result);
+        toast.error(errorMessage);
+        return;
+      }
+
+      toast.success(t("environments.analysis.dashboards.create_success"));
+      handleOpenChange(false);
+      router.push(`/environments/${environmentId}/analysis/dashboards/${result.data.id}`);
+    } catch {
+      toast.error(t("environments.analysis.dashboards.create_failed"));
+    } finally {
+      setIsCreating(false);
+    }
+  };
+
+  return (
+    <>
+      <Button onClick={() => handleOpenChange(true)}>
+        <PlusIcon className="mr-2 h-4 w-4" />
+        {t("environments.analysis.dashboards.create_dashboard")}
+      </Button>
+      <CreateDashboardDialog
+        open={isCreateDialogOpen}
+        onOpenChange={handleOpenChange}
+        dashboardName={dashboardName}
+        onDashboardNameChange={setDashboardName}
+        dashboardDescription={dashboardDescription}
+        onDashboardDescriptionChange={setDashboardDescription}
+        onCreate={handleCreate}
+        isCreating={isCreating}
+      />
+    </>
+  );
+};

apps/web/modules/ee/analysis/dashboards/components/create-dashboard-dialog.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { useTranslation } from "react-i18next";
+import { Button } from "@/modules/ui/components/button";
+import {
+  Dialog,
+  DialogBody,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/modules/ui/components/dialog";
+import { Input } from "@/modules/ui/components/input";
+import { Label } from "@/modules/ui/components/label";
+
+interface CreateDashboardDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  dashboardName: string;
+  onDashboardNameChange: (name: string) => void;
+  dashboardDescription: string;
+  onDashboardDescriptionChange: (description: string) => void;
+  onCreate: () => void;
+  isCreating: boolean;
+}
+
+export const CreateDashboardDialog = ({
+  open,
+  onOpenChange,
+  dashboardName,
+  onDashboardNameChange,
+  dashboardDescription,
+  onDashboardDescriptionChange,
+  onCreate,
+  isCreating,
+}: Readonly<CreateDashboardDialogProps>) => {
+  const { t } = useTranslation();
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent width="narrow">
+        <DialogHeader>
+          <DialogTitle>{t("environments.analysis.dashboards.create_dashboard")}</DialogTitle>
+          <DialogDescription>
+            {t("environments.analysis.dashboards.create_dashboard_description")}
+          </DialogDescription>
+        </DialogHeader>
+
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            if (dashboardName.trim() && !isCreating) {
+              onCreate();
+            }
+          }}
+          className="space-y-4">
+          <DialogBody className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="dashboard-name">{t("environments.analysis.dashboards.dashboard_name")}</Label>
+              <Input
+                id="dashboard-name"
+                placeholder={t("environments.analysis.dashboards.dashboard_name_placeholder")}
+                value={dashboardName}
+                onChange={(e) => onDashboardNameChange(e.target.value)}
+                autoFocus
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="dashboard-description">
+                {t("environments.analysis.dashboards.description_optional")}
+              </Label>
+              <Input
+                id="dashboard-description"
+                placeholder={t("environments.analysis.dashboards.description_placeholder")}
+                value={dashboardDescription}
+                onChange={(e) => onDashboardDescriptionChange(e.target.value)}
+              />
+            </div>
+          </DialogBody>
+          <DialogFooter>
+            <Button
+              type="button"
+              variant="secondary"
+              onClick={() => onOpenChange(false)}
+              disabled={isCreating}>
+              {t("common.cancel")}
+            </Button>
+            <Button type="submit" loading={isCreating} disabled={!dashboardName.trim()}>
+              {t("common.create")}
+            </Button>
+          </DialogFooter>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+};

apps/web/modules/ee/analysis/dashboards/components/dashboard-dropdown-menu.tsx

@@ -0,0 +1,130 @@
+"use client";
+
+import { CopyIcon, MoreVertical, SquarePenIcon, TrashIcon } from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/modules/ui/components/dropdown-menu";
+import { deleteDashboardAction, duplicateDashboardAction } from "../actions";
+
+interface DashboardDropdownMenuProps {
+  environmentId: string;
+  dashboardId: string;
+  dashboardName: string;
+}
+
+export const DashboardDropdownMenu = ({
+  environmentId,
+  dashboardId,
+  dashboardName,
+}: Readonly<DashboardDropdownMenuProps>) => {
+  const { t } = useTranslation();
+  const [isDeleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [isDuplicating, setIsDuplicating] = useState(false);
+  const [isDropDownOpen, setIsDropDownOpen] = useState(false);
+
+  const handleDuplicateDashboard = async () => {
+    setIsDuplicating(true);
+    try {
+      const result = await duplicateDashboardAction({ environmentId, dashboardId });
+      if (result?.data) {
+        toast.success(t("environments.analysis.dashboards.duplicate_success"));
+      } else {
+        toast.error(result?.serverError || t("environments.analysis.dashboards.duplicate_failed"));
+      }
+    } catch {
+      toast.error(t("environments.analysis.dashboards.duplicate_failed"));
+    } finally {
+      setIsDuplicating(false);
+    }
+  };
+
+  const handleDeleteDashboard = async () => {
+    setIsDeleting(true);
+    try {
+      const result = await deleteDashboardAction({ environmentId, dashboardId });
+      if (result?.data) {
+        setDeleteDialogOpen(false);
+        toast.success(t("environments.analysis.dashboards.delete_success"));
+      } else {
+        toast.error(result?.serverError || t("environments.analysis.dashboards.delete_failed"));
+      }
+    } catch {
+      toast.error(t("environments.analysis.dashboards.delete_failed"));
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+
+  return (
+    <div data-testid={`${dashboardName.toLowerCase().split(" ").join("-")}-dashboard-actions`}>
+      <DropdownMenu open={isDropDownOpen} onOpenChange={setIsDropDownOpen}>
+        <DropdownMenuTrigger className="z-10" asChild>
+          <button type="button" className="cursor-pointer rounded-lg border bg-white p-2 hover:bg-slate-50">
+            <span className="sr-only">{t("common.open_options")}</span>
+            <MoreVertical className="h-4 w-4" aria-hidden="true" />
+          </button>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent className="inline-block w-auto min-w-max" align="end">
+          <DropdownMenuGroup>
+            <DropdownMenuItem>
+              <Link
+                className="flex w-full items-center"
+                href={`/environments/${environmentId}/analysis/dashboards/${dashboardId}`}>
+                <SquarePenIcon className="mr-2 size-4" />
+                {t("common.edit")}
+              </Link>
+            </DropdownMenuItem>
+
+            <DropdownMenuItem>
+              <button
+                type="button"
+                className="flex w-full items-center"
+                disabled={isDuplicating}
+                onClick={(e) => {
+                  e.preventDefault();
+                  setIsDropDownOpen(false);
+                  handleDuplicateDashboard();
+                }}>
+                <CopyIcon className="mr-2 h-4 w-4" />
+                {t("common.duplicate")}
+              </button>
+            </DropdownMenuItem>
+
+            <DropdownMenuItem>
+              <button
+                type="button"
+                className="flex w-full items-center"
+                onClick={(e) => {
+                  e.preventDefault();
+                  setIsDropDownOpen(false);
+                  setDeleteDialogOpen(true);
+                }}>
+                <TrashIcon className="mr-2 h-4 w-4" />
+                {t("common.delete")}
+              </button>
+            </DropdownMenuItem>
+          </DropdownMenuGroup>
+        </DropdownMenuContent>
+      </DropdownMenu>
+
+      <DeleteDialog
+        deleteWhat={t("common.dashboard")}
+        open={isDeleteDialogOpen}
+        setOpen={setDeleteDialogOpen}
+        onDelete={handleDeleteDashboard}
+        text={t("environments.analysis.dashboards.delete_confirmation")}
+        isDeleting={isDeleting}
+      />
+    </div>
+  );
+};

apps/web/modules/ee/analysis/dashboards/components/dashboards-list-skeleton.tsx

@@ -0,0 +1,49 @@
+const SKELETON_ROWS = 3;
+
+const SkeletonRow = () => {
+  return (
+    <div className="grid h-12 w-full animate-pulse grid-cols-8 content-center">
+      <div className="col-span-7 grid grid-cols-7 content-center p-2">
+        <div className="col-span-3 flex items-center gap-4 pl-6">
+          <div className="h-5 w-5 rounded bg-gray-200" />
+          <div className="h-4 w-36 rounded bg-gray-200" />
+        </div>
+        <div className="col-span-1 my-auto hidden sm:flex sm:justify-center">
+          <div className="h-4 w-6 rounded bg-gray-200" />
+        </div>
+        <div className="col-span-1 my-auto hidden sm:flex sm:justify-center">
+          <div className="h-4 w-16 rounded bg-gray-200" />
+        </div>
+        <div className="col-span-1 my-auto hidden sm:flex sm:justify-center">
+          <div className="h-4 w-24 rounded bg-gray-200" />
+        </div>
+        <div className="col-span-1 my-auto hidden sm:flex sm:justify-center">
+          <div className="h-4 w-20 rounded bg-gray-200" />
+        </div>
+      </div>
+      <div className="col-span-1" />
+    </div>
+  );
+};
+
+interface DashboardsListSkeletonProps {
+  columnHeaders: string[];
+}
+
+export const DashboardsListSkeleton = ({ columnHeaders }: Readonly<DashboardsListSkeletonProps>) => {
+  return (
+    <div className="rounded-xl border border-slate-200 bg-white shadow-sm">
+      <div className="grid h-12 grid-cols-8 content-center border-b text-left text-sm font-semibold text-slate-900">
+        <div className="col-span-3 pl-6">{columnHeaders[0]}</div>
+        <div className="col-span-1 hidden text-center sm:block">{columnHeaders[1]}</div>
+        <div className="col-span-1 hidden text-center sm:block">{columnHeaders[2]}</div>
+        <div className="col-span-1 hidden text-center sm:block">{columnHeaders[3]}</div>
+        <div className="col-span-1 hidden text-center sm:block">{columnHeaders[4]}</div>
+        <div className="col-span-1" />
+      </div>
+      {Array.from({ length: SKELETON_ROWS }).map((_, i) => (
+        <SkeletonRow key={`skeleton-row-${String(i)}`} />
+      ))}
+    </div>
+  );
+};

apps/web/modules/ee/analysis/dashboards/components/dashboards-table.tsx

@@ -0,0 +1,85 @@
+import { BarChart3Icon } from "lucide-react";
+import Link from "next/link";
+import { convertDateString, timeSinceDate } from "@/lib/time";
+import { getTranslate } from "@/lingodotdev/server";
+import { TDashboardWithCount } from "../../types/analysis";
+import { DashboardDropdownMenu } from "./dashboard-dropdown-menu";
+
+interface DashboardsTableProps {
+  dashboards: TDashboardWithCount[];
+  environmentId: string;
+  isReadOnly: boolean;
+}
+
+export const DashboardsTable = async ({
+  dashboards,
+  environmentId,
+  isReadOnly,
+}: Readonly<DashboardsTableProps>) => {
+  const t = await getTranslate();
+
+  return (
+    <div className="rounded-xl border border-slate-200 bg-white shadow-sm">
+      <div className="grid h-12 grid-cols-8 content-center border-b text-left text-sm font-semibold text-slate-900">
+        <div className="col-span-3 pl-6">{t("common.title")}</div>
+        <div className="col-span-1 hidden text-center sm:block">{t("common.charts")}</div>
+        <div className="col-span-1 hidden text-center sm:block">{t("common.created_by")}</div>
+        <div className="col-span-1 hidden text-center sm:block">{t("common.created")}</div>
+        <div className="col-span-1 hidden text-center sm:block">{t("common.updated")}</div>
+        <div className="col-span-1" />
+      </div>
+      {dashboards.length === 0 ? (
+        <p className="py-6 text-center text-sm text-slate-400">
+          {t("environments.analysis.dashboards.no_dashboards_found")}
+        </p>
+      ) : (
+        dashboards.map((dashboard) => {
+          return (
+            <div
+              key={dashboard.id}
+              className="grid h-12 w-full grid-cols-8 content-center text-left transition-colors ease-in-out hover:bg-slate-100">
+              <Link
+                href={`/environments/${environmentId}/analysis/dashboards/${dashboard.id}`}
+                className="col-span-7 grid cursor-pointer grid-cols-7 content-center p-2">
+                <div className="col-span-3 flex items-center pl-6 text-sm">
+                  <div className="flex items-center gap-4">
+                    <div className="w-8 flex-shrink-0 text-slate-500">
+                      <BarChart3Icon className="h-5 w-5" />
+                    </div>
+                    <div className="flex flex-col">
+                      <div className="font-medium text-slate-900">{dashboard.name}</div>
+                      {dashboard.description && (
+                        <div className="text-xs font-medium text-slate-500">{dashboard.description}</div>
+                      )}
+                    </div>
+                  </div>
+                </div>
+                <div className="col-span-1 my-auto hidden whitespace-nowrap text-center text-sm text-slate-500 sm:block">
+                  <div className="text-slate-900">{dashboard._count.widgets}</div>
+                </div>
+                <div className="col-span-1 my-auto hidden whitespace-nowrap text-center text-sm text-slate-500 sm:block">
+                  <div className="text-slate-900">{dashboard.creator?.name || "-"}</div>
+                </div>
+                <div className="col-span-1 my-auto hidden whitespace-normal text-center text-sm text-slate-500 sm:block">
+                  <div className="text-slate-900">{convertDateString(dashboard.createdAt.toISOString())}</div>
+                </div>
+                <div className="col-span-1 my-auto hidden text-center text-sm text-slate-500 sm:block">
+                  <div className="text-slate-900">{timeSinceDate(dashboard.updatedAt)}</div>
+                </div>
+              </Link>
+              <div className="col-span-1 my-auto flex items-center justify-end pr-6">
+                {!isReadOnly && (
+                  <DashboardDropdownMenu
+                    environmentId={environmentId}
+                    dashboardId={dashboard.id}
+                    dashboardName={dashboard.name}
+                  />
+                )}
+              </div>
+            </div>
+          );
+        })
+      )}
+    </div>
+  );
+};

apps/web/modules/ee/analysis/dashboards/lib/dashboards.test.ts

@@ -0,0 +1,605 @@
+import { Prisma } from "@prisma/client";
+import { beforeEach, describe, expect, test, vi } from "vitest";
+import { prisma } from "@formbricks/database";
+import { PrismaErrorType } from "@formbricks/database/types/error";
+
+vi.mock("server-only", () => ({}));
+
+var mockTxDashboard: {
+  // NOSONAR / test code
+  findFirst: ReturnType<typeof vi.fn>;
+  create: ReturnType<typeof vi.fn>;
+  update: ReturnType<typeof vi.fn>;
+  delete: ReturnType<typeof vi.fn>;
+};
+
+var mockTxChart: { findFirst: ReturnType<typeof vi.fn> }; // NOSONAR / test code
+
+var mockTxWidget: {
+  // NOSONAR / test code
+  aggregate: ReturnType<typeof vi.fn>;
+  create: ReturnType<typeof vi.fn>;
+};
+
+vi.mock("@formbricks/database", () => {
+  const txDash = { findFirst: vi.fn(), create: vi.fn(), update: vi.fn(), delete: vi.fn() };
+  const txChart = { findFirst: vi.fn() };
+  const txWidget = { aggregate: vi.fn(), create: vi.fn() };
+  mockTxDashboard = txDash;
+  mockTxChart = txChart;
+  mockTxWidget = txWidget;
+  return {
+    prisma: {
+      dashboard: {
+        create: vi.fn(),
+        findFirst: vi.fn(),
+        findMany: vi.fn(),
+      },
+      $transaction: vi.fn((cb: any) => cb({ dashboard: txDash, chart: txChart, dashboardWidget: txWidget })),
+    },
+  };
+});
+
+vi.mock("@/lib/utils/validate", () => ({
+  validateInputs: vi.fn(),
+}));
+
+vi.mock("@/modules/ee/analysis/charts/lib/charts", () => ({
+  selectChart: {
+    id: true,
+    name: true,
+    type: true,
+    query: true,
+    config: true,
+    createdAt: true,
+    updatedAt: true,
+  },
+}));
+
+const mockDashboardId = "dashboard-abc-123";
+const mockProjectId = "project-abc-123";
+const mockUserId = "user-abc-123";
+const mockChartId = "chart-abc-123";
+
+const selectDashboard = {
+  id: true,
+  name: true,
+  description: true,
+  createdAt: true,
+  updatedAt: true,
+  createdBy: true,
+};
+
+const mockDashboard = {
+  id: mockDashboardId,
+  name: "Test Dashboard",
+  description: "A test dashboard",
+  createdAt: new Date("2025-01-01"),
+  updatedAt: new Date("2025-01-01"),
+  createdBy: mockUserId,
+};
+
+const makePrismaError = (code: string) =>
+  new Prisma.PrismaClientKnownRequestError("mock error", { code, clientVersion: "5.0.0" });
+
+describe("Dashboard Service", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe("createDashboard", () => {
+    test("creates a dashboard successfully", async () => {
+      vi.mocked(prisma.dashboard.create).mockResolvedValue(mockDashboard as any);
+      const { createDashboard } = await import("./dashboards");
+
+      const result = await createDashboard({
+        projectId: mockProjectId,
+        name: "Test Dashboard",
+        description: "A test dashboard",
+        createdBy: mockUserId,
+      });
+
+      expect(result).toEqual(mockDashboard);
+      expect(prisma.dashboard.create).toHaveBeenCalledWith({
+        data: {
+          name: "Test Dashboard",
+          description: "A test dashboard",
+          projectId: mockProjectId,
+          createdBy: mockUserId,
+        },
+        select: selectDashboard,
+      });
+    });
+
+    test("creates a dashboard without description", async () => {
+      const dashboardNoDesc = { ...mockDashboard, description: undefined };
+      vi.mocked(prisma.dashboard.create).mockResolvedValue(dashboardNoDesc as any);
+      const { createDashboard } = await import("./dashboards");
+
+      const result = await createDashboard({
+        projectId: mockProjectId,
+        name: "Test Dashboard",
+        createdBy: mockUserId,
+      });
+
+      expect(result).toEqual(dashboardNoDesc);
+      expect(prisma.dashboard.create).toHaveBeenCalledWith({
+        data: {
+          name: "Test Dashboard",
+          description: undefined,
+          projectId: mockProjectId,
+          createdBy: mockUserId,
+        },
+        select: selectDashboard,
+      });
+    });
+
+    test("throws InvalidInputError on unique constraint violation", async () => {
+      vi.mocked(prisma.dashboard.create).mockRejectedValue(
+        makePrismaError(PrismaErrorType.UniqueConstraintViolation)
+      );
+      const { createDashboard } = await import("./dashboards");
+
+      await expect(
+        createDashboard({
+          projectId: mockProjectId,
+          name: "Duplicate",
+          createdBy: mockUserId,
+        })
+      ).rejects.toMatchObject({
+        name: "InvalidInputError",
+      });
+    });
+
+    test("throws DatabaseError on other Prisma errors", async () => {
+      vi.mocked(prisma.dashboard.create).mockRejectedValue(makePrismaError("P9999"));
+      const { createDashboard } = await import("./dashboards");
+
+      await expect(
+        createDashboard({
+          projectId: mockProjectId,
+          name: "Test",
+          createdBy: mockUserId,
+        })
+      ).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("updateDashboard", () => {
+    test("updates a dashboard successfully", async () => {
+      const updatedDashboard = { ...mockDashboard, name: "Updated Dashboard" };
+      mockTxDashboard.findFirst.mockResolvedValue(mockDashboard);
+      mockTxDashboard.update.mockResolvedValue(updatedDashboard);
+      const { updateDashboard } = await import("./dashboards");
+
+      const result = await updateDashboard(mockDashboardId, mockProjectId, { name: "Updated Dashboard" });
+
+      expect(result).toEqual({ dashboard: mockDashboard, updatedDashboard });
+      expect(mockTxDashboard.findFirst).toHaveBeenCalledWith({
+        where: { id: mockDashboardId, projectId: mockProjectId },
+        select: selectDashboard,
+      });
+      expect(mockTxDashboard.update).toHaveBeenCalledWith({
+        where: { id: mockDashboardId },
+        data: { name: "Updated Dashboard", description: undefined },
+        select: selectDashboard,
+      });
+    });
+
+    test("throws ResourceNotFoundError when dashboard does not exist", async () => {
+      mockTxDashboard.findFirst.mockResolvedValue(null);
+      const { updateDashboard } = await import("./dashboards");
+
+      await expect(
+        updateDashboard(mockDashboardId, mockProjectId, { name: "Updated" })
+      ).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Dashboard",
+        resourceId: mockDashboardId,
+      });
+      expect(mockTxDashboard.update).not.toHaveBeenCalled();
+    });
+
+    test("throws InvalidInputError on unique constraint violation", async () => {
+      mockTxDashboard.findFirst.mockResolvedValue(mockDashboard);
+      mockTxDashboard.update.mockRejectedValue(makePrismaError(PrismaErrorType.UniqueConstraintViolation));
+      vi.mocked(prisma.$transaction).mockImplementation((cb: any) =>
+        cb({ dashboard: mockTxDashboard, chart: mockTxChart, dashboardWidget: mockTxWidget })
+      );
+      const { updateDashboard } = await import("./dashboards");
+
+      await expect(
+        updateDashboard(mockDashboardId, mockProjectId, { name: "Taken Name" })
+      ).rejects.toMatchObject({
+        name: "InvalidInputError",
+      });
+    });
+  });
+
+  describe("deleteDashboard", () => {
+    test("deletes a dashboard successfully", async () => {
+      mockTxDashboard.findFirst.mockResolvedValue(mockDashboard);
+      mockTxDashboard.delete.mockResolvedValue(undefined);
+      const { deleteDashboard } = await import("./dashboards");
+
+      const result = await deleteDashboard(mockDashboardId, mockProjectId);
+
+      expect(result).toEqual(mockDashboard);
+      expect(mockTxDashboard.findFirst).toHaveBeenCalledWith({
+        where: { id: mockDashboardId, projectId: mockProjectId },
+        select: selectDashboard,
+      });
+      expect(mockTxDashboard.delete).toHaveBeenCalledWith({ where: { id: mockDashboardId } });
+    });
+
+    test("throws ResourceNotFoundError when dashboard does not exist", async () => {
+      mockTxDashboard.findFirst.mockResolvedValue(null);
+      const { deleteDashboard } = await import("./dashboards");
+
+      await expect(deleteDashboard(mockDashboardId, mockProjectId)).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Dashboard",
+        resourceId: mockDashboardId,
+      });
+      expect(mockTxDashboard.delete).not.toHaveBeenCalled();
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      mockTxDashboard.findFirst.mockRejectedValue(makePrismaError("P9999"));
+      vi.mocked(prisma.$transaction).mockImplementation((cb: any) =>
+        cb({ dashboard: mockTxDashboard, chart: mockTxChart, dashboardWidget: mockTxWidget })
+      );
+      const { deleteDashboard } = await import("./dashboards");
+
+      await expect(deleteDashboard(mockDashboardId, mockProjectId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("duplicateDashboard", () => {
+    const mockWidgets = [
+      {
+        id: "widget-1",
+        chartId: mockChartId,
+        title: "Widget 1",
+        layout: { x: 0, y: 0, w: 4, h: 3 },
+        order: 0,
+      },
+      {
+        id: "widget-2",
+        chartId: "chart-2",
+        title: null,
+        layout: { x: 4, y: 0, w: 4, h: 3 },
+        order: 1,
+      },
+    ];
+
+    const sourceDashboard = {
+      ...mockDashboard,
+      widgets: mockWidgets,
+    };
+
+    const duplicatedDashboard = {
+      ...mockDashboard,
+      id: "dashboard-new-123",
+      name: "Test Dashboard (copy)",
+    };
+
+    test("duplicates a dashboard with all widgets", async () => {
+      mockTxDashboard.findFirst.mockResolvedValueOnce(sourceDashboard).mockResolvedValueOnce(null);
+      mockTxDashboard.create.mockResolvedValue(duplicatedDashboard);
+      const { duplicateDashboard } = await import("./dashboards");
+
+      const result = await duplicateDashboard(mockDashboardId, mockProjectId, mockUserId);
+
+      expect(result).toEqual(duplicatedDashboard);
+      expect(mockTxDashboard.create).toHaveBeenCalledWith({
+        data: {
+          name: "Test Dashboard (copy)",
+          description: mockDashboard.description,
+          projectId: mockProjectId,
+          createdBy: mockUserId,
+          widgets: {
+            create: [
+              {
+                chartId: mockChartId,
+                title: "Widget 1",
+                layout: { x: 0, y: 0, w: 4, h: 3 },
+                order: 0,
+              },
+              {
+                chartId: "chart-2",
+                title: null,
+                layout: { x: 4, y: 0, w: 4, h: 3 },
+                order: 1,
+              },
+            ],
+          },
+        },
+        select: selectDashboard,
+      });
+    });
+
+    test("duplicates a dashboard with no widgets", async () => {
+      const sourceNoWidgets = { ...mockDashboard, widgets: [] };
+      mockTxDashboard.findFirst.mockResolvedValueOnce(sourceNoWidgets).mockResolvedValueOnce(null);
+      mockTxDashboard.create.mockResolvedValue(duplicatedDashboard);
+      const { duplicateDashboard } = await import("./dashboards");
+
+      const result = await duplicateDashboard(mockDashboardId, mockProjectId, mockUserId);
+
+      expect(result).toEqual(duplicatedDashboard);
+      expect(mockTxDashboard.create).toHaveBeenCalledWith({
+        data: expect.objectContaining({
+          widgets: { create: [] },
+        }),
+        select: selectDashboard,
+      });
+    });
+
+    test("increments copy suffix when name already exists", async () => {
+      const existingCopy = { id: "existing", name: "Test Dashboard (copy)" };
+      mockTxDashboard.findFirst
+        .mockResolvedValueOnce(sourceDashboard)
+        .mockResolvedValueOnce(existingCopy)
+        .mockResolvedValueOnce(null);
+      mockTxDashboard.create.mockResolvedValue({
+        ...duplicatedDashboard,
+        name: "Test Dashboard (copy) 2",
+      });
+      const { duplicateDashboard } = await import("./dashboards");
+
+      const result = await duplicateDashboard(mockDashboardId, mockProjectId, mockUserId);
+
+      expect(result.name).toBe("Test Dashboard (copy) 2");
+      expect(mockTxDashboard.create).toHaveBeenCalledWith({
+        data: expect.objectContaining({ name: "Test Dashboard (copy) 2" }),
+        select: selectDashboard,
+      });
+    });
+
+    test("throws ResourceNotFoundError when source dashboard does not exist", async () => {
+      mockTxDashboard.findFirst.mockResolvedValue(null);
+      const { duplicateDashboard } = await import("./dashboards");
+
+      await expect(duplicateDashboard(mockDashboardId, mockProjectId, mockUserId)).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Dashboard",
+        resourceId: mockDashboardId,
+      });
+      expect(mockTxDashboard.create).not.toHaveBeenCalled();
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      mockTxDashboard.findFirst.mockRejectedValue(makePrismaError("P9999"));
+      vi.mocked(prisma.$transaction).mockImplementation((cb: any) =>
+        cb({ dashboard: mockTxDashboard, chart: mockTxChart, dashboardWidget: mockTxWidget })
+      );
+      const { duplicateDashboard } = await import("./dashboards");
+
+      await expect(duplicateDashboard(mockDashboardId, mockProjectId, mockUserId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("getDashboard", () => {
+    test("returns a dashboard with widgets", async () => {
+      const dashboardWithWidgets = {
+        ...mockDashboard,
+        widgets: [
+          {
+            id: "widget-1",
+            order: 0,
+            chart: { id: mockChartId, name: "Chart 1", type: "bar" },
+          },
+        ],
+      };
+      vi.mocked(prisma.dashboard.findFirst).mockResolvedValue(dashboardWithWidgets as any);
+      const { getDashboard } = await import("./dashboards");
+
+      const result = await getDashboard(mockDashboardId, mockProjectId);
+
+      expect(result).toEqual(dashboardWithWidgets);
+      expect(prisma.dashboard.findFirst).toHaveBeenCalledWith({
+        where: { id: mockDashboardId, projectId: mockProjectId },
+        include: {
+          widgets: {
+            orderBy: { order: "asc" },
+            include: {
+              chart: {
+                select: expect.objectContaining({ id: true, name: true, type: true }),
+              },
+            },
+          },
+        },
+      });
+    });
+
+    test("throws ResourceNotFoundError when dashboard does not exist", async () => {
+      vi.mocked(prisma.dashboard.findFirst).mockResolvedValue(null);
+      const { getDashboard } = await import("./dashboards");
+
+      await expect(getDashboard(mockDashboardId, mockProjectId)).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Dashboard",
+        resourceId: mockDashboardId,
+      });
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      vi.mocked(prisma.dashboard.findFirst).mockRejectedValue(makePrismaError("P9999"));
+      const { getDashboard } = await import("./dashboards");
+
+      await expect(getDashboard(mockDashboardId, mockProjectId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("getDashboards", () => {
+    test("returns all dashboards for a project with creator", async () => {
+      const dashboards = [
+        { ...mockDashboard, creator: { name: "Alice" }, _count: { widgets: 3 } },
+        { ...mockDashboard, id: "dash-2", name: "Dashboard 2", creator: null, _count: { widgets: 0 } },
+      ];
+      vi.mocked(prisma.dashboard.findMany).mockResolvedValue(dashboards as any);
+      const { getDashboards } = await import("./dashboards");
+
+      const result = await getDashboards(mockProjectId);
+
+      expect(result).toEqual(dashboards);
+      expect(prisma.dashboard.findMany).toHaveBeenCalledWith({
+        where: { projectId: mockProjectId },
+        orderBy: { createdAt: "desc" },
+        select: expect.objectContaining({
+          id: true,
+          name: true,
+          creator: { select: { name: true } },
+          _count: { select: { widgets: true } },
+        }),
+      });
+    });
+
+    test("returns empty array when no dashboards exist", async () => {
+      vi.mocked(prisma.dashboard.findMany).mockResolvedValue([]);
+      const { getDashboards } = await import("./dashboards");
+
+      const result = await getDashboards(mockProjectId);
+
+      expect(result).toEqual([]);
+    });
+
+    test("throws DatabaseError on Prisma errors", async () => {
+      vi.mocked(prisma.dashboard.findMany).mockRejectedValue(makePrismaError("P9999"));
+      const { getDashboards } = await import("./dashboards");
+
+      await expect(getDashboards(mockProjectId)).rejects.toMatchObject({
+        name: "DatabaseError",
+      });
+    });
+  });
+
+  describe("addChartToDashboard", () => {
+    const mockLayout = { x: 0, y: 0, w: 4, h: 3 };
+    const mockWidget = {
+      id: "widget-abc-123",
+      dashboardId: mockDashboardId,
+      chartId: mockChartId,
+      title: "My Widget",
+      layout: mockLayout,
+      order: 0,
+    };
+
+    test("adds a chart to a dashboard as the first widget", async () => {
+      mockTxChart.findFirst.mockResolvedValue({ id: mockChartId });
+      mockTxDashboard.findFirst.mockResolvedValue(mockDashboard);
+      mockTxWidget.aggregate.mockResolvedValue({ _max: { order: null } });
+      mockTxWidget.create.mockResolvedValue(mockWidget);
+      const { addChartToDashboard } = await import("./dashboards");
+
+      const result = await addChartToDashboard({
+        dashboardId: mockDashboardId,
+        chartId: mockChartId,
+        projectId: mockProjectId,
+        title: "My Widget",
+        layout: mockLayout,
+      });
+
+      expect(result).toEqual(mockWidget);
+      expect(mockTxWidget.create).toHaveBeenCalledWith({
+        data: {
+          dashboardId: mockDashboardId,
+          chartId: mockChartId,
+          title: "My Widget",
+          layout: mockLayout,
+          order: 0,
+        },
+      });
+    });
+
+    test("appends widget after existing widgets", async () => {
+      mockTxChart.findFirst.mockResolvedValue({ id: mockChartId });
+      mockTxDashboard.findFirst.mockResolvedValue(mockDashboard);
+      mockTxWidget.aggregate.mockResolvedValue({ _max: { order: 2 } });
+      mockTxWidget.create.mockResolvedValue({ ...mockWidget, order: 3 });
+      const { addChartToDashboard } = await import("./dashboards");
+
+      await addChartToDashboard({
+        dashboardId: mockDashboardId,
+        chartId: mockChartId,
+        projectId: mockProjectId,
+        layout: mockLayout,
+      });
+
+      expect(mockTxWidget.create).toHaveBeenCalledWith({
+        data: expect.objectContaining({ order: 3 }),
+      });
+    });
+
+    test("throws ResourceNotFoundError when chart does not exist", async () => {
+      mockTxChart.findFirst.mockResolvedValue(null);
+      mockTxDashboard.findFirst.mockResolvedValue(mockDashboard);
+      const { addChartToDashboard } = await import("./dashboards");
+
+      await expect(
+        addChartToDashboard({
+          dashboardId: mockDashboardId,
+          chartId: mockChartId,
+          projectId: mockProjectId,
+          layout: mockLayout,
+        })
+      ).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Chart",
+        resourceId: mockChartId,
+      });
+      expect(mockTxWidget.create).not.toHaveBeenCalled();
+    });
+
+    test("throws ResourceNotFoundError when dashboard does not exist", async () => {
+      mockTxChart.findFirst.mockResolvedValue({ id: mockChartId });
+      mockTxDashboard.findFirst.mockResolvedValue(null);
+      const { addChartToDashboard } = await import("./dashboards");
+
+      await expect(
+        addChartToDashboard({
+          dashboardId: mockDashboardId,
+          chartId: mockChartId,
+          projectId: mockProjectId,
+          layout: mockLayout,
+        })
+      ).rejects.toMatchObject({
+        name: "ResourceNotFoundError",
+        resourceType: "Dashboard",
+        resourceId: mockDashboardId,
+      });
+      expect(mockTxWidget.create).not.toHaveBeenCalled();
+    });
+
+    test("throws InvalidInputError on unique constraint violation", async () => {
+      mockTxChart.findFirst.mockResolvedValue({ id: mockChartId });
+      mockTxDashboard.findFirst.mockResolvedValue(mockDashboard);
+      mockTxWidget.aggregate.mockResolvedValue({ _max: { order: null } });
+      mockTxWidget.create.mockRejectedValue(makePrismaError(PrismaErrorType.UniqueConstraintViolation));
+      vi.mocked(prisma.$transaction).mockImplementation((cb: any) =>
+        cb({ dashboard: mockTxDashboard, chart: mockTxChart, dashboardWidget: mockTxWidget })
+      );
+      const { addChartToDashboard } = await import("./dashboards");
+
+      await expect(
+        addChartToDashboard({
+          dashboardId: mockDashboardId,
+          chartId: mockChartId,
+          projectId: mockProjectId,
+          layout: mockLayout,
+        })
+      ).rejects.toMatchObject({
+        name: "InvalidInputError",
+      });
+    });
+  });
+});

apps/web/modules/ee/analysis/dashboards/lib/dashboards.ts

@@ -0,0 +1,295 @@
+import "server-only";
+import { Prisma } from "@prisma/client";
+import { prisma } from "@formbricks/database";
+import { PrismaErrorType } from "@formbricks/database/types/error";
+import { ZId } from "@formbricks/types/common";
+import { DatabaseError, InvalidInputError, ResourceNotFoundError } from "@formbricks/types/errors";
+import { validateInputs } from "@/lib/utils/validate";
+import { selectChart } from "@/modules/ee/analysis/charts/lib/charts";
+import {
+  TAddWidgetInput,
+  TDashboard,
+  TDashboardCreateInput,
+  TDashboardUpdateInput,
+  TDashboardWithCount,
+  ZAddWidgetInput,
+  ZDashboardCreateInput,
+  ZDashboardUpdateInput,
+} from "@/modules/ee/analysis/types/analysis";
+
+const MAX_NAME_ATTEMPTS = 5;
+
+const selectDashboard = {
+  id: true,
+  name: true,
+  description: true,
+  createdAt: true,
+  updatedAt: true,
+  createdBy: true,
+} as const;
+
+export const createDashboard = async (data: TDashboardCreateInput): Promise<TDashboard> => {
+  validateInputs([data, ZDashboardCreateInput]);
+
+  try {
+    return await prisma.dashboard.create({
+      data: {
+        name: data.name,
+        description: data.description,
+        projectId: data.projectId,
+        createdBy: data.createdBy,
+      },
+      select: selectDashboard,
+    });
+  } catch (error) {
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      if (error.code === PrismaErrorType.UniqueConstraintViolation) {
+        throw new InvalidInputError("A dashboard with this name already exists");
+      }
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const updateDashboard = async (
+  dashboardId: string,
+  projectId: string,
+  data: TDashboardUpdateInput
+): Promise<{ dashboard: TDashboard; updatedDashboard: TDashboard }> => {
+  validateInputs([dashboardId, ZId], [projectId, ZId], [data, ZDashboardUpdateInput]);
+
+  try {
+    return await prisma.$transaction(async (tx) => {
+      const dashboard = await tx.dashboard.findFirst({
+        where: { id: dashboardId, projectId },
+        select: selectDashboard,
+      });
+
+      if (!dashboard) {
+        throw new ResourceNotFoundError("Dashboard", dashboardId);
+      }
+
+      const updatedDashboard = await tx.dashboard.update({
+        where: { id: dashboardId },
+        data: {
+          name: data.name,
+          description: data.description,
+        },
+        select: selectDashboard,
+      });
+
+      return { dashboard, updatedDashboard };
+    });
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      if (error.code === PrismaErrorType.UniqueConstraintViolation) {
+        throw new InvalidInputError("A dashboard with this name already exists");
+      }
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const deleteDashboard = async (dashboardId: string, projectId: string): Promise<TDashboard> => {
+  validateInputs([dashboardId, ZId], [projectId, ZId]);
+
+  try {
+    return await prisma.$transaction(async (tx) => {
+      const dashboard = await tx.dashboard.findFirst({
+        where: { id: dashboardId, projectId },
+        select: selectDashboard,
+      });
+
+      if (!dashboard) {
+        throw new ResourceNotFoundError("Dashboard", dashboardId);
+      }
+
+      await tx.dashboard.delete({
+        where: { id: dashboardId },
+      });
+
+      return dashboard;
+    });
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const getDashboard = async (dashboardId: string, projectId: string) => {
+  validateInputs([dashboardId, ZId], [projectId, ZId]);
+
+  try {
+    const dashboard = await prisma.dashboard.findFirst({
+      where: { id: dashboardId, projectId },
+      include: {
+        widgets: {
+          orderBy: { order: "asc" },
+          include: {
+            chart: {
+              select: selectChart,
+            },
+          },
+        },
+      },
+    });
+
+    if (!dashboard) {
+      throw new ResourceNotFoundError("Dashboard", dashboardId);
+    }
+
+    return dashboard;
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const getDashboards = async (projectId: string): Promise<TDashboardWithCount[]> => {
+  validateInputs([projectId, ZId]);
+
+  try {
+    return await prisma.dashboard.findMany({
+      where: { projectId },
+      orderBy: { createdAt: "desc" },
+      select: {
+        ...selectDashboard,
+        creator: { select: { name: true } },
+        _count: { select: { widgets: true } },
+      },
+    });
+  } catch (error) {
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const duplicateDashboard = async (
+  dashboardId: string,
+  projectId: string,
+  createdBy: string
+): Promise<TDashboard> => {
+  validateInputs([dashboardId, ZId], [projectId, ZId], [createdBy, ZId]);
+
+  try {
+    return await prisma.$transaction(async (tx) => {
+      const source = await tx.dashboard.findFirst({
+        where: { id: dashboardId, projectId },
+        include: {
+          widgets: { orderBy: { order: "asc" } },
+        },
+      });
+
+      if (!source) {
+        throw new ResourceNotFoundError("Dashboard", dashboardId);
+      }
+
+      const baseName = `${source.name} (copy)`;
+      let name = baseName;
+      let suffix = 1;
+
+      while (await tx.dashboard.findFirst({ where: { projectId, name } })) {
+        suffix++;
+        if (suffix > MAX_NAME_ATTEMPTS) {
+          name = `${baseName} ${suffix}`;
+          break;
+        }
+        name = `${baseName} ${suffix}`;
+      }
+
+      const newDashboard = await tx.dashboard.create({
+        data: {
+          name,
+          description: source.description,
+          projectId,
+          createdBy,
+          widgets: {
+            create: source.widgets.map((widget) => ({
+              chartId: widget.chartId,
+              title: widget.title,
+              layout: widget.layout ?? { x: 0, y: 0, w: 4, h: 3 },
+              order: widget.order,
+            })),
+          },
+        },
+        select: selectDashboard,
+      });
+
+      return newDashboard;
+    });
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};
+
+export const addChartToDashboard = async (data: TAddWidgetInput) => {
+  validateInputs([data, ZAddWidgetInput]);
+
+  try {
+    return await prisma.$transaction(
+      async (tx) => {
+        const [chart, dashboard] = await Promise.all([
+          tx.chart.findFirst({ where: { id: data.chartId, projectId: data.projectId } }),
+          tx.dashboard.findFirst({ where: { id: data.dashboardId, projectId: data.projectId } }),
+        ]);
+
+        if (!chart) {
+          throw new ResourceNotFoundError("Chart", data.chartId);
+        }
+        if (!dashboard) {
+          throw new ResourceNotFoundError("Dashboard", data.dashboardId);
+        }
+
+        const maxOrder = await tx.dashboardWidget.aggregate({
+          where: { dashboardId: data.dashboardId },
+          _max: { order: true },
+        });
+
+        return tx.dashboardWidget.create({
+          data: {
+            dashboardId: data.dashboardId,
+            chartId: data.chartId,
+            title: data.title,
+            layout: data.layout,
+            order: (maxOrder._max.order ?? -1) + 1,
+          },
+        });
+      },
+      { isolationLevel: "Serializable" }
+    );
+  } catch (error) {
+    if (error instanceof ResourceNotFoundError) {
+      throw error;
+    }
+    if (error instanceof Prisma.PrismaClientKnownRequestError) {
+      if (error.code === PrismaErrorType.UniqueConstraintViolation) {
+        throw new InvalidInputError("This chart is already on the dashboard");
+      }
+      throw new DatabaseError(error.message);
+    }
+    throw error;
+  }
+};

apps/web/modules/ee/analysis/dashboards/pages/dashboards-list-page.tsx

@@ -0,0 +1,65 @@
+import { Delay } from "@suspensive/react";
+import { Suspense, use } from "react";
+import { getTranslate } from "@/lingodotdev/server";
+import { AnalysisPageLayout } from "@/modules/ee/analysis/components/analysis-page-layout";
+import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
+import { TDashboardWithCount } from "../../types/analysis";
+import { CreateDashboardButton } from "../components/create-dashboard-button";
+import { DashboardsListSkeleton } from "../components/dashboards-list-skeleton";
+import { DashboardsTable } from "../components/dashboards-table";
+import { getDashboards } from "../lib/dashboards";
+
+interface DashboardsListContentProps {
+  dashboardsPromise: Promise<TDashboardWithCount[]>;
+  environmentId: string;
+  isReadOnly: boolean;
+}
+
+const DashboardsListContent = ({
+  dashboardsPromise,
+  environmentId,
+  isReadOnly,
+}: Readonly<DashboardsListContentProps>) => {
+  const dashboards = use(dashboardsPromise);
+
+  return <DashboardsTable dashboards={dashboards} environmentId={environmentId} isReadOnly={isReadOnly} />;
+};
+
+interface DashboardsListPageProps {
+  environmentId: string;
+}
+
+export const DashboardsListPage = async ({ environmentId }: Readonly<DashboardsListPageProps>) => {
+  const t = await getTranslate();
+  const { project, isReadOnly } = await getEnvironmentAuth(environmentId);
+
+  const dashboardsPromise = getDashboards(project.id);
+
+  return (
+    <AnalysisPageLayout
+      pageTitle={t("common.analysis")}
+      environmentId={environmentId}
+      cta={isReadOnly ? undefined : <CreateDashboardButton environmentId={environmentId} />}>
+      <Suspense
+        fallback={
+          <Delay ms={200}>
+            <DashboardsListSkeleton
+              columnHeaders={[
+                t("common.title"),
+                t("common.charts"),
+                t("common.created_by"),
+                t("common.created"),
+                t("common.updated"),
+              ]}
+            />
+          </Delay>
+        }>
+        <DashboardsListContent
+          dashboardsPromise={dashboardsPromise}
+          environmentId={environmentId}
+          isReadOnly={isReadOnly}
+        />
+      </Suspense>
+    </AnalysisPageLayout>
+  );
+};

apps/web/modules/ee/analysis/lib/access.test.ts

@@ -0,0 +1,73 @@
+import { beforeEach, describe, expect, test, vi } from "vitest";
+
+vi.mock("server-only", () => ({}));
+
+const mockGetEnvironment = vi.fn();
+const mockGetOrganizationIdFromProjectId = vi.fn();
+const mockCheckAuthorizationUpdated = vi.fn();
+
+vi.mock("@/lib/environment/service", () => ({
+  getEnvironment: (...args: any[]) => mockGetEnvironment(...args),
+}));
+
+vi.mock("@/lib/utils/helper", () => ({
+  getOrganizationIdFromProjectId: (...args: any[]) => mockGetOrganizationIdFromProjectId(...args),
+}));
+
+vi.mock("@/lib/utils/action-client/action-client-middleware", () => ({
+  checkAuthorizationUpdated: (...args: any[]) => mockCheckAuthorizationUpdated(...args),
+}));
+
+const mockUserId = "user-abc-123";
+const mockEnvironmentId = "env-abc-123";
+const mockProjectId = "project-abc-123";
+const mockOrganizationId = "org-abc-123";
+
+describe("checkProjectAccess", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  test("returns organizationId and projectId on successful access check", async () => {
+    mockGetEnvironment.mockResolvedValue({ projectId: mockProjectId });
+    mockGetOrganizationIdFromProjectId.mockResolvedValue(mockOrganizationId);
+    mockCheckAuthorizationUpdated.mockResolvedValue(undefined);
+    const { checkProjectAccess } = await import("./access");
+
+    const result = await checkProjectAccess(mockUserId, mockEnvironmentId, "readWrite");
+
+    expect(result).toEqual({ organizationId: mockOrganizationId, projectId: mockProjectId });
+    expect(mockGetEnvironment).toHaveBeenCalledWith(mockEnvironmentId);
+    expect(mockGetOrganizationIdFromProjectId).toHaveBeenCalledWith(mockProjectId);
+    expect(mockCheckAuthorizationUpdated).toHaveBeenCalledWith({
+      userId: mockUserId,
+      organizationId: mockOrganizationId,
+      access: [
+        { type: "organization", roles: ["owner", "manager"] },
+        { type: "projectTeam", minPermission: "readWrite", projectId: mockProjectId },
+      ],
+    });
+  });
+
+  test("throws ResourceNotFoundError when environment is not found", async () => {
+    mockGetEnvironment.mockResolvedValue(null);
+    const { checkProjectAccess } = await import("./access");
+
+    await expect(checkProjectAccess(mockUserId, mockEnvironmentId, "read")).rejects.toMatchObject({
+      name: "ResourceNotFoundError",
+      resourceType: "environment",
+      resourceId: mockEnvironmentId,
+    });
+    expect(mockGetOrganizationIdFromProjectId).not.toHaveBeenCalled();
+    expect(mockCheckAuthorizationUpdated).not.toHaveBeenCalled();
+  });
+
+  test("propagates authorization errors from checkAuthorizationUpdated", async () => {
+    mockGetEnvironment.mockResolvedValue({ projectId: mockProjectId });
+    mockGetOrganizationIdFromProjectId.mockResolvedValue(mockOrganizationId);
+    mockCheckAuthorizationUpdated.mockRejectedValue(new Error("Unauthorized"));
+    const { checkProjectAccess } = await import("./access");
+
+    await expect(checkProjectAccess(mockUserId, mockEnvironmentId, "manage")).rejects.toThrow("Unauthorized");
+  });
+});

apps/web/modules/ee/analysis/lib/access.ts

@@ -0,0 +1,31 @@
+import "server-only";
+import { ResourceNotFoundError } from "@formbricks/types/errors";
+import { getEnvironment } from "@/lib/environment/service";
+import { checkAuthorizationUpdated } from "@/lib/utils/action-client/action-client-middleware";
+import { getOrganizationIdFromProjectId } from "@/lib/utils/helper";
+import { TTeamPermission } from "@/modules/ee/teams/project-teams/types/team";
+
+export const checkProjectAccess = async (
+  userId: string,
+  environmentId: string,
+  minPermission: TTeamPermission
+) => {
+  const environment = await getEnvironment(environmentId);
+  if (!environment) {
+    throw new ResourceNotFoundError("environment", environmentId);
+  }
+
+  const projectId = environment.projectId;
+  const organizationId = await getOrganizationIdFromProjectId(projectId);
+
+  await checkAuthorizationUpdated({
+    userId,
+    organizationId,
+    access: [
+      { type: "organization", roles: ["owner", "manager"] },
+      { type: "projectTeam", minPermission, projectId },
+    ],
+  });
+
+  return { organizationId, projectId };
+};

apps/web/modules/ee/analysis/lib/ai-schema-context.ts

@@ -0,0 +1,59 @@
+/**
+ * Generates a system prompt for the AI chart query LLM.
+ * Derived from FEEDBACK_FIELDS to keep schema and prompt in sync.
+ */
+import {
+  DATE_PRESETS,
+  FEEDBACK_FIELDS,
+  FILTER_OPERATORS,
+  type FieldDefinition,
+  type MeasureDefinition,
+} from "./schema-definition";
+
+const CUBE_NAME = "FeedbackRecords";
+
+function formatMeasure(m: MeasureDefinition): string {
+  const suffix = m.description ? ` (${m.description})` : "";
+  return `- ${m.id}: ${m.label}${suffix}`;
+}
+
+function formatDimension(d: FieldDefinition): string {
+  const suffix = d.description ? ` (${d.description})` : "";
+  return `- ${d.id}: ${d.label}${suffix}`;
+}
+
+function formatOperators(): string {
+  const lines = Object.entries(FILTER_OPERATORS).map(([type, ops]) => `  ${type}: ${ops.join(", ")}`);
+  return lines.join("\n");
+}
+
+export function generateSchemaContext(): string {
+  const measuresText = FEEDBACK_FIELDS.measures.map(formatMeasure).join("\n");
+  const dimensionsText = FEEDBACK_FIELDS.dimensions.map(formatDimension).join("\n");
+  const datePresetsText = DATE_PRESETS.map((p) => `"${p.value}"`).join(", ");
+  const operatorsText = formatOperators();
+
+  return `You are an expert at converting natural language questions into Cube.js analytics queries.
+
+## Available schema
+
+### Measures (use these measure IDs in the query)
+${measuresText}
+
+### Dimensions (use these dimension IDs in the query)
+${dimensionsText}
+
+### Time dimension
+The time field is \`${CUBE_NAME}.collectedAt\`. Supported granularities: hour, day, week, month, quarter, year.
+Date range presets: ${datePresetsText}
+
+### Filter operators by field type
+${operatorsText}
+
+## Guidelines
+- Always include at least one measure. If unspecified, default to \`${CUBE_NAME}.count\`.
+- Use dimension IDs exactly as shown (e.g. \`FeedbackRecords.sentiment\`, \`FeedbackRecords.collectedAt\`).
+- For time-based questions, add a timeDimension with dimension \`${CUBE_NAME}.collectedAt\`, an appropriate granularity, and a dateRange preset or custom range.
+- Choose the most appropriate chart type: bar, line, area, pie, or big_number (for single-number queries).
+- Filters must use the exact operator strings from the schema.`;
+}

apps/web/modules/ee/analysis/lib/query-builder.ts

@@ -0,0 +1,155 @@
+/**
+ * Query builder utility to construct Cube.js queries from chart builder state.
+ */
+import { TChartQuery, TCubeFilter, TMemberFilter, TTimeDimension } from "@formbricks/types/analysis";
+import type { TChartType } from "@/modules/ee/analysis/types/analysis";
+
+export interface CustomMeasure {
+  id?: string;
+  field: string;
+  aggregation: string;
+  alias?: string;
+}
+
+export type TFilterFieldType = "string" | "number" | "time";
+
+export interface FilterRow {
+  field: string;
+  operator: TMemberFilter["operator"];
+  values: string[] | number[] | null;
+}
+
+export interface TimeDimensionConfig {
+  dimension: string;
+  granularity?: "second" | "minute" | "hour" | "day" | "week" | "month" | "quarter" | "year";
+  dateRange?: string | [Date, Date];
+}
+
+export interface ChartBuilderState {
+  chartType: TChartType | "";
+  selectedMeasures: string[];
+  customMeasures: CustomMeasure[];
+  selectedDimensions: string[];
+  filters: FilterRow[];
+  filterLogic: "and" | "or";
+  timeDimension: TimeDimensionConfig | null;
+  limit?: number;
+  orderBy?: { field: string; direction: "asc" | "desc" };
+}
+
+function buildMemberFilter(f: FilterRow): TMemberFilter {
+  const filter: TMemberFilter = {
+    member: f.field,
+    operator: f.operator,
+  };
+  if (f.operator !== "set" && f.operator !== "notSet" && f.values) {
+    filter.values = f.values.map(String);
+  }
+  return filter;
+}
+
+/**
+ * Build a Cube.js query from chart builder state.
+ */
+export function buildCubeQuery(config: ChartBuilderState): TChartQuery {
+  const query: TChartQuery = {
+    measures: [...config.selectedMeasures],
+  };
+
+  if (config.selectedDimensions.length > 0) {
+    query.dimensions = config.selectedDimensions;
+  }
+
+  if (config.timeDimension) {
+    const timeDim: TTimeDimension = {
+      dimension: config.timeDimension.dimension,
+    };
+
+    if (config.timeDimension.granularity) {
+      timeDim.granularity = config.timeDimension.granularity;
+    }
+
+    if (typeof config.timeDimension.dateRange === "string") {
+      timeDim.dateRange = config.timeDimension.dateRange;
+    } else if (Array.isArray(config.timeDimension.dateRange)) {
+      const [startDate, endDate] = config.timeDimension.dateRange;
+      const formatDate = (date: Date) => {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        return `${year}-${month}-${day}`;
+      };
+      timeDim.dateRange = [formatDate(startDate), formatDate(endDate)];
+    }
+
+    query.timeDimensions = [timeDim];
+  }
+
+  if (config.filters.length > 0) {
+    const memberFilters = config.filters.map(buildMemberFilter);
+
+    if (config.filterLogic === "or") {
+      query.filters = [{ or: memberFilters } as TCubeFilter];
+    } else {
+      query.filters = memberFilters;
+    }
+  }
+
+  return query;
+}
+
+function isMemberFilter(f: TCubeFilter): f is TMemberFilter {
+  return "member" in f;
+}
+
+/**
+ * Parse a Cube.js query back into ChartBuilderState.
+ * Preserves absent granularity / dateRange instead of injecting defaults.
+ */
+export function parseQueryToState(query: TChartQuery, chartType?: TChartType): Partial<ChartBuilderState> {
+  const state: Partial<ChartBuilderState> = {
+    chartType: chartType || "",
+    selectedMeasures: query.measures || [],
+    customMeasures: [],
+    selectedDimensions: query.dimensions || [],
+    filters: [],
+    filterLogic: "and",
+    timeDimension: null,
+  };
+
+  if (query.filters && query.filters.length > 0) {
+    const first = query.filters[0];
+
+    if (!isMemberFilter(first) && "or" in first && query.filters.length === 1) {
+      state.filterLogic = "or";
+      state.filters = (first.or as TMemberFilter[]).map((f) => ({
+        field: f.member,
+        operator: f.operator,
+        values: f.values || null,
+      }));
+    } else {
+      state.filterLogic = "and";
+      state.filters = query.filters.filter(isMemberFilter).map((f) => ({
+        field: f.member,
+        operator: f.operator,
+        values: f.values || null,
+      }));
+    }
+  }
+
+  if (query.timeDimensions && query.timeDimensions.length > 0) {
+    const timeDim = query.timeDimensions[0];
+    const config: TimeDimensionConfig = {
+      dimension: timeDim.dimension,
+    };
+    if (timeDim.granularity) {
+      config.granularity = timeDim.granularity;
+    }
+    if (timeDim.dateRange) {
+      config.dateRange = timeDim.dateRange as TimeDimensionConfig["dateRange"];
+    }
+    state.timeDimension = config;
+  }
+
+  return state;
+}