refactoring

.cursor/rules/formbricks-architecture.mdc

@@ -18,6 +18,7 @@ apps/web/
 │   ├── (app)/             # Main application routes
 │   ├── (auth)/            # Authentication routes
 │   ├── api/               # API routes
+│   └── share/             # Public sharing routes
 ├── components/            # Shared components
 ├── lib/                   # Utility functions and services
 └── modules/               # Feature-specific modules
@@ -42,6 +43,7 @@ The application uses Next.js 13+ app router with route groups:
 ### Dynamic Routes
 - `[environmentId]` - Environment-specific routes
 - `[surveyId]` - Survey-specific routes
+- `[sharingKey]` - Public sharing routes
 
 ## Service Layer Pattern
 

.cursor/rules/testing-patterns.mdc

@@ -90,7 +90,7 @@ When testing hooks that use React Context:
 vi.mocked(useResponseFilter).mockReturnValue({
   selectedFilter: {
     filter: [],
-    responseStatus: "all",
+    onlyComplete: false,
   },
   setSelectedFilter: vi.fn(),
   selectedOptions: {
@@ -291,6 +291,11 @@ test("handles different modes", async () => {
     expect(vi.mocked(regularApi)).toHaveBeenCalled();
   });
   
+  // Test sharing mode
+  vi.mocked(useParams).mockReturnValue({ 
+    surveyId: "123", 
+    sharingKey: "share-123" 
+  });
   rerender();
   
   await waitFor(() => {

.github/actions/cache-build-web/action.yml

@@ -62,12 +62,10 @@ runs:
       shell: bash
 
     - name: Fill ENCRYPTION_KEY, ENTERPRISE_LICENSE_KEY and E2E_TESTING in .env
-      env:
-        E2E_TESTING_MODE: ${{ inputs.e2e_testing_mode }}
       run: |
         RANDOM_KEY=$(openssl rand -hex 32)
         sed -i "s/ENCRYPTION_KEY=.*/ENCRYPTION_KEY=${RANDOM_KEY}/" .env
-        echo "E2E_TESTING=$E2E_TESTING_MODE" >> .env
+        echo "E2E_TESTING=${{ inputs.e2e_testing_mode }}" >> .env
       shell: bash
 
     - run: |

.github/actions/upload-sentry-sourcemaps/action.yml

@@ -1,23 +1,23 @@
-name: "Upload Sentry Sourcemaps"
-description: "Extract sourcemaps from Docker image and upload to Sentry"
+name: 'Upload Sentry Sourcemaps'
+description: 'Extract sourcemaps from Docker image and upload to Sentry'
 
 inputs:
   docker_image:
-    description: "Docker image to extract sourcemaps from"
+    description: 'Docker image to extract sourcemaps from'
     required: true
   release_version:
-    description: "Sentry release version (e.g., v1.2.3)"
+    description: 'Sentry release version (e.g., v1.2.3)'
     required: true
   sentry_auth_token:
-    description: "Sentry authentication token"
+    description: 'Sentry authentication token'
     required: true
   environment:
-    description: "Sentry environment (e.g., production, staging)"
+    description: 'Sentry environment (e.g., production, staging)'
     required: false
-    default: "staging"
+    default: 'staging'
 
 runs:
-  using: "composite"
+  using: 'composite'
   steps:
     - name: Checkout code
       uses: actions/checkout@v4
@@ -26,12 +26,13 @@ runs:
 
     - name: Validate Sentry auth token
       shell: bash
-      env:
-        SENTRY_TOKEN: ${{ inputs.sentry_auth_token }}
       run: |
         set -euo pipefail
         echo "🔐 Validating Sentry authentication token..."
 
+        # Assign token to local variable for secure handling
+        SENTRY_TOKEN="${{ inputs.sentry_auth_token }}"
+
         # Test the token by making a simple API call to Sentry
         response=$(curl -s -w "%{http_code}" -o /tmp/sentry_response.json \
           -H "Authorization: Bearer $SENTRY_TOKEN" \
@@ -56,23 +57,13 @@ runs:
 
     - name: Extract sourcemaps from Docker image
       shell: bash
-      env:
-        DOCKER_IMAGE: ${{ inputs.docker_image }}
       run: |
         set -euo pipefail
-
-        # Validate docker image format (basic validation)
-        if [[ ! "$DOCKER_IMAGE" =~ ^[a-zA-Z0-9._/-]+:[a-zA-Z0-9._-]+$ ]] && [[ ! "$DOCKER_IMAGE" =~ ^[a-zA-Z0-9._/-]+@sha256:[A-Fa-f0-9]{64}$ ]]; then
-          echo "❌ Error: Invalid docker image format. Must be in format 'image:tag' or 'image@sha256:hash'"
-          echo "Provided: $DOCKER_IMAGE"
-          exit 1
-        fi
-
-        echo "📦 Extracting sourcemaps from Docker image: $DOCKER_IMAGE"
+        echo "📦 Extracting sourcemaps from Docker image: ${{ inputs.docker_image }}"
 
         # Create temporary container from the image and capture its ID
         echo "Creating temporary container..."
-        CONTAINER_ID=$(docker create "$DOCKER_IMAGE")
+        CONTAINER_ID=$(docker create "${{ inputs.docker_image }}")
         echo "Container created with ID: $CONTAINER_ID"
 
         # Set up cleanup function to ensure container is removed on script exit
@@ -91,7 +82,7 @@ runs:
           # Exit with the original exit code to preserve script success/failure status
           exit $original_exit_code
         }
-
+        
         # Register cleanup function to run on script exit (success or failure)
         trap cleanup_container EXIT
 
@@ -122,7 +113,7 @@ runs:
       with:
         environment: ${{ inputs.environment }}
         version: ${{ inputs.release_version }}
-        sourcemaps: "./extracted-next/"
+        sourcemaps: './extracted-next/'
 
     - name: Clean up extracted files
       shell: bash

.github/workflows/deploy-formbricks-cloud.yml

@@ -106,16 +106,15 @@ jobs:
         env:
           CF_ZONE_ID: ${{ secrets.CLOUDFLARE_ZONE_ID }}
           CF_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          ENVIRONMENT: ${{ inputs.ENVIRONMENT }}
         run: |
           # Set hostname based on environment
-          if [[ "$ENVIRONMENT" == "production" ]]; then
+          if [[ "${{ inputs.ENVIRONMENT }}" == "production" ]]; then
             PURGE_HOST="app.formbricks.com"
           else
             PURGE_HOST="stage.app.formbricks.com"
           fi
 
-          echo "Purging Cloudflare cache for host: $PURGE_HOST (environment: $ENVIRONMENT, zone: $CF_ZONE_ID)"
+          echo "Purging Cloudflare cache for host: $PURGE_HOST (environment: ${{ inputs.ENVIRONMENT }}, zone: $CF_ZONE_ID)"
 
           # Prepare JSON payload for selective cache purge
           json_payload=$(cat << EOF

.github/workflows/docker-build-validation.yml

@@ -47,53 +47,34 @@ jobs:
 
       - name: Build Docker Image
         uses: docker/build-push-action@v6
-        env:
-          GITHUB_SHA: ${{ github.sha }}
         with:
           context: .
           file: ./apps/web/Dockerfile
           push: false
           load: true
-          tags: formbricks-test:${{ env.GITHUB_SHA }}
+          tags: formbricks-test:${{ github.sha }}
           cache-from: type=gha
           cache-to: type=gha,mode=max
           secrets: |
             database_url=${{ secrets.DUMMY_DATABASE_URL }}
             encryption_key=${{ secrets.DUMMY_ENCRYPTION_KEY }}
 
-      - name: Verify and Initialize PostgreSQL
+      - name: Verify PostgreSQL Connection
         run: |
           echo "Verifying PostgreSQL connection..."
           # Install PostgreSQL client to test connection
           sudo apt-get update && sudo apt-get install -y postgresql-client
 
-          # Test connection using psql with timeout and proper error handling
-          echo "Testing PostgreSQL connection with 30 second timeout..."
-          if timeout 30 bash -c 'until PGPASSWORD=test psql -h localhost -U test -d formbricks -c "\dt" >/dev/null 2>&1; do
-            echo "Waiting for PostgreSQL to be ready..."
-            sleep 2
-          done'; then
-            echo "✅ PostgreSQL connection successful"
-            PGPASSWORD=test psql -h localhost -U test -d formbricks -c "SELECT version();"
-
-            # Enable necessary extensions that might be required by migrations
-            echo "Enabling required PostgreSQL extensions..."
-            PGPASSWORD=test psql -h localhost -U test -d formbricks -c "CREATE EXTENSION IF NOT EXISTS vector;" || echo "Vector extension already exists or not available"
-
-          else
-            echo "❌ PostgreSQL connection failed after 30 seconds"
-            exit 1
-          fi
+          # Test connection using psql
+          PGPASSWORD=test psql -h localhost -U test -d formbricks -c "\dt" || echo "Failed to connect to PostgreSQL"
 
           # Show network configuration
           echo "Network configuration:"
+          ip addr show
           netstat -tulpn | grep 5432 || echo "No process listening on port 5432"
 
       - name: Test Docker Image with Health Check
         shell: bash
-        env:
-          GITHUB_SHA: ${{ github.sha }}
-          DUMMY_ENCRYPTION_KEY: ${{ secrets.DUMMY_ENCRYPTION_KEY }}
         run: |
           echo "🧪 Testing if the Docker image starts correctly..."
 
@@ -105,12 +86,29 @@ jobs:
             $DOCKER_RUN_ARGS \
             -p 3000:3000 \
             -e DATABASE_URL="postgresql://test:test@host.docker.internal:5432/formbricks" \
-            -e ENCRYPTION_KEY="$DUMMY_ENCRYPTION_KEY" \
-            -d "formbricks-test:$GITHUB_SHA"
+            -e ENCRYPTION_KEY="${{ secrets.DUMMY_ENCRYPTION_KEY }}" \
+            -d formbricks-test:${{ github.sha }}
 
-          # Start health check polling immediately (every 5 seconds for up to 5 minutes)
-          echo "🏥 Polling /health endpoint every 5 seconds for up to 5 minutes..."
-          MAX_RETRIES=60  # 60 attempts × 5 seconds = 5 minutes
+          # Give it more time to start up
+          echo "Waiting 45 seconds for application to start..."
+          sleep 45
+
+          # Check if the container is running
+          if [ "$(docker inspect -f '{{.State.Running}}' formbricks-test)" != "true" ]; then
+            echo "❌ Container failed to start properly!"
+            docker logs formbricks-test
+            exit 1
+          else
+            echo "✅ Container started successfully!"
+          fi
+
+          # Try connecting to PostgreSQL from inside the container
+          echo "Testing PostgreSQL connection from inside container..."
+          docker exec formbricks-test sh -c 'apt-get update && apt-get install -y postgresql-client && PGPASSWORD=test psql -h host.docker.internal -U test -d formbricks -c "\dt" || echo "Failed to connect to PostgreSQL from container"'
+
+          # Try to access the health endpoint
+          echo "🏥 Testing /health endpoint..."
+          MAX_RETRIES=10
           RETRY_COUNT=0
           HEALTH_CHECK_SUCCESS=false
 
@@ -118,32 +116,38 @@ jobs:
 
           while [ $RETRY_COUNT -lt $MAX_RETRIES ]; do
             RETRY_COUNT=$((RETRY_COUNT + 1))
-
-            # Check if container is still running
-            if [ "$(docker inspect -f '{{.State.Running}}' formbricks-test 2>/dev/null)" != "true" ]; then
-              echo "❌ Container stopped running after $((RETRY_COUNT * 5)) seconds!"
-              echo "📋 Container logs:"
-              docker logs formbricks-test
-              exit 1
+            echo "Attempt $RETRY_COUNT of $MAX_RETRIES..."
+            
+            # Show container logs before each attempt to help debugging
+            if [ $RETRY_COUNT -gt 1 ]; then
+              echo "📋 Current container logs:"
+              docker logs --tail 20 formbricks-test
             fi
-
-            # Show progress and diagnostic info every 12 attempts (1 minute intervals)
-            if [ $((RETRY_COUNT % 12)) -eq 0 ] || [ $RETRY_COUNT -eq 1 ]; then
-              echo "Health check attempt $RETRY_COUNT of $MAX_RETRIES ($(($RETRY_COUNT * 5)) seconds elapsed)..."
-              echo "📋 Recent container logs:"
-              docker logs --tail 10 formbricks-test
+            
+            # Get detailed curl output for debugging
+            HTTP_OUTPUT=$(curl -v -s -m 30 http://localhost:3000/health 2>&1)
+            CURL_EXIT_CODE=$?
+            
+            echo "Curl exit code: $CURL_EXIT_CODE"
+            echo "Curl output: $HTTP_OUTPUT"
+            
+            if [ $CURL_EXIT_CODE -eq 0 ]; then
+              STATUS_CODE=$(echo "$HTTP_OUTPUT" | grep -oP "HTTP/\d(\.\d)? \K\d+")
+              echo "Status code detected: $STATUS_CODE"
+              
+              if [ "$STATUS_CODE" = "200" ]; then
+                echo "✅ Health check successful!"
+                HEALTH_CHECK_SUCCESS=true
+                break
+              else
+                echo "❌ Health check returned non-200 status code: $STATUS_CODE"
+              fi
+            else
+              echo "❌ Curl command failed with exit code: $CURL_EXIT_CODE"
             fi
-
-            # Try health endpoint with shorter timeout for faster polling
-            # Use -f flag to make curl fail on HTTP error status codes (4xx, 5xx)
-            if curl -f -s -m 10 http://localhost:3000/health >/dev/null 2>&1; then
-              echo "✅ Health check successful after $((RETRY_COUNT * 5)) seconds!"
-              HEALTH_CHECK_SUCCESS=true
-              break
-            fi
-
-            # Wait 5 seconds before next attempt
-            sleep 5
+            
+            echo "Waiting 15 seconds before next attempt..."
+            sleep 15
           done
 
           # Show full container logs for debugging
@@ -156,7 +160,7 @@ jobs:
 
           # Exit with failure if health check did not succeed
           if [ "$HEALTH_CHECK_SUCCESS" != "true" ]; then
-            echo "❌ Health check failed after $((MAX_RETRIES * 5)) seconds (5 minutes)"
+            echo "❌ Health check failed after $MAX_RETRIES attempts"
             exit 1
           fi
 

.github/workflows/release-docker-github-experimental.yml

@@ -44,11 +44,11 @@ jobs:
 
       - name: Generate SemVer version from branch or tag
         id: generate_version
-        env:
-          REF_NAME: ${{ github.ref_name }}
-          REF_TYPE: ${{ github.ref_type }}
         run: |
-          # Get reference name and type from environment variables
+          # Get reference name and type
+          REF_NAME="${{ github.ref_name }}"
+          REF_TYPE="${{ github.ref_type }}"
+
           echo "Reference type: $REF_TYPE"
           echo "Reference name: $REF_NAME"
 

.github/workflows/release-docker-github.yml

@@ -9,7 +9,7 @@ on:
   workflow_call:
     inputs:
       IS_PRERELEASE:
-        description: "Whether this is a prerelease (affects latest tag)"
+        description: 'Whether this is a prerelease (affects latest tag)'
         required: false
         type: boolean
         default: false
@@ -52,20 +52,9 @@ jobs:
         id: extract_release_tag
         run: |
           # Extract version from tag (e.g., refs/tags/v1.2.3 -> 1.2.3)
-          TAG="$GITHUB_REF"
+          TAG=${{ github.ref }}
           TAG=${TAG#refs/tags/v}
-
-          # Validate the extracted tag format
-          if [[ ! "$TAG" =~ ^[0-9]+\.[0-9]+\.[0-9]+(-[a-zA-Z0-9.-]+)?(\+[a-zA-Z0-9.-]+)?$ ]]; then
-            echo "❌ Error: Invalid release tag format after extraction. Must be semver (e.g., 1.2.3, 1.2.3-alpha)"
-            echo "Original ref: $GITHUB_REF"
-            echo "Extracted tag: $TAG"
-            exit 1
-          fi
-
-          # Safely add to environment variables
           echo "RELEASE_TAG=$TAG" >> $GITHUB_ENV
-
           echo "VERSION=$TAG" >> $GITHUB_OUTPUT
           echo "Using tag-based version: $TAG"
 

.github/workflows/release-helm-chart.yml

@@ -26,23 +26,8 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
 
-      - name: Validate input version
-        env:
-          INPUT_VERSION: ${{ inputs.VERSION }}
-        run: |
-          set -euo pipefail
-          # Validate input version format (expects clean semver without 'v' prefix)
-          if [[ ! "$INPUT_VERSION" =~ ^[0-9]+\.[0-9]+\.[0-9]+(-[a-zA-Z0-9.-]+)?(\+[a-zA-Z0-9.-]+)?$ ]]; then
-            echo "❌ Error: Invalid version format. Must be clean semver (e.g., 1.2.3, 1.2.3-alpha)"
-            echo "Expected: clean version without 'v' prefix"
-            echo "Provided: $INPUT_VERSION"
-            exit 1
-          fi
-
-          # Store validated version in environment variable
-          echo "VERSION<<EOF" >> $GITHUB_ENV
-          echo "$INPUT_VERSION" >> $GITHUB_ENV
-          echo "EOF" >> $GITHUB_ENV
+      - name: Extract release version
+        run: echo "VERSION=${{ github.event.release.tag_name }}" >> $GITHUB_ENV
 
       - name: Set up Helm
         uses: azure/setup-helm@5119fcb9089d432beecbf79bb2c7915207344b78 # v3.5
@@ -50,18 +35,15 @@ jobs:
           version: latest
 
       - name: Log in to GitHub Container Registry
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          GITHUB_ACTOR: ${{ github.actor }}
-        run: printf '%s' "$GITHUB_TOKEN" | helm registry login ghcr.io --username "$GITHUB_ACTOR" --password-stdin
+        run: echo "${{ secrets.GITHUB_TOKEN }}" | helm registry login ghcr.io --username ${{ github.actor }} --password-stdin
 
       - name: Install YQ
         uses: dcarbone/install-yq-action@4075b4dca348d74bd83f2bf82d30f25d7c54539b # v1.3.1
 
       - name: Update Chart.yaml with new version
         run: |
-          yq -i ".version = \"$VERSION\"" helm-chart/Chart.yaml
-          yq -i ".appVersion = \"v$VERSION\"" helm-chart/Chart.yaml
+          yq -i ".version = \"${{ inputs.VERSION }}\"" helm-chart/Chart.yaml
+          yq -i ".appVersion = \"v${{ inputs.VERSION }}\"" helm-chart/Chart.yaml
 
       - name: Package Helm chart
         run: |
@@ -69,4 +51,4 @@ jobs:
 
       - name: Push Helm chart to GitHub Container Registry
         run: |
-          helm push "formbricks-$VERSION.tgz" oci://ghcr.io/formbricks/helm-charts
+          helm push formbricks-${{ inputs.VERSION }}.tgz oci://ghcr.io/formbricks/helm-charts

.github/workflows/tolgee.yml

@@ -27,18 +27,10 @@ jobs:
 
       - name: Get source branch name
         id: branch-name
-        env:
-          RAW_BRANCH: ${{ github.head_ref }}
         run: |
-          # Validate and sanitize branch name - only allow alphanumeric, dots, underscores, hyphens, and forward slashes
+          RAW_BRANCH="${{ github.head_ref }}"
           SOURCE_BRANCH=$(echo "$RAW_BRANCH" | sed 's/[^a-zA-Z0-9._\/-]//g')
 
-          # Additional validation - ensure branch name is not empty after sanitization
-          if [[ -z "$SOURCE_BRANCH" ]]; then
-            echo "❌ Error: Branch name is empty after sanitization"
-            echo "Original branch: $RAW_BRANCH"
-            exit 1
-          fi
 
           # Safely add to environment variables using GitHub's recommended method
           # This prevents environment variable injection attacks

.github/workflows/upload-sentry-sourcemaps.yml

@@ -23,7 +23,7 @@ jobs:
   upload-sourcemaps:
     name: Upload Sourcemaps to Sentry
     runs-on: ubuntu-latest
-
+    
     steps:
       - name: Checkout
         uses: actions/checkout@v4.2.2
@@ -31,13 +31,16 @@ jobs:
           fetch-depth: 0
 
       - name: Set Docker Image
-        run: echo "DOCKER_IMAGE=${DOCKER_IMAGE}" >> $GITHUB_ENV
-        env:
-          DOCKER_IMAGE: ${{ inputs.docker_image }}:${{ inputs.tag_version != '' && inputs.tag_version || inputs.release_version }}
+        run: |
+          if [ -n "${{ inputs.tag_version }}" ]; then
+            echo "DOCKER_IMAGE=${{ inputs.docker_image }}:${{ inputs.tag_version }}" >> $GITHUB_ENV
+          else
+            echo "DOCKER_IMAGE=${{ inputs.docker_image }}:${{ inputs.release_version }}" >> $GITHUB_ENV
+          fi
 
       - name: Upload Sourcemaps to Sentry
         uses: ./.github/actions/upload-sentry-sourcemaps
         with:
           docker_image: ${{ env.DOCKER_IMAGE }}
           release_version: ${{ inputs.release_version }}
-          sentry_auth_token: ${{ secrets.SENTRY_AUTH_TOKEN }}
+          sentry_auth_token: ${{ secrets.SENTRY_AUTH_TOKEN }} 

apps/storybook/.storybook/main.ts

@@ -1,16 +1,13 @@
 import type { StorybookConfig } from "@storybook/react-vite";
-import { createRequire } from "module";
 import { dirname, join } from "path";
 
-const require = createRequire(import.meta.url);
-
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
  */
-function getAbsolutePath(value: string): any {
+const getAbsolutePath = (value: string) => {
   return dirname(require.resolve(join(value, "package.json")));
-}
+};
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../../web/modules/ui/**/stories.@(js|jsx|mjs|ts|tsx)"],

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

@@ -71,6 +71,10 @@ export const createProjectAction = authenticatedActionClient.schema(ZCreateProje
         alert: {
           ...user.notificationSettings?.alert,
         },
+        weeklySummary: {
+          ...user.notificationSettings?.weeklySummary,
+          [project.id]: true,
+        },
       };
 
       await updateUser(user.id, {

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

@@ -24,17 +24,14 @@ export const ActionClassesTable = ({
   otherEnvActionClasses,
   otherEnvironment,
 }: ActionClassesTableProps) => {
-  const [isActionDetailModalOpen, setIsActionDetailModalOpen] = useState(false);
+  const [isActionDetailModalOpen, setActionDetailModalOpen] = useState(false);
 
   const [activeActionClass, setActiveActionClass] = useState<TActionClass>();
 
-  const handleOpenActionDetailModalClick = (
-    e: React.MouseEvent<HTMLButtonElement>,
-    actionClass: TActionClass
-  ) => {
+  const handleOpenActionDetailModalClick = (e, actionClass: TActionClass) => {
     e.preventDefault();
     setActiveActionClass(actionClass);
-    setIsActionDetailModalOpen(true);
+    setActionDetailModalOpen(true);
   };
 
   return (
@@ -45,7 +42,7 @@ export const ActionClassesTable = ({
           {actionClasses.length > 0 ? (
             actionClasses.map((actionClass, index) => (
               <button
-                onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
+                onClick={(e) => {
                   handleOpenActionDetailModalClick(e, actionClass);
                 }}
                 className="w-full"
@@ -66,7 +63,7 @@ export const ActionClassesTable = ({
           environmentId={environmentId}
           environment={environment}
           open={isActionDetailModalOpen}
-          setOpen={setIsActionDetailModalOpen}
+          setOpen={setActionDetailModalOpen}
           actionClasses={actionClasses}
           actionClass={activeActionClass}
           isReadOnly={isReadOnly}

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

@@ -70,13 +70,15 @@ export const ActionDetailModal = ({
   };
 
   return (
-    <ModalWithTabs
-      open={open}
-      setOpen={setOpen}
-      tabs={tabs}
-      icon={ACTION_TYPE_ICON_LOOKUP[actionClass.type]}
-      label={actionClass.name}
-      description={typeDescription()}
-    />
+    <>
+      <ModalWithTabs
+        open={open}
+        setOpen={setOpen}
+        tabs={tabs}
+        icon={ACTION_TYPE_ICON_LOOKUP[actionClass.type]}
+        label={actionClass.name}
+        description={typeDescription()}
+      />
+    </>
   );
 };

apps/web/app/(app)/environments/[environmentId]/actions/components/ActionSettingsTab.test.tsx

@@ -11,21 +11,6 @@ vi.mock("@/app/(app)/environments/[environmentId]/actions/actions", () => ({
   updateActionClassAction: vi.fn(),
 }));
 
-// Mock action utils
-vi.mock("@/modules/survey/editor/lib/action-utils", () => ({
-  useActionClassKeys: vi.fn(() => ["existing-key"]),
-  createActionClassZodResolver: vi.fn(() => vi.fn()),
-  validatePermissions: vi.fn(),
-}));
-
-// Mock action builder
-vi.mock("@/modules/survey/editor/lib/action-builder", () => ({
-  buildActionObject: vi.fn((data, environmentId, t) => ({
-    ...data,
-    environmentId,
-  })),
-}));
-
 // Mock utils
 vi.mock("@/app/lib/actionClass/actionClass", () => ({
   isValidCssSelector: vi.fn((selector) => selector !== "invalid-selector"),
@@ -39,7 +24,6 @@ vi.mock("@/modules/ui/components/button", () => ({
     </button>
   ),
 }));
-
 vi.mock("@/modules/ui/components/code-action-form", () => ({
   CodeActionForm: ({ isReadOnly }: { isReadOnly: boolean }) => (
     <div data-testid="code-action-form" data-readonly={isReadOnly}>
@@ -47,7 +31,6 @@ vi.mock("@/modules/ui/components/code-action-form", () => ({
     </div>
   ),
 }));
-
 vi.mock("@/modules/ui/components/delete-dialog", () => ({
   DeleteDialog: ({ open, setOpen, isDeleting, onDelete }: any) =>
     open ? (
@@ -60,26 +43,6 @@ vi.mock("@/modules/ui/components/delete-dialog", () => ({
       </div>
     ) : null,
 }));
-
-vi.mock("@/modules/ui/components/action-name-description-fields", () => ({
-  ActionNameDescriptionFields: ({ isReadOnly, nameInputId, descriptionInputId }: any) => (
-    <div data-testid="action-name-description-fields">
-      <input
-        data-testid={`name-input-${nameInputId}`}
-        placeholder="environments.actions.eg_clicked_download"
-        disabled={isReadOnly}
-        defaultValue="Test Action"
-      />
-      <input
-        data-testid={`description-input-${descriptionInputId}`}
-        placeholder="environments.actions.user_clicked_download_button"
-        disabled={isReadOnly}
-        defaultValue="Test Description"
-      />
-    </div>
-  ),
-}));
-
 vi.mock("@/modules/ui/components/no-code-action-form", () => ({
   NoCodeActionForm: ({ isReadOnly }: { isReadOnly: boolean }) => (
     <div data-testid="no-code-action-form" data-readonly={isReadOnly}>
@@ -93,23 +56,6 @@ vi.mock("lucide-react", () => ({
   TrashIcon: () => <div data-testid="trash-icon">Trash</div>,
 }));
 
-// Mock react-hook-form
-const mockHandleSubmit = vi.fn();
-const mockForm = {
-  handleSubmit: mockHandleSubmit,
-  control: {},
-  formState: { errors: {} },
-};
-
-vi.mock("react-hook-form", async () => {
-  const actual = await vi.importActual("react-hook-form");
-  return {
-    ...actual,
-    useForm: vi.fn(() => mockForm),
-    FormProvider: ({ children }: any) => <div>{children}</div>,
-  };
-});
-
 const mockSetOpen = vi.fn();
 const mockActionClasses: TActionClass[] = [
   {
@@ -142,7 +88,6 @@ const createMockActionClass = (id: string, type: TActionClassType, name: string)
 describe("ActionSettingsTab", () => {
   beforeEach(() => {
     vi.clearAllMocks();
-    mockHandleSubmit.mockImplementation((fn) => fn);
   });
 
   afterEach(() => {
@@ -160,9 +105,13 @@ describe("ActionSettingsTab", () => {
       />
     );
 
-    expect(screen.getByTestId("action-name-description-fields")).toBeInTheDocument();
-    expect(screen.getByTestId("name-input-actionNameSettingsInput")).toBeInTheDocument();
-    expect(screen.getByTestId("description-input-actionDescriptionSettingsInput")).toBeInTheDocument();
+    // Use getByPlaceholderText or getByLabelText now that Input isn't mocked
+    expect(screen.getByPlaceholderText("environments.actions.eg_clicked_download")).toHaveValue(
+      actionClass.name
+    );
+    expect(screen.getByPlaceholderText("environments.actions.user_clicked_download_button")).toHaveValue(
+      actionClass.description
+    );
     expect(screen.getByTestId("code-action-form")).toBeInTheDocument();
     expect(
       screen.getByText("environments.actions.this_is_a_code_action_please_make_changes_in_your_code_base")
@@ -182,104 +131,18 @@ describe("ActionSettingsTab", () => {
       />
     );
 
-    expect(screen.getByTestId("action-name-description-fields")).toBeInTheDocument();
+    // Use getByPlaceholderText or getByLabelText now that Input isn't mocked
+    expect(screen.getByPlaceholderText("environments.actions.eg_clicked_download")).toHaveValue(
+      actionClass.name
+    );
+    expect(screen.getByPlaceholderText("environments.actions.user_clicked_download_button")).toHaveValue(
+      actionClass.description
+    );
     expect(screen.getByTestId("no-code-action-form")).toBeInTheDocument();
     expect(screen.getByRole("button", { name: "common.save_changes" })).toBeInTheDocument();
     expect(screen.getByRole("button", { name: /common.delete/ })).toBeInTheDocument();
   });
 
-  test("renders correctly for other action types (fallback)", () => {
-    const actionClass = {
-      ...createMockActionClass("auto1", "noCode", "Auto Action"),
-      type: "automatic" as any,
-    };
-    render(
-      <ActionSettingsTab
-        actionClass={actionClass}
-        actionClasses={mockActionClasses}
-        setOpen={mockSetOpen}
-        isReadOnly={false}
-      />
-    );
-
-    expect(screen.getByTestId("action-name-description-fields")).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        "environments.actions.this_action_was_created_automatically_you_cannot_make_changes_to_it"
-      )
-    ).toBeInTheDocument();
-  });
-
-  test("calls utility functions on initialization", async () => {
-    const actionUtilsMock = await import("@/modules/survey/editor/lib/action-utils");
-
-    const actionClass = createMockActionClass("noCode1", "noCode", "No Code Action");
-    render(
-      <ActionSettingsTab
-        actionClass={actionClass}
-        actionClasses={mockActionClasses}
-        setOpen={mockSetOpen}
-        isReadOnly={false}
-      />
-    );
-
-    expect(actionUtilsMock.useActionClassKeys).toHaveBeenCalledWith(mockActionClasses);
-    expect(actionUtilsMock.createActionClassZodResolver).toHaveBeenCalled();
-  });
-
-  test("handles successful form submission", async () => {
-    const { updateActionClassAction } = await import(
-      "@/app/(app)/environments/[environmentId]/actions/actions"
-    );
-    const actionUtilsMock = await import("@/modules/survey/editor/lib/action-utils");
-
-    vi.mocked(updateActionClassAction).mockResolvedValue({ data: {} } as any);
-
-    const actionClass = createMockActionClass("noCode1", "noCode", "No Code Action");
-    render(
-      <ActionSettingsTab
-        actionClass={actionClass}
-        actionClasses={mockActionClasses}
-        setOpen={mockSetOpen}
-        isReadOnly={false}
-      />
-    );
-
-    // Check that utility functions were called during component initialization
-    expect(actionUtilsMock.useActionClassKeys).toHaveBeenCalledWith(mockActionClasses);
-    expect(actionUtilsMock.createActionClassZodResolver).toHaveBeenCalled();
-  });
-
-  test("handles permission validation error", async () => {
-    const actionUtilsMock = await import("@/modules/survey/editor/lib/action-utils");
-    vi.mocked(actionUtilsMock.validatePermissions).mockImplementation(() => {
-      throw new Error("Not authorized");
-    });
-
-    const actionClass = createMockActionClass("noCode1", "noCode", "No Code Action");
-    render(
-      <ActionSettingsTab
-        actionClass={actionClass}
-        actionClasses={mockActionClasses}
-        setOpen={mockSetOpen}
-        isReadOnly={false}
-      />
-    );
-
-    const submitButton = screen.getByRole("button", { name: "common.save_changes" });
-
-    mockHandleSubmit.mockImplementation((fn) => (e) => {
-      e.preventDefault();
-      return fn({ name: "Test", type: "noCode" });
-    });
-
-    await userEvent.click(submitButton);
-
-    await waitFor(() => {
-      expect(toast.error).toHaveBeenCalledWith("Not authorized");
-    });
-  });
-
   test("handles successful deletion", async () => {
     const actionClass = createMockActionClass("noCode1", "noCode", "No Code Action");
     const { deleteActionClassAction } = await import(
@@ -346,16 +209,17 @@ describe("ActionSettingsTab", () => {
         actionClass={actionClass}
         actionClasses={mockActionClasses}
         setOpen={mockSetOpen}
-        isReadOnly={true}
+        isReadOnly={true} // Set to read-only
       />
     );
 
-    expect(screen.getByTestId("name-input-actionNameSettingsInput")).toBeDisabled();
-    expect(screen.getByTestId("description-input-actionDescriptionSettingsInput")).toBeDisabled();
+    // Use getByPlaceholderText or getByLabelText now that Input isn't mocked
+    expect(screen.getByPlaceholderText("environments.actions.eg_clicked_download")).toBeDisabled();
+    expect(screen.getByPlaceholderText("environments.actions.user_clicked_download_button")).toBeDisabled();
     expect(screen.getByTestId("no-code-action-form")).toHaveAttribute("data-readonly", "true");
     expect(screen.queryByRole("button", { name: "common.save_changes" })).not.toBeInTheDocument();
     expect(screen.queryByRole("button", { name: /common.delete/ })).not.toBeInTheDocument();
-    expect(screen.getByRole("link", { name: "common.read_docs" })).toBeInTheDocument();
+    expect(screen.getByRole("link", { name: "common.read_docs" })).toBeInTheDocument(); // Docs link still visible
   });
 
   test("prevents delete when read-only", async () => {
@@ -364,6 +228,7 @@ describe("ActionSettingsTab", () => {
       "@/app/(app)/environments/[environmentId]/actions/actions"
     );
 
+    // Render with isReadOnly=true, but simulate a delete attempt
     render(
       <ActionSettingsTab
         actionClass={actionClass}
@@ -373,6 +238,12 @@ describe("ActionSettingsTab", () => {
       />
     );
 
+    // Try to open and confirm delete dialog (buttons won't exist, so we simulate the flow)
+    // This test primarily checks the logic within handleDeleteAction if it were called.
+    // A better approach might be to export handleDeleteAction for direct testing,
+    // but for now, we assume the UI prevents calling it.
+
+    // We can assert that the delete button isn't there to prevent the flow
     expect(screen.queryByRole("button", { name: /common.delete/ })).not.toBeInTheDocument();
     expect(deleteActionClassAction).not.toHaveBeenCalled();
   });
@@ -391,19 +262,4 @@ describe("ActionSettingsTab", () => {
     expect(docsLink).toHaveAttribute("href", "https://formbricks.com/docs/actions/no-code");
     expect(docsLink).toHaveAttribute("target", "_blank");
   });
-
-  test("uses correct input IDs for ActionNameDescriptionFields", () => {
-    const actionClass = createMockActionClass("noCode1", "noCode", "No Code Action");
-    render(
-      <ActionSettingsTab
-        actionClass={actionClass}
-        actionClasses={mockActionClasses}
-        setOpen={mockSetOpen}
-        isReadOnly={false}
-      />
-    );
-
-    expect(screen.getByTestId("name-input-actionNameSettingsInput")).toBeInTheDocument();
-    expect(screen.getByTestId("description-input-actionDescriptionSettingsInput")).toBeInTheDocument();
-  });
 });

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

@@ -4,17 +4,14 @@ import {
   deleteActionClassAction,
   updateActionClassAction,
 } from "@/app/(app)/environments/[environmentId]/actions/actions";
-import { buildActionObject } from "@/modules/survey/editor/lib/action-builder";
-import {
-  createActionClassZodResolver,
-  useActionClassKeys,
-  validatePermissions,
-} from "@/modules/survey/editor/lib/action-utils";
-import { ActionNameDescriptionFields } from "@/modules/ui/components/action-name-description-fields";
+import { isValidCssSelector } from "@/app/lib/actionClass/actionClass";
 import { Button } from "@/modules/ui/components/button";
 import { CodeActionForm } from "@/modules/ui/components/code-action-form";
 import { DeleteDialog } from "@/modules/ui/components/delete-dialog";
+import { FormControl, FormError, FormField, FormItem, FormLabel } from "@/modules/ui/components/form";
+import { Input } from "@/modules/ui/components/input";
 import { NoCodeActionForm } from "@/modules/ui/components/no-code-action-form";
+import { zodResolver } from "@hookform/resolvers/zod";
 import { useTranslate } from "@tolgee/react";
 import { TrashIcon } from "lucide-react";
 import Link from "next/link";
@@ -22,7 +19,8 @@ import { useRouter } from "next/navigation";
 import { useMemo, useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { toast } from "react-hot-toast";
-import { TActionClass, TActionClassInput } from "@formbricks/types/action-classes";
+import { z } from "zod";
+import { TActionClass, TActionClassInput, ZActionClassInput } from "@formbricks/types/action-classes";
 
 interface ActionSettingsTabProps {
   actionClass: TActionClass;
@@ -50,51 +48,63 @@ export const ActionSettingsTab = ({
     [actionClass.id, actionClasses]
   );
 
-  const actionClassKeys = useActionClassKeys(actionClasses);
-
   const form = useForm<TActionClassInput>({
     defaultValues: {
       ...restActionClass,
     },
-    resolver: createActionClassZodResolver(actionClassNames, actionClassKeys, t),
+    resolver: zodResolver(
+      ZActionClassInput.superRefine((data, ctx) => {
+        if (data.name && actionClassNames.includes(data.name)) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            path: ["name"],
+            message: t("environments.actions.action_with_name_already_exists", { name: data.name }),
+          });
+        }
+      })
+    ),
 
     mode: "onChange",
   });
 
   const { handleSubmit, control } = form;
 
-  const renderActionForm = () => {
-    if (actionClass.type === "code") {
-      return (
-        <>
-          <CodeActionForm form={form} isReadOnly={true} />
-          <p className="text-sm text-slate-600">
-            {t("environments.actions.this_is_a_code_action_please_make_changes_in_your_code_base")}
-          </p>
-        </>
-      );
-    }
-
-    if (actionClass.type === "noCode") {
-      return <NoCodeActionForm form={form} isReadOnly={isReadOnly} />;
-    }
-
-    return (
-      <p className="text-sm text-slate-600">
-        {t("environments.actions.this_action_was_created_automatically_you_cannot_make_changes_to_it")}
-      </p>
-    );
-  };
-
   const onSubmit = async (data: TActionClassInput) => {
     try {
+      if (isReadOnly) {
+        throw new Error(t("common.you_are_not_authorised_to_perform_this_action"));
+      }
       setIsUpdatingAction(true);
-      validatePermissions(isReadOnly, t);
-      const updatedAction = buildActionObject(data, actionClass.environmentId, t);
 
+      if (data.name && actionClassNames.includes(data.name)) {
+        throw new Error(t("environments.actions.action_with_name_already_exists", { name: data.name }));
+      }
+
+      if (
+        data.type === "noCode" &&
+        data.noCodeConfig?.type === "click" &&
+        data.noCodeConfig.elementSelector.cssSelector &&
+        !isValidCssSelector(data.noCodeConfig.elementSelector.cssSelector)
+      ) {
+        throw new Error(t("environments.actions.invalid_css_selector"));
+      }
+
+      const updatedData: TActionClassInput = {
+        ...data,
+        ...(data.type === "noCode" &&
+          data.noCodeConfig?.type === "click" && {
+            noCodeConfig: {
+              ...data.noCodeConfig,
+              elementSelector: {
+                cssSelector: data.noCodeConfig.elementSelector.cssSelector,
+                innerHtml: data.noCodeConfig.elementSelector.innerHtml,
+              },
+            },
+          }),
+      };
       await updateActionClassAction({
         actionClassId: actionClass.id,
-        updatedAction: updatedAction,
+        updatedAction: updatedData,
       });
       setOpen(false);
       router.refresh();
@@ -113,7 +123,7 @@ export const ActionSettingsTab = ({
       router.refresh();
       toast.success(t("environments.actions.action_deleted_successfully"));
       setOpen(false);
-    } catch {
+    } catch (error) {
       toast.error(t("common.something_went_wrong_please_try_again"));
     } finally {
       setIsDeletingAction(false);
@@ -125,14 +135,79 @@ export const ActionSettingsTab = ({
       <FormProvider {...form}>
         <form onSubmit={handleSubmit(onSubmit)}>
           <div className="max-h-[400px] w-full space-y-4 overflow-y-auto">
-            <ActionNameDescriptionFields
-              control={control}
-              isReadOnly={isReadOnly}
-              nameInputId="actionNameSettingsInput"
-              descriptionInputId="actionDescriptionSettingsInput"
-            />
+            <div className="grid w-full grid-cols-2 gap-x-4">
+              <div className="col-span-1">
+                <FormField
+                  control={control}
+                  name="name"
+                  disabled={isReadOnly}
+                  render={({ field, fieldState: { error } }) => (
+                    <FormItem>
+                      <FormLabel htmlFor="actionNameSettingsInput">
+                        {actionClass.type === "noCode"
+                          ? t("environments.actions.what_did_your_user_do")
+                          : t("environments.actions.display_name")}
+                      </FormLabel>
 
-            {renderActionForm()}
+                      <FormControl>
+                        <Input
+                          type="text"
+                          id="actionNameSettingsInput"
+                          {...field}
+                          placeholder={t("environments.actions.eg_clicked_download")}
+                          isInvalid={!!error?.message}
+                          disabled={isReadOnly}
+                        />
+                      </FormControl>
+
+                      <FormError />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              <div className="col-span-1">
+                <FormField
+                  control={control}
+                  name="description"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel htmlFor="actionDescriptionSettingsInput">
+                        {t("common.description")}
+                      </FormLabel>
+
+                      <FormControl>
+                        <Input
+                          type="text"
+                          id="actionDescriptionSettingsInput"
+                          {...field}
+                          placeholder={t("environments.actions.user_clicked_download_button")}
+                          value={field.value ?? ""}
+                          disabled={isReadOnly}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            {actionClass.type === "code" ? (
+              <>
+                <CodeActionForm form={form} isReadOnly={true} />
+                <p className="text-sm text-slate-600">
+                  {t("environments.actions.this_is_a_code_action_please_make_changes_in_your_code_base")}
+                </p>
+              </>
+            ) : actionClass.type === "noCode" ? (
+              <NoCodeActionForm form={form} isReadOnly={isReadOnly} />
+            ) : (
+              <p className="text-sm text-slate-600">
+                {t(
+                  "environments.actions.this_action_was_created_automatically_you_cannot_make_changes_to_it"
+                )}
+              </p>
+            )}
           </div>
 
           <div className="flex justify-between gap-x-2 border-slate-200 pt-4">

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

@@ -9,12 +9,8 @@ import {
 } from "@/lib/organization/service";
 import { getUserProjects } from "@/lib/project/service";
 import { getUser } from "@/lib/user/service";
-import {
-  getOrganizationProjectsLimit,
-  getRoleManagementPermission,
-} from "@/modules/ee/license-check/lib/utils";
+import { getOrganizationProjectsLimit } from "@/modules/ee/license-check/lib/utils";
 import { getProjectPermissionByUserId } from "@/modules/ee/teams/lib/roles";
-import { getTeamsByOrganizationId } from "@/modules/ee/teams/team-list/lib/team";
 import { cleanup, render, screen } from "@testing-library/react";
 import type { Session } from "next-auth";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
@@ -53,14 +49,10 @@ vi.mock("@/lib/membership/utils", () => ({
 }));
 vi.mock("@/modules/ee/license-check/lib/utils", () => ({
   getOrganizationProjectsLimit: vi.fn(),
-  getRoleManagementPermission: vi.fn(),
 }));
 vi.mock("@/modules/ee/teams/lib/roles", () => ({
   getProjectPermissionByUserId: vi.fn(),
 }));
-vi.mock("@/modules/ee/teams/team-list/lib/team", () => ({
-  getTeamsByOrganizationId: vi.fn(),
-}));
 vi.mock("@/tolgee/server", () => ({
   getTranslate: async () => (key: string) => key,
 }));
@@ -79,13 +71,7 @@ vi.mock("@/lib/constants", () => ({
 
 // Mock components
 vi.mock("@/app/(app)/environments/[environmentId]/components/MainNavigation", () => ({
-  MainNavigation: ({ organizationTeams, canDoRoleManagement }: any) => (
-    <div data-testid="main-navigation">
-      MainNavigation
-      <div data-testid="organization-teams">{JSON.stringify(organizationTeams || [])}</div>
-      <div data-testid="can-do-role-management">{canDoRoleManagement?.toString() || "false"}</div>
-    </div>
-  ),
+  MainNavigation: () => <div data-testid="main-navigation">MainNavigation</div>,
 }));
 vi.mock("@/app/(app)/environments/[environmentId]/components/TopControlBar", () => ({
   TopControlBar: () => <div data-testid="top-control-bar">TopControlBar</div>,
@@ -118,7 +104,7 @@ const mockUser = {
   identityProvider: "email",
   createdAt: new Date(),
   updatedAt: new Date(),
-  notificationSettings: { alert: {} },
+  notificationSettings: { alert: {}, weeklySummary: {} },
 } as unknown as TUser;
 
 const mockOrganization = {
@@ -170,17 +156,6 @@ const mockProjectPermission = {
   role: "admin",
 } as any;
 
-const mockOrganizationTeams = [
-  {
-    id: "team-1",
-    name: "Development Team",
-  },
-  {
-    id: "team-2",
-    name: "Marketing Team",
-  },
-];
-
 const mockSession: Session = {
   user: {
     id: "user-1",
@@ -201,8 +176,6 @@ describe("EnvironmentLayout", () => {
     vi.mocked(getMonthlyOrganizationResponseCount).mockResolvedValue(500);
     vi.mocked(getOrganizationProjectsLimit).mockResolvedValue(null as any);
     vi.mocked(getProjectPermissionByUserId).mockResolvedValue(mockProjectPermission);
-    vi.mocked(getTeamsByOrganizationId).mockResolvedValue(mockOrganizationTeams);
-    vi.mocked(getRoleManagementPermission).mockResolvedValue(true);
     mockIsDevelopment = false;
     mockIsFormbricksCloud = false;
   });
@@ -315,110 +288,6 @@ describe("EnvironmentLayout", () => {
     expect(screen.getByTestId("downgrade-banner")).toBeInTheDocument();
   });
 
-  test("passes canDoRoleManagement props to MainNavigation", async () => {
-    vi.resetModules();
-    await vi.doMock("@/modules/ee/license-check/lib/license", () => ({
-      getEnterpriseLicense: vi.fn().mockResolvedValue({
-        active: false,
-        isPendingDowngrade: false,
-        features: { isMultiOrgEnabled: false },
-        lastChecked: new Date(),
-        fallbackLevel: "live",
-      }),
-    }));
-    const { EnvironmentLayout } = await import(
-      "@/app/(app)/environments/[environmentId]/components/EnvironmentLayout"
-    );
-    render(
-      await EnvironmentLayout({
-        environmentId: "env-1",
-        session: mockSession,
-        children: <div>Child Content</div>,
-      })
-    );
-
-    expect(screen.getByTestId("can-do-role-management")).toHaveTextContent("true");
-    expect(vi.mocked(getRoleManagementPermission)).toHaveBeenCalledWith(mockOrganization.billing.plan);
-  });
-
-  test("handles empty organizationTeams array", async () => {
-    vi.mocked(getTeamsByOrganizationId).mockResolvedValue([]);
-    vi.resetModules();
-    await vi.doMock("@/modules/ee/license-check/lib/license", () => ({
-      getEnterpriseLicense: vi.fn().mockResolvedValue({
-        active: false,
-        isPendingDowngrade: false,
-        features: { isMultiOrgEnabled: false },
-        lastChecked: new Date(),
-        fallbackLevel: "live",
-      }),
-    }));
-    const { EnvironmentLayout } = await import(
-      "@/app/(app)/environments/[environmentId]/components/EnvironmentLayout"
-    );
-    render(
-      await EnvironmentLayout({
-        environmentId: "env-1",
-        session: mockSession,
-        children: <div>Child Content</div>,
-      })
-    );
-
-    expect(screen.getByTestId("organization-teams")).toHaveTextContent("[]");
-  });
-
-  test("handles null organizationTeams", async () => {
-    vi.mocked(getTeamsByOrganizationId).mockResolvedValue(null);
-    vi.resetModules();
-    await vi.doMock("@/modules/ee/license-check/lib/license", () => ({
-      getEnterpriseLicense: vi.fn().mockResolvedValue({
-        active: false,
-        isPendingDowngrade: false,
-        features: { isMultiOrgEnabled: false },
-        lastChecked: new Date(),
-        fallbackLevel: "live",
-      }),
-    }));
-    const { EnvironmentLayout } = await import(
-      "@/app/(app)/environments/[environmentId]/components/EnvironmentLayout"
-    );
-    render(
-      await EnvironmentLayout({
-        environmentId: "env-1",
-        session: mockSession,
-        children: <div>Child Content</div>,
-      })
-    );
-
-    expect(screen.getByTestId("organization-teams")).toHaveTextContent("[]");
-  });
-
-  test("handles canDoRoleManagement false", async () => {
-    vi.mocked(getRoleManagementPermission).mockResolvedValue(false);
-    vi.resetModules();
-    await vi.doMock("@/modules/ee/license-check/lib/license", () => ({
-      getEnterpriseLicense: vi.fn().mockResolvedValue({
-        active: false,
-        isPendingDowngrade: false,
-        features: { isMultiOrgEnabled: false },
-        lastChecked: new Date(),
-        fallbackLevel: "live",
-      }),
-    }));
-    const { EnvironmentLayout } = await import(
-      "@/app/(app)/environments/[environmentId]/components/EnvironmentLayout"
-    );
-    render(
-      await EnvironmentLayout({
-        environmentId: "env-1",
-        session: mockSession,
-        children: <div>Child Content</div>,
-      })
-    );
-
-    expect(screen.getByTestId("can-do-role-management")).toHaveTextContent("false");
-  });
-
   test("throws error if user not found", async () => {
     vi.mocked(getUser).mockResolvedValue(null);
     vi.resetModules();

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

@@ -13,10 +13,7 @@ import {
 import { getUserProjects } from "@/lib/project/service";
 import { getUser } from "@/lib/user/service";
 import { getEnterpriseLicense } from "@/modules/ee/license-check/lib/license";
-import {
-  getOrganizationProjectsLimit,
-  getRoleManagementPermission,
-} from "@/modules/ee/license-check/lib/utils";
+import { getOrganizationProjectsLimit } from "@/modules/ee/license-check/lib/utils";
 import { getProjectPermissionByUserId } from "@/modules/ee/teams/lib/roles";
 import { DevEnvironmentBanner } from "@/modules/ui/components/dev-environment-banner";
 import { LimitsReachedBanner } from "@/modules/ui/components/limits-reached-banner";
@@ -51,10 +48,9 @@ export const EnvironmentLayout = async ({ environmentId, session, children }: En
     throw new Error(t("common.environment_not_found"));
   }
 
-  const [projects, environments, canDoRoleManagement] = await Promise.all([
+  const [projects, environments] = await Promise.all([
     getUserProjects(user.id, organization.id),
     getEnvironments(environment.projectId),
-    getRoleManagementPermission(organization.billing.plan),
   ]);
 
   if (!projects || !environments || !organizations) {
@@ -121,7 +117,6 @@ export const EnvironmentLayout = async ({ environmentId, session, children }: En
           membershipRole={membershipRole}
           isMultiOrgEnabled={isMultiOrgEnabled}
           isLicenseActive={active}
-          canDoRoleManagement={canDoRoleManagement}
         />
         <div id="mainContent" className="flex-1 overflow-y-auto bg-slate-50">
           <TopControlBar

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

@@ -1,5 +1,4 @@
 import { useSignOut } from "@/modules/auth/hooks/use-sign-out";
-import { TOrganizationTeam } from "@/modules/ee/teams/team-list/types/team";
 import { cleanup, render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { usePathname, useRouter } from "next/navigation";
@@ -53,19 +52,9 @@ vi.mock("@/modules/organization/components/CreateOrganizationModal", () => ({
     open ? <div data-testid="create-org-modal">Create Org Modal</div> : null,
 }));
 vi.mock("@/modules/projects/components/project-switcher", () => ({
-  ProjectSwitcher: ({
-    isCollapsed,
-    organizationTeams,
-    canDoRoleManagement,
-  }: {
-    isCollapsed: boolean;
-    organizationTeams: TOrganizationTeam[];
-    canDoRoleManagement: boolean;
-  }) => (
+  ProjectSwitcher: ({ isCollapsed }: { isCollapsed: boolean }) => (
     <div data-testid="project-switcher" data-collapsed={isCollapsed}>
       Project Switcher
-      <div data-testid="organization-teams-count">{organizationTeams?.length || 0}</div>
-      <div data-testid="can-do-role-management">{canDoRoleManagement.toString()}</div>
     </div>
   ),
 }));
@@ -117,7 +106,7 @@ const mockUser = {
   identityProvider: "email",
   createdAt: new Date(),
   updatedAt: new Date(),
-  notificationSettings: { alert: {} },
+  notificationSettings: { alert: {}, weeklySummary: {} },
   role: "project_manager",
   objective: "other",
 } as unknown as TUser;
@@ -157,7 +146,6 @@ const defaultProps = {
   membershipRole: "owner" as const,
   organizationProjectsLimit: 5,
   isLicenseActive: true,
-  canDoRoleManagement: true,
 };
 
 describe("MainNavigation", () => {
@@ -346,23 +334,4 @@ describe("MainNavigation", () => {
     });
     expect(screen.queryByText("common.license")).not.toBeInTheDocument();
   });
-
-  test("passes canDoRoleManagement props to ProjectSwitcher", () => {
-    render(<MainNavigation {...defaultProps} />);
-
-    expect(screen.getByTestId("organization-teams-count")).toHaveTextContent("0");
-    expect(screen.getByTestId("can-do-role-management")).toHaveTextContent("true");
-  });
-
-  test("handles no organizationTeams", () => {
-    render(<MainNavigation {...defaultProps} />);
-
-    expect(screen.getByTestId("organization-teams-count")).toHaveTextContent("0");
-  });
-
-  test("handles canDoRoleManagement false", () => {
-    render(<MainNavigation {...defaultProps} canDoRoleManagement={false} />);
-
-    expect(screen.getByTestId("can-do-role-management")).toHaveTextContent("false");
-  });
 });

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

@@ -66,7 +66,6 @@ interface NavigationProps {
   membershipRole?: TOrganizationRole;
   organizationProjectsLimit: number;
   isLicenseActive: boolean;
-  canDoRoleManagement: boolean;
 }
 
 export const MainNavigation = ({
@@ -81,7 +80,6 @@ export const MainNavigation = ({
   organizationProjectsLimit,
   isLicenseActive,
   isDevelopment,
-  canDoRoleManagement,
 }: NavigationProps) => {
   const router = useRouter();
   const pathname = usePathname();
@@ -325,7 +323,6 @@ export const MainNavigation = ({
                 isTextVisible={isTextVisible}
                 organization={organization}
                 organizationProjectsLimit={organizationProjectsLimit}
-                canDoRoleManagement={canDoRoleManagement}
               />
             )}
 

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

@@ -28,7 +28,7 @@ const TestComponent = () => {
 
   return (
     <div>
-      <div data-testid="responseStatus">{selectedFilter.responseStatus}</div>
+      <div data-testid="onlyComplete">{selectedFilter.onlyComplete.toString()}</div>
       <div data-testid="filterLength">{selectedFilter.filter.length}</div>
       <div data-testid="questionOptionsLength">{selectedOptions.questionOptions.length}</div>
       <div data-testid="questionFilterOptionsLength">{selectedOptions.questionFilterOptions.length}</div>
@@ -44,7 +44,7 @@ const TestComponent = () => {
                 filterType: { filterValue: "value1", filterComboBoxValue: "option1" },
               },
             ],
-            responseStatus: "complete",
+            onlyComplete: true,
           })
         }>
         Update Filter
@@ -81,7 +81,7 @@ describe("ResponseFilterContext", () => {
       </ResponseFilterProvider>
     );
 
-    expect(screen.getByTestId("responseStatus").textContent).toBe("all");
+    expect(screen.getByTestId("onlyComplete").textContent).toBe("false");
     expect(screen.getByTestId("filterLength").textContent).toBe("0");
     expect(screen.getByTestId("questionOptionsLength").textContent).toBe("0");
     expect(screen.getByTestId("questionFilterOptionsLength").textContent).toBe("0");
@@ -99,7 +99,7 @@ describe("ResponseFilterContext", () => {
     const updateButton = screen.getByText("Update Filter");
     await userEvent.click(updateButton);
 
-    expect(screen.getByTestId("responseStatus").textContent).toBe("complete");
+    expect(screen.getByTestId("onlyComplete").textContent).toBe("true");
     expect(screen.getByTestId("filterLength").textContent).toBe("1");
   });
 

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

@@ -16,11 +16,9 @@ export interface FilterValue {
   };
 }
 
-export type TResponseStatus = "all" | "complete" | "partial";
-
 export interface SelectedFilterValue {
   filter: FilterValue[];
-  responseStatus: TResponseStatus;
+  onlyComplete: boolean;
 }
 
 interface SelectedFilterOptions {
@@ -49,7 +47,7 @@ const ResponseFilterProvider = ({ children }: { children: React.ReactNode }) =>
   // state holds the filter selected value
   const [selectedFilter, setSelectedFilter] = useState<SelectedFilterValue>({
     filter: [],
-    responseStatus: "all",
+    onlyComplete: false,
   });
   // state holds all the options of the responses fetched
   const [selectedOptions, setSelectedOptions] = useState<SelectedFilterOptions>({
@@ -69,7 +67,7 @@ const ResponseFilterProvider = ({ children }: { children: React.ReactNode }) =>
     });
     setSelectedFilter({
       filter: [],
-      responseStatus: "all",
+      onlyComplete: false,
     });
   }, []);
 

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

@@ -220,6 +220,7 @@ const surveys: TSurvey[] = [
     welcomeCard: { enabled: true } as unknown as TSurvey["welcomeCard"],
     hiddenFields: { enabled: true, fieldIds: [] },
     pin: null,
+    resultShareKey: null,
     displayLimit: null,
   } as unknown as TSurvey,
   {
@@ -257,6 +258,7 @@ const surveys: TSurvey[] = [
     welcomeCard: { enabled: true } as unknown as TSurvey["welcomeCard"],
     hiddenFields: { enabled: true, fieldIds: [] },
     pin: null,
+    resultShareKey: null,
     displayLimit: null,
   } as unknown as TSurvey,
 ];

apps/web/app/(app)/environments/[environmentId]/integrations/google-sheets/page.test.tsx

@@ -119,6 +119,7 @@ const mockSurveys: TSurvey[] = [
     displayPercentage: null,
     languages: [],
     pin: null,
+    resultShareKey: null,
     segment: null,
     singleUse: null,
     styling: null,

apps/web/app/(app)/environments/[environmentId]/integrations/notion/components/AddIntegrationModal.test.tsx

@@ -236,6 +236,7 @@ const surveys: TSurvey[] = [
     languages: [],
     welcomeCard: { enabled: true } as unknown as TSurvey["welcomeCard"],
     pin: null,
+    resultShareKey: null,
     displayLimit: null,
   } as unknown as TSurvey,
   {
@@ -271,6 +272,7 @@ const surveys: TSurvey[] = [
     languages: [],
     welcomeCard: { enabled: true } as unknown as TSurvey["welcomeCard"],
     pin: null,
+    resultShareKey: null,
     displayLimit: null,
   } as unknown as TSurvey,
 ];

apps/web/app/(app)/environments/[environmentId]/integrations/notion/page.test.tsx

@@ -128,6 +128,7 @@ const mockSurveys: TSurvey[] = [
     displayPercentage: null,
     languages: [],
     pin: null,
+    resultShareKey: null,
     segment: null,
     singleUse: null,
     styling: null,

apps/web/app/(app)/environments/[environmentId]/integrations/slack/components/AddChannelMappingModal.test.tsx

@@ -226,6 +226,7 @@ const surveys: TSurvey[] = [
     welcomeCard: { enabled: true } as unknown as TSurvey["welcomeCard"],
     hiddenFields: { enabled: true, fieldIds: [] },
     pin: null,
+    resultShareKey: null,
     displayLimit: null,
   } as unknown as TSurvey,
   {
@@ -263,6 +264,7 @@ const surveys: TSurvey[] = [
     welcomeCard: { enabled: true } as unknown as TSurvey["welcomeCard"],
     hiddenFields: { enabled: true, fieldIds: [] },
     pin: null,
+    resultShareKey: null,
     displayLimit: null,
   } as unknown as TSurvey,
 ];

apps/web/app/(app)/environments/[environmentId]/integrations/slack/page.test.tsx

@@ -114,6 +114,7 @@ const mockSurveys: TSurvey[] = [
     languages: [],
     styling: null,
     segment: null,
+    resultShareKey: null,
     displayPercentage: null,
     closeOnDate: null,
     runOnDate: null,

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

@@ -49,6 +49,7 @@ const mockUser = {
   email: "test@example.com",
   notificationSettings: {
     alert: {},
+    weeklySummary: {},
     unsubscribedOrganizationIds: [],
   },
   role: "project_manager",

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

@@ -0,0 +1,166 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, test, vi } from "vitest";
+import { TUser } from "@formbricks/types/user";
+import { Membership } from "../types";
+import { EditWeeklySummary } from "./EditWeeklySummary";
+
+vi.mock("lucide-react", () => ({
+  UsersIcon: () => <div data-testid="users-icon" />,
+}));
+
+vi.mock("next/link", () => ({
+  default: ({ children, href }: { children: React.ReactNode; href: string }) => (
+    <a href={href} data-testid="link">
+      {children}
+    </a>
+  ),
+}));
+
+const mockNotificationSwitch = vi.fn();
+vi.mock("./NotificationSwitch", () => ({
+  NotificationSwitch: (props: any) => {
+    mockNotificationSwitch(props);
+    return (
+      <div data-testid={`notification-switch-${props.surveyOrProjectOrOrganizationId}`}>
+        NotificationSwitch
+      </div>
+    );
+  },
+}));
+
+const mockT = vi.fn((key) => key);
+vi.mock("@tolgee/react", () => ({
+  useTranslate: () => ({
+    t: mockT,
+  }),
+}));
+
+const mockUser = {
+  id: "user1",
+  name: "Test User",
+  email: "test@example.com",
+  notificationSettings: {
+    alert: {},
+    weeklySummary: {
+      proj1: true,
+      proj3: false,
+    },
+    unsubscribedOrganizationIds: [],
+  },
+  role: "project_manager",
+  objective: "other",
+  emailVerified: new Date(),
+  createdAt: new Date(),
+  updatedAt: new Date(),
+  identityProvider: "email",
+  twoFactorEnabled: false,
+} as unknown as TUser;
+
+const mockMemberships: Membership[] = [
+  {
+    organization: {
+      id: "org1",
+      name: "Organization 1",
+      projects: [
+        { id: "proj1", name: "Project 1", environments: [] },
+        { id: "proj2", name: "Project 2", environments: [] },
+      ],
+    },
+  },
+  {
+    organization: {
+      id: "org2",
+      name: "Organization 2",
+      projects: [{ id: "proj3", name: "Project 3", environments: [] }],
+    },
+  },
+];
+
+const environmentId = "test-env-id";
+
+describe("EditWeeklySummary", () => {
+  afterEach(() => {
+    cleanup();
+    vi.clearAllMocks();
+  });
+
+  test("renders correctly with multiple memberships and projects", () => {
+    render(<EditWeeklySummary memberships={mockMemberships} user={mockUser} environmentId={environmentId} />);
+
+    expect(screen.getByText("Organization 1")).toBeInTheDocument();
+    expect(screen.getByText("Project 1")).toBeInTheDocument();
+    expect(screen.getByText("Project 2")).toBeInTheDocument();
+    expect(screen.getByText("Organization 2")).toBeInTheDocument();
+    expect(screen.getByText("Project 3")).toBeInTheDocument();
+
+    expect(mockNotificationSwitch).toHaveBeenCalledWith(
+      expect.objectContaining({
+        surveyOrProjectOrOrganizationId: "proj1",
+        notificationSettings: mockUser.notificationSettings,
+        notificationType: "weeklySummary",
+      })
+    );
+    expect(screen.getByTestId("notification-switch-proj1")).toBeInTheDocument();
+
+    expect(mockNotificationSwitch).toHaveBeenCalledWith(
+      expect.objectContaining({
+        surveyOrProjectOrOrganizationId: "proj2",
+        notificationSettings: mockUser.notificationSettings,
+        notificationType: "weeklySummary",
+      })
+    );
+    expect(screen.getByTestId("notification-switch-proj2")).toBeInTheDocument();
+
+    expect(mockNotificationSwitch).toHaveBeenCalledWith(
+      expect.objectContaining({
+        surveyOrProjectOrOrganizationId: "proj3",
+        notificationSettings: mockUser.notificationSettings,
+        notificationType: "weeklySummary",
+      })
+    );
+    expect(screen.getByTestId("notification-switch-proj3")).toBeInTheDocument();
+
+    const inviteLinks = screen.getAllByTestId("link");
+    expect(inviteLinks.length).toBe(mockMemberships.length);
+    inviteLinks.forEach((link) => {
+      expect(link).toHaveAttribute("href", `/environments/${environmentId}/settings/general`);
+      expect(link).toHaveTextContent("common.invite_them");
+    });
+
+    expect(screen.getAllByTestId("users-icon").length).toBe(mockMemberships.length);
+
+    expect(screen.getAllByText("common.project")[0]).toBeInTheDocument();
+    expect(screen.getAllByText("common.weekly_summary")[0]).toBeInTheDocument();
+    expect(
+      screen.getAllByText("environments.settings.notifications.want_to_loop_in_organization_mates?").length
+    ).toBe(mockMemberships.length);
+  });
+
+  test("renders correctly with no memberships", () => {
+    render(<EditWeeklySummary memberships={[]} user={mockUser} environmentId={environmentId} />);
+    expect(screen.queryByText("Organization 1")).not.toBeInTheDocument();
+    expect(screen.queryByTestId("users-icon")).not.toBeInTheDocument();
+  });
+
+  test("renders correctly when an organization has no projects", () => {
+    const membershipsWithNoProjects: Membership[] = [
+      {
+        organization: {
+          id: "org3",
+          name: "Organization No Projects",
+          projects: [],
+        },
+      },
+    ];
+    render(
+      <EditWeeklySummary
+        memberships={membershipsWithNoProjects}
+        user={mockUser}
+        environmentId={environmentId}
+      />
+    );
+    expect(screen.getByText("Organization No Projects")).toBeInTheDocument();
+    expect(screen.queryByText("Project 1")).not.toBeInTheDocument(); // Check that no projects are listed under it
+    expect(mockNotificationSwitch).not.toHaveBeenCalled(); // No projects, so no switches for projects
+  });
+});

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

@@ -0,0 +1,59 @@
+"use client";
+
+import { useTranslate } from "@tolgee/react";
+import { UsersIcon } from "lucide-react";
+import Link from "next/link";
+import { TUser } from "@formbricks/types/user";
+import { Membership } from "../types";
+import { NotificationSwitch } from "./NotificationSwitch";
+
+interface EditAlertsProps {
+  memberships: Membership[];
+  user: TUser;
+  environmentId: string;
+}
+
+export const EditWeeklySummary = ({ memberships, user, environmentId }: EditAlertsProps) => {
+  const { t } = useTranslate();
+  return (
+    <>
+      {memberships.map((membership) => (
+        <div key={membership.organization.id}>
+          <div className="mb-5 flex items-center space-x-3 text-sm font-medium">
+            <UsersIcon className="h-6 w-7 text-slate-600" />
+
+            <p className="text-slate-800">{membership.organization.name}</p>
+          </div>
+          <div className="mb-6 rounded-lg border border-slate-200">
+            <div className="grid h-12 grid-cols-3 content-center rounded-t-lg bg-slate-100 px-4 text-left text-sm font-semibold text-slate-900">
+              <div className="col-span-2">{t("common.project")}</div>
+              <div className="col-span-1 text-center">{t("common.weekly_summary")}</div>
+            </div>
+            <div className="space-y-1 p-2">
+              {membership.organization.projects.map((project) => (
+                <div
+                  className="grid h-auto w-full cursor-pointer grid-cols-3 place-content-center justify-center rounded-lg px-2 py-2 text-left text-sm text-slate-900 hover:bg-slate-50"
+                  key={project.id}>
+                  <div className="col-span-2">{project?.name}</div>
+                  <div className="col-span-1 flex items-center justify-center">
+                    <NotificationSwitch
+                      surveyOrProjectOrOrganizationId={project.id}
+                      notificationSettings={user.notificationSettings!}
+                      notificationType={"weeklySummary"}
+                    />
+                  </div>
+                </div>
+              ))}
+            </div>
+            <p className="pb-3 pl-4 text-xs text-slate-400">
+              {t("environments.settings.notifications.want_to_loop_in_organization_mates")}?{" "}
+              <Link className="font-semibold" href={`/environments/${environmentId}/settings/general`}>
+                {t("common.invite_them")}
+              </Link>
+            </p>
+          </div>
+        </div>
+      ))}
+    </>
+  );
+};

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

@@ -29,6 +29,7 @@ const organizationId = "org1";
 
 const baseNotificationSettings: TUserNotificationSettings = {
   alert: {},
+  weeklySummary: {},
   unsubscribedOrganizationIds: [],
 };
 
@@ -67,6 +68,19 @@ describe("NotificationSwitch", () => {
     expect(switchInput.checked).toBe(false);
   });
 
+  test("renders with initial checked state for 'weeklySummary' (true)", () => {
+    const settings = { ...baseNotificationSettings, weeklySummary: { [projectId]: true } };
+    renderSwitch({
+      surveyOrProjectOrOrganizationId: projectId,
+      notificationSettings: settings,
+      notificationType: "weeklySummary",
+    });
+    const switchInput = screen.getByLabelText(
+      "toggle notification settings for weeklySummary"
+    ) as HTMLInputElement;
+    expect(switchInput.checked).toBe(true);
+  });
+
   test("renders with initial checked state for 'unsubscribedOrganizationIds' (subscribed initially, so checked is true)", () => {
     const settings = { ...baseNotificationSettings, unsubscribedOrganizationIds: [] };
     renderSwitch({
@@ -254,6 +268,31 @@ describe("NotificationSwitch", () => {
     expect(toast.success).not.toHaveBeenCalled();
   });
 
+  test("shows error toast when updateNotificationSettingsAction fails for 'weeklySummary' type", async () => {
+    const mockErrorResponse = { serverError: "Database connection failed" };
+    vi.mocked(updateNotificationSettingsAction).mockResolvedValueOnce(mockErrorResponse);
+
+    const initialSettings = { ...baseNotificationSettings, weeklySummary: { [projectId]: true } };
+    renderSwitch({
+      surveyOrProjectOrOrganizationId: projectId,
+      notificationSettings: initialSettings,
+      notificationType: "weeklySummary",
+    });
+    const switchInput = screen.getByLabelText("toggle notification settings for weeklySummary");
+
+    await act(async () => {
+      await user.click(switchInput);
+    });
+
+    expect(updateNotificationSettingsAction).toHaveBeenCalledWith({
+      notificationSettings: { ...initialSettings, weeklySummary: { [projectId]: false } },
+    });
+    expect(toast.error).toHaveBeenCalledWith("Database connection failed", {
+      id: "notification-switch",
+    });
+    expect(toast.success).not.toHaveBeenCalled();
+  });
+
   test("shows error toast when updateNotificationSettingsAction fails for 'unsubscribedOrganizationIds' type", async () => {
     const mockErrorResponse = { serverError: "Permission denied" };
     vi.mocked(updateNotificationSettingsAction).mockResolvedValueOnce(mockErrorResponse);

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

@@ -12,7 +12,7 @@ import { updateNotificationSettingsAction } from "../actions";
 interface NotificationSwitchProps {
   surveyOrProjectOrOrganizationId: string;
   notificationSettings: TUserNotificationSettings;
-  notificationType: "alert" | "unsubscribedOrganizationIds";
+  notificationType: "alert" | "weeklySummary" | "unsubscribedOrganizationIds";
   autoDisableNotificationType?: string;
   autoDisableNotificationElementId?: string;
 }

apps/web/app/(app)/environments/[environmentId]/settings/(account)/notifications/loading.test.tsx

@@ -34,5 +34,17 @@ describe("Loading Notifications Settings", () => {
       .getByText("environments.settings.notifications.email_alerts_surveys")
       .closest("div[class*='rounded-xl']"); // Find parent card
     expect(alertsCard).toBeInTheDocument();
+
+    // Check for Weekly Summary LoadingCard
+    expect(
+      screen.getByText("environments.settings.notifications.weekly_summary_projects")
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText("environments.settings.notifications.stay_up_to_date_with_a_Weekly_every_Monday")
+    ).toBeInTheDocument();
+    const weeklySummaryCard = screen
+      .getByText("environments.settings.notifications.weekly_summary_projects")
+      .closest("div[class*='rounded-xl']"); // Find parent card
+    expect(weeklySummaryCard).toBeInTheDocument();
   });
 });

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

@@ -14,6 +14,11 @@ const Loading = () => {
       description: t("environments.settings.notifications.set_up_an_alert_to_get_an_email_on_new_responses"),
       skeletonLines: [{ classes: "h-6 w-28" }, { classes: "h-10 w-128" }, { classes: "h-10 w-128" }],
     },
+    {
+      title: t("environments.settings.notifications.weekly_summary_projects"),
+      description: t("environments.settings.notifications.stay_up_to_date_with_a_Weekly_every_Monday"),
+      skeletonLines: [{ classes: "h-6 w-28" }, { classes: "h-10 w-128" }, { classes: "h-10 w-128" }],
+    },
   ];
 
   return (

apps/web/app/(app)/environments/[environmentId]/settings/(account)/notifications/page.test.tsx

@@ -5,6 +5,7 @@ import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 import { prisma } from "@formbricks/database";
 import { TUser } from "@formbricks/types/user";
 import { EditAlerts } from "./components/EditAlerts";
+import { EditWeeklySummary } from "./components/EditWeeklySummary";
 import Page from "./page";
 import { Membership } from "./types";
 
@@ -57,7 +58,9 @@ vi.mock("@formbricks/database", () => ({
 vi.mock("./components/EditAlerts", () => ({
   EditAlerts: vi.fn(() => <div>EditAlertsComponent</div>),
 }));
-
+vi.mock("./components/EditWeeklySummary", () => ({
+  EditWeeklySummary: vi.fn(() => <div>EditWeeklySummaryComponent</div>),
+}));
 vi.mock("./components/IntegrationsTip", () => ({
   IntegrationsTip: () => <div>IntegrationsTipComponent</div>,
 }));
@@ -68,6 +71,7 @@ const mockUser: Partial<TUser> = {
   email: "test@example.com",
   notificationSettings: {
     alert: { "survey-old": true },
+    weeklySummary: { "project-old": true },
     unsubscribedOrganizationIds: ["org-unsubscribed"],
   },
 };
@@ -133,6 +137,13 @@ describe("NotificationsPage", () => {
     ).toBeInTheDocument();
     expect(screen.getByText("EditAlertsComponent")).toBeInTheDocument();
     expect(screen.getByText("IntegrationsTipComponent")).toBeInTheDocument();
+    expect(
+      screen.getByText("environments.settings.notifications.weekly_summary_projects")
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText("environments.settings.notifications.stay_up_to_date_with_a_Weekly_every_Monday")
+    ).toBeInTheDocument();
+    expect(screen.getByText("EditWeeklySummaryComponent")).toBeInTheDocument();
 
     // The actual `user.notificationSettings` passed to EditAlerts will be a new object
     // after `setCompleteNotificationSettings` processes it.
@@ -146,12 +157,16 @@ describe("NotificationsPage", () => {
     // It iterates memberships, then projects, then environments, then surveys.
     // `newNotificationSettings.alert[survey.id] = notificationSettings[survey.id]?.responseFinished || (notificationSettings.alert && notificationSettings.alert[survey.id]) || false;`
     // This means only survey IDs found in memberships will be in the new `alert` object.
+    // `newNotificationSettings.weeklySummary[project.id]` also only adds project IDs from memberships.
 
     const finalExpectedSettings = {
       alert: {
         "survey-1": false,
         "survey-2": false,
       },
+      weeklySummary: {
+        "project-1": false,
+      },
       unsubscribedOrganizationIds: ["org-unsubscribed"],
     };
 
@@ -160,6 +175,11 @@ describe("NotificationsPage", () => {
     expect(editAlertsCall.environmentId).toBe(mockParams.environmentId);
     expect(editAlertsCall.autoDisableNotificationType).toBe(mockSearchParams.type);
     expect(editAlertsCall.autoDisableNotificationElementId).toBe(mockSearchParams.elementId);
+
+    const editWeeklySummaryCall = vi.mocked(EditWeeklySummary).mock.calls[0][0];
+    expect(editWeeklySummaryCall.user.notificationSettings).toEqual(finalExpectedSettings);
+    expect(editWeeklySummaryCall.memberships).toEqual(mockMemberships);
+    expect(editWeeklySummaryCall.environmentId).toBe(mockParams.environmentId);
   });
 
   test("throws error if session is not found", async () => {
@@ -187,15 +207,21 @@ describe("NotificationsPage", () => {
     render(PageComponent);
 
     expect(screen.getByText("EditAlertsComponent")).toBeInTheDocument();
+    expect(screen.getByText("EditWeeklySummaryComponent")).toBeInTheDocument();
 
     const expectedEmptySettings = {
       alert: {},
+      weeklySummary: {},
       unsubscribedOrganizationIds: [],
     };
 
     const editAlertsCall = vi.mocked(EditAlerts).mock.calls[0][0];
     expect(editAlertsCall.user.notificationSettings).toEqual(expectedEmptySettings);
     expect(editAlertsCall.memberships).toEqual([]);
+
+    const editWeeklySummaryCall = vi.mocked(EditWeeklySummary).mock.calls[0][0];
+    expect(editWeeklySummaryCall.user.notificationSettings).toEqual(expectedEmptySettings);
+    expect(editWeeklySummaryCall.memberships).toEqual([]);
   });
 
   test("handles legacy notification settings correctly", async () => {
@@ -203,6 +229,7 @@ describe("NotificationsPage", () => {
       id: "user-legacy",
       notificationSettings: {
         "survey-1": { responseFinished: true }, // Legacy alert for survey-1
+        weeklySummary: { "project-1": true },
         unsubscribedOrganizationIds: [],
       } as any, // To allow legacy structure
     };
@@ -219,6 +246,9 @@ describe("NotificationsPage", () => {
         "survey-1": true, // Should be true due to legacy setting
         "survey-2": false, // Default for other surveys in membership
       },
+      weeklySummary: {
+        "project-1": true, // From user's weeklySummary
+      },
       unsubscribedOrganizationIds: [],
     };
 

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

@@ -9,6 +9,7 @@ import { getServerSession } from "next-auth";
 import { prisma } from "@formbricks/database";
 import { TUserNotificationSettings } from "@formbricks/types/user";
 import { EditAlerts } from "./components/EditAlerts";
+import { EditWeeklySummary } from "./components/EditWeeklySummary";
 import { IntegrationsTip } from "./components/IntegrationsTip";
 import type { Membership } from "./types";
 
@@ -18,10 +19,14 @@ const setCompleteNotificationSettings = (
 ): TUserNotificationSettings => {
   const newNotificationSettings = {
     alert: {},
+    weeklySummary: {},
     unsubscribedOrganizationIds: notificationSettings.unsubscribedOrganizationIds || [],
   };
   for (const membership of memberships) {
     for (const project of membership.organization.projects) {
+      // set default values for weekly summary
+      newNotificationSettings.weeklySummary[project.id] =
+        (notificationSettings.weeklySummary && notificationSettings.weeklySummary[project.id]) || false;
       // set default values for alerts
       for (const environment of project.environments) {
         for (const survey of environment.surveys) {
@@ -178,6 +183,11 @@ const Page = async (props) => {
         />
       </SettingsCard>
       <IntegrationsTip environmentId={params.environmentId} />
+      <SettingsCard
+        title={t("environments.settings.notifications.weekly_summary_projects")}
+        description={t("environments.settings.notifications.stay_up_to_date_with_a_Weekly_every_Monday")}>
+        <EditWeeklySummary memberships={memberships} user={user} environmentId={params.environmentId} />
+      </SettingsCard>
     </PageContentWrapper>
   );
 };

apps/web/app/(app)/environments/[environmentId]/settings/(account)/profile/components/AccountSecurity.test.tsx

@@ -20,7 +20,7 @@ const mockUser = {
   email: "test@example.com",
   notificationSettings: {
     alert: {},
-
+    weeklySummary: {},
     unsubscribedOrganizationIds: [],
   },
   twoFactorEnabled: false,

apps/web/app/(app)/environments/[environmentId]/settings/(account)/profile/components/DeleteAccount.test.tsx

@@ -15,7 +15,7 @@ const mockUser = {
   id: "user1",
   name: "Test User",
   email: "test@example.com",
-  notificationSettings: { alert: {}, unsubscribedOrganizationIds: [] },
+  notificationSettings: { alert: {}, weeklySummary: {}, unsubscribedOrganizationIds: [] },
   twoFactorEnabled: false,
   identityProvider: "email",
   createdAt: new Date(),

apps/web/app/(app)/environments/[environmentId]/settings/(account)/profile/components/EditProfileDetailsForm.test.tsx

@@ -13,7 +13,7 @@ const mockUser = {
   locale: "en-US",
   notificationSettings: {
     alert: {},
-
+    weeklySummary: {},
     unsubscribedOrganizationIds: [],
   },
   twoFactorEnabled: false,

apps/web/app/(app)/environments/[environmentId]/settings/(account)/profile/page.test.tsx

@@ -76,7 +76,7 @@ const mockUser = {
   imageUrl: "http://example.com/avatar.png",
   twoFactorEnabled: false,
   identityProvider: "email",
-  notificationSettings: { alert: {}, unsubscribedOrganizationIds: [] },
+  notificationSettings: { alert: {}, weeklySummary: {}, unsubscribedOrganizationIds: [] },
   createdAt: new Date(),
   updatedAt: new Date(),
   role: "project_manager",
@@ -121,9 +121,8 @@ describe("ProfilePage", () => {
       expect(screen.getByTestId("account-security")).toBeInTheDocument(); // Shown because 2FA license is enabled
       expect(screen.queryByTestId("upgrade-prompt")).not.toBeInTheDocument();
       expect(screen.getByTestId("delete-account")).toBeInTheDocument();
-      // Check for IdBadge content
-      expect(screen.getByText("common.profile_id")).toBeInTheDocument();
-      expect(screen.getByText(mockUser.id)).toBeInTheDocument();
+      // Use a regex to match the text content, allowing for variable whitespace
+      expect(screen.getByText(new RegExp(`common\\.profile\\s*:\\s*${mockUser.id}`))).toBeInTheDocument(); // SettingsId
     });
   });
 

apps/web/app/(app)/environments/[environmentId]/settings/(account)/profile/page.tsx

@@ -5,9 +5,9 @@ import { getOrganizationsWhereUserIsSingleOwner } from "@/lib/organization/servi
 import { getUser } from "@/lib/user/service";
 import { getIsMultiOrgEnabled, getIsTwoFactorAuthEnabled } from "@/modules/ee/license-check/lib/utils";
 import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
-import { IdBadge } from "@/modules/ui/components/id-badge";
 import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
 import { PageHeader } from "@/modules/ui/components/page-header";
+import { SettingsId } from "@/modules/ui/components/settings-id";
 import { UpgradePrompt } from "@/modules/ui/components/upgrade-prompt";
 import { getTranslate } from "@/tolgee/server";
 import { SettingsCard } from "../../components/SettingsCard";
@@ -103,7 +103,7 @@ const Page = async (props: { params: Promise<{ environmentId: string }> }) => {
               isMultiOrgEnabled={isMultiOrgEnabled}
             />
           </SettingsCard>
-          <IdBadge id={user.id} label={t("common.profile_id")} variant="column" />
+          <SettingsId title={t("common.profile")} id={user.id}></SettingsId>
         </div>
       )}
     </PageContentWrapper>

apps/web/app/(app)/environments/[environmentId]/settings/(organization)/enterprise/page.test.tsx

@@ -129,7 +129,7 @@ const mockUser = {
   imageUrl: "",
   twoFactorEnabled: false,
   identityProvider: "email",
-  notificationSettings: { alert: {} },
+  notificationSettings: { alert: {}, weeklySummary: {} },
   role: "project_manager",
   objective: "other",
 } as unknown as TUser;

apps/web/app/(app)/environments/[environmentId]/settings/(organization)/general/page.test.tsx

@@ -5,7 +5,7 @@ import { getIsMultiOrgEnabled, getWhiteLabelPermission } from "@/modules/ee/lice
 import { EmailCustomizationSettings } from "@/modules/ee/whitelabel/email-customization/components/email-customization-settings";
 import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
 import { TEnvironmentAuth } from "@/modules/environments/types/environment-auth";
-import { IdBadge } from "@/modules/ui/components/id-badge";
+import { SettingsId } from "@/modules/ui/components/settings-id";
 import { getTranslate } from "@/tolgee/server";
 import { cleanup, render, screen } from "@testing-library/react";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
@@ -78,8 +78,8 @@ vi.mock("./components/DeleteOrganization", () => ({
   DeleteOrganization: vi.fn(() => <div>DeleteOrganization</div>),
 }));
 
-vi.mock("@/modules/ui/components/id-badge", () => ({
-  IdBadge: vi.fn(() => <div>IdBadge</div>),
+vi.mock("@/modules/ui/components/settings-id", () => ({
+  SettingsId: vi.fn(() => <div>SettingsId</div>),
 }));
 
 describe("Page", () => {
@@ -156,11 +156,10 @@ describe("Page", () => {
       },
       undefined
     );
-    expect(IdBadge).toHaveBeenCalledWith(
+    expect(SettingsId).toHaveBeenCalledWith(
       {
+        title: "common.organization_id",
         id: mockEnvironmentAuth.organization.id,
-        label: "common.organization_id",
-        variant: "column",
       },
       undefined
     );

apps/web/app/(app)/environments/[environmentId]/settings/(organization)/general/page.tsx

@@ -4,9 +4,9 @@ import { getUser } from "@/lib/user/service";
 import { getIsMultiOrgEnabled, getWhiteLabelPermission } from "@/modules/ee/license-check/lib/utils";
 import { EmailCustomizationSettings } from "@/modules/ee/whitelabel/email-customization/components/email-customization-settings";
 import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
-import { IdBadge } from "@/modules/ui/components/id-badge";
 import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
 import { PageHeader } from "@/modules/ui/components/page-header";
+import { SettingsId } from "@/modules/ui/components/settings-id";
 import { getTranslate } from "@/tolgee/server";
 import { SettingsCard } from "../../components/SettingsCard";
 import { DeleteOrganization } from "./components/DeleteOrganization";
@@ -70,7 +70,7 @@ const Page = async (props: { params: Promise<{ environmentId: string }> }) => {
         </SettingsCard>
       )}
 
-      <IdBadge id={organization.id} label={t("common.organization_id")} variant="column" />
+      <SettingsId title={t("common.organization_id")} id={organization.id}></SettingsId>
     </PageContentWrapper>
   );
 };

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

@@ -58,6 +58,7 @@ vi.mock("@/lib/env", () => ({
 vi.mock("@/app/(app)/environments/[environmentId]/components/ResponseFilterContext");
 vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions");
 vi.mock("@/app/lib/surveys/surveys");
+vi.mock("@/app/share/[sharingKey]/actions");
 vi.mock("@/modules/ui/components/secondary-navigation", () => ({
   SecondaryNavigation: vi.fn(() => <div data-testid="secondary-navigation" />),
 }));
@@ -111,6 +112,7 @@ const mockSurvey = {
   surveyClosedMessage: null,
   welcomeCard: { enabled: false, headline: { default: "" } } as unknown as TSurvey["welcomeCard"],
   segment: null,
+  resultShareKey: null,
   closeOnDate: null,
   delay: 0,
   autoComplete: null,
@@ -169,6 +171,22 @@ describe("SurveyAnalysisNavigation", () => {
     );
   });
 
+  test("renders navigation correctly for sharing page", () => {
+    mockUsePathname.mockReturnValue(
+      `/environments/${defaultProps.environmentId}/surveys/${mockSurvey.id}/summary`
+    );
+    mockUseParams.mockReturnValue({ sharingKey: "test-sharing-key" });
+    mockUseResponseFilter.mockReturnValue({ selectedFilter: "all", dateRange: {} } as any);
+    mockGetFormattedFilters.mockReturnValue([] as any);
+    mockGetResponseCountAction.mockResolvedValue({ data: 5 });
+
+    render(<SurveyAnalysisNavigation {...defaultProps} />);
+
+    expect(MockSecondaryNavigation).toHaveBeenCalled();
+    const lastCallArgs = MockSecondaryNavigation.mock.calls[MockSecondaryNavigation.mock.calls.length - 1][0];
+    expect(lastCallArgs.navigation[0].href).toContain("/share/test-sharing-key");
+  });
+
   test("displays correct response count string in label for various scenarios", async () => {
     mockUsePathname.mockReturnValue(
       `/environments/${defaultProps.environmentId}/surveys/${mockSurvey.id}/responses`

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

@@ -4,7 +4,7 @@ import { revalidateSurveyIdPath } from "@/app/(app)/environments/[environmentId]
 import { SecondaryNavigation } from "@/modules/ui/components/secondary-navigation";
 import { useTranslate } from "@tolgee/react";
 import { InboxIcon, PresentationIcon } from "lucide-react";
-import { usePathname } from "next/navigation";
+import { useParams, usePathname } from "next/navigation";
 import { TSurvey } from "@formbricks/types/surveys/types";
 
 interface SurveyAnalysisNavigationProps {
@@ -20,8 +20,11 @@ export const SurveyAnalysisNavigation = ({
 }: SurveyAnalysisNavigationProps) => {
   const pathname = usePathname();
   const { t } = useTranslate();
+  const params = useParams();
+  const sharingKey = params.sharingKey as string;
+  const isSharingPage = !!sharingKey;
 
-  const url = `/environments/${environmentId}/surveys/${survey.id}`;
+  const url = isSharingPage ? `/share/${sharingKey}` : `/environments/${environmentId}/surveys/${survey.id}`;
 
   const navigation = [
     {

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/layout.test.tsx

@@ -50,6 +50,7 @@ const mockSurvey = {
   isBackButtonHidden: false,
   pin: null,
   recontactDays: null,
+  resultShareKey: null,
   runOnDate: null,
   showLanguageSwitch: false,
   singleUse: null,

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/responses/components/ResponseCardModal.test.tsx

@@ -113,6 +113,7 @@ const mockSurvey = {
   singleUse: null,
   triggers: [],
   languages: [],
+  resultShareKey: null,
   displayPercentage: null,
   welcomeCard: { enabled: false, headline: { default: "Welcome!" } } as unknown as TSurvey["welcomeCard"],
   styling: null,
@@ -138,7 +139,7 @@ const mockUser = {
   updatedAt: new Date(),
   role: "project_manager",
   objective: "increase_conversion",
-  notificationSettings: { alert: {}, unsubscribedOrganizationIds: [] },
+  notificationSettings: { alert: {}, weeklySummary: {}, unsubscribedOrganizationIds: [] },
 } as unknown as TUser;
 
 const mockEnvironmentTags: TTag[] = [

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/responses/components/ResponseDataView.test.tsx

@@ -88,6 +88,7 @@ const mockSurvey = {
   surveyClosedMessage: null,
   triggers: [],
   languages: [],
+  resultShareKey: null,
   displayPercentage: null,
 } as unknown as TSurvey;
 

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/responses/components/ResponsePage.test.tsx

@@ -28,10 +28,19 @@ vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/
   CustomFilter: vi.fn(() => <div data-testid="custom-filter">CustomFilter</div>),
 }));
 
+vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResultsShareButton", () => ({
+  ResultsShareButton: vi.fn(() => <div data-testid="results-share-button">ResultsShareButton</div>),
+}));
+
 vi.mock("@/app/lib/surveys/surveys", () => ({
   getFormattedFilters: vi.fn(),
 }));
 
+vi.mock("@/app/share/[sharingKey]/actions", () => ({
+  getResponseCountBySurveySharingKeyAction: vi.fn(),
+  getResponsesBySurveySharingKeyAction: vi.fn(),
+}));
+
 vi.mock("@/lib/utils/recall", () => ({
   replaceHeadlineRecall: vi.fn((survey) => survey),
 }));
@@ -55,6 +64,12 @@ const mockGetResponseCountAction = vi.mocked(
   (await import("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions"))
     .getResponseCountAction
 );
+const mockGetResponsesBySurveySharingKeyAction = vi.mocked(
+  (await import("@/app/share/[sharingKey]/actions")).getResponsesBySurveySharingKeyAction
+);
+const mockGetResponseCountBySurveySharingKeyAction = vi.mocked(
+  (await import("@/app/share/[sharingKey]/actions")).getResponseCountBySurveySharingKeyAction
+);
 const mockUseParams = vi.mocked((await import("next/navigation")).useParams);
 const mockUseSearchParams = vi.mocked((await import("next/navigation")).useSearchParams);
 const mockGetFormattedFilters = vi.mocked((await import("@/app/lib/surveys/surveys")).getFormattedFilters);
@@ -135,6 +150,8 @@ describe("ResponsePage", () => {
     mockUseResponseFilter.mockReturnValue(mockResponseFilterState);
     mockGetResponsesAction.mockResolvedValue({ data: mockResponses });
     mockGetResponseCountAction.mockResolvedValue({ data: 20 });
+    mockGetResponsesBySurveySharingKeyAction.mockResolvedValue({ data: mockResponses });
+    mockGetResponseCountBySurveySharingKeyAction.mockResolvedValue({ data: 20 });
     mockGetFormattedFilters.mockReturnValue({});
   });
 
@@ -142,11 +159,28 @@ describe("ResponsePage", () => {
     render(<ResponsePage {...defaultProps} />);
     await waitFor(() => {
       expect(screen.getByTestId("custom-filter")).toBeInTheDocument();
+      expect(screen.getByTestId("results-share-button")).toBeInTheDocument();
       expect(screen.getByTestId("response-data-view")).toBeInTheDocument();
     });
     expect(mockGetResponsesAction).toHaveBeenCalled();
   });
 
+  test("does not render ResultsShareButton when isReadOnly is true", async () => {
+    render(<ResponsePage {...defaultProps} isReadOnly={true} />);
+    await waitFor(() => {
+      expect(screen.queryByTestId("results-share-button")).not.toBeInTheDocument();
+    });
+  });
+
+  test("does not render ResultsShareButton when on sharing page", async () => {
+    mockUseParams.mockReturnValue({ sharingKey: "share123" });
+    render(<ResponsePage {...defaultProps} />);
+    await waitFor(() => {
+      expect(screen.queryByTestId("results-share-button")).not.toBeInTheDocument();
+    });
+    expect(mockGetResponsesBySurveySharingKeyAction).toHaveBeenCalled();
+  });
+
   test("fetches next page of responses", async () => {
     const { rerender } = render(<ResponsePage {...defaultProps} />);
     await waitFor(() => {

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

@@ -4,9 +4,11 @@ import { useResponseFilter } from "@/app/(app)/environments/[environmentId]/comp
 import { getResponsesAction } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/actions";
 import { ResponseDataView } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/responses/components/ResponseDataView";
 import { CustomFilter } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/CustomFilter";
+import { ResultsShareButton } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResultsShareButton";
 import { getFormattedFilters } from "@/app/lib/surveys/surveys";
+import { getResponsesBySurveySharingKeyAction } from "@/app/share/[sharingKey]/actions";
 import { replaceHeadlineRecall } from "@/lib/utils/recall";
-import { useSearchParams } from "next/navigation";
+import { useParams, useSearchParams } from "next/navigation";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { TEnvironment } from "@formbricks/types/environment";
 import { TResponse } from "@formbricks/types/responses";
@@ -18,6 +20,7 @@ interface ResponsePageProps {
   environment: TEnvironment;
   survey: TSurvey;
   surveyId: string;
+  publicDomain: string;
   user?: TUser;
   environmentTags: TTag[];
   responsesPerPage: number;
@@ -29,12 +32,17 @@ export const ResponsePage = ({
   environment,
   survey,
   surveyId,
+  publicDomain,
   user,
   environmentTags,
   responsesPerPage,
   locale,
   isReadOnly,
 }: ResponsePageProps) => {
+  const params = useParams();
+  const sharingKey = params.sharingKey as string;
+  const isSharingPage = !!sharingKey;
+
   const [responses, setResponses] = useState<TResponse[]>([]);
   const [page, setPage] = useState<number>(1);
   const [hasMore, setHasMore] = useState<boolean>(true);
@@ -55,20 +63,30 @@ export const ResponsePage = ({
 
     let newResponses: TResponse[] = [];
 
-    const getResponsesActionResponse = await getResponsesAction({
-      surveyId,
-      limit: responsesPerPage,
-      offset: (newPage - 1) * responsesPerPage,
-      filterCriteria: filters,
-    });
-    newResponses = getResponsesActionResponse?.data || [];
+    if (isSharingPage) {
+      const getResponsesActionResponse = await getResponsesBySurveySharingKeyAction({
+        sharingKey: sharingKey,
+        limit: responsesPerPage,
+        offset: (newPage - 1) * responsesPerPage,
+        filterCriteria: filters,
+      });
+      newResponses = getResponsesActionResponse?.data || [];
+    } else {
+      const getResponsesActionResponse = await getResponsesAction({
+        surveyId,
+        limit: responsesPerPage,
+        offset: (newPage - 1) * responsesPerPage,
+        filterCriteria: filters,
+      });
+      newResponses = getResponsesActionResponse?.data || [];
+    }
 
     if (newResponses.length === 0 || newResponses.length < responsesPerPage) {
       setHasMore(false);
     }
     setResponses([...responses, ...newResponses]);
     setPage(newPage);
-  }, [filters, page, responses, responsesPerPage, surveyId]);
+  }, [filters, isSharingPage, page, responses, responsesPerPage, sharingKey, surveyId]);
 
   const deleteResponses = (responseIds: string[]) => {
     setResponses(responses.filter((response) => !responseIds.includes(response.id)));
@@ -96,14 +114,25 @@ export const ResponsePage = ({
         setFetchingFirstPage(true);
         let responses: TResponse[] = [];
 
-        const getResponsesActionResponse = await getResponsesAction({
-          surveyId,
-          limit: responsesPerPage,
-          offset: 0,
-          filterCriteria: filters,
-        });
+        if (isSharingPage) {
+          const getResponsesActionResponse = await getResponsesBySurveySharingKeyAction({
+            sharingKey,
+            limit: responsesPerPage,
+            offset: 0,
+            filterCriteria: filters,
+          });
 
-        responses = getResponsesActionResponse?.data || [];
+          responses = getResponsesActionResponse?.data || [];
+        } else {
+          const getResponsesActionResponse = await getResponsesAction({
+            surveyId,
+            limit: responsesPerPage,
+            offset: 0,
+            filterCriteria: filters,
+          });
+
+          responses = getResponsesActionResponse?.data || [];
+        }
 
         if (responses.length < responsesPerPage) {
           setHasMore(false);
@@ -114,7 +143,7 @@ export const ResponsePage = ({
       }
     };
     fetchInitialResponses();
-  }, [surveyId, filters, responsesPerPage]);
+  }, [surveyId, filters, responsesPerPage, sharingKey, isSharingPage]);
 
   useEffect(() => {
     setPage(1);
@@ -126,6 +155,7 @@ export const ResponsePage = ({
     <>
       <div className="flex gap-1.5">
         <CustomFilter survey={surveyMemoized} />
+        {!isReadOnly && !isSharingPage && <ResultsShareButton survey={survey} publicDomain={publicDomain} />}
       </div>
       <ResponseDataView
         survey={survey}

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/responses/components/ResponseTableColumns.test.tsx

@@ -1,9 +1,10 @@
-import { extractChoiceIdsFromResponse } from "@/lib/response/utils";
 import { processResponseData } from "@/lib/responses";
 import { getContactIdentifier } from "@/lib/utils/contact";
 import { getFormattedDateTimeString } from "@/lib/utils/datetime";
 import { getSelectionColumn } from "@/modules/ui/components/data-table";
+import { ResponseBadges } from "@/modules/ui/components/response-badges";
 import { cleanup } from "@testing-library/react";
+import { AnyActionArg } from "react";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 import { TResponseNote, TResponseNoteUser, TResponseTableData } from "@formbricks/types/responses";
 import {
@@ -59,7 +60,6 @@ vi.mock("@/modules/survey/lib/questions", () => ({
   getQuestionIconMap: vi.fn(() => ({
     [TSurveyQuestionTypeEnum.OpenText]: <span>OT</span>,
     [TSurveyQuestionTypeEnum.MultipleChoiceSingle]: <span>MCS</span>,
-    [TSurveyQuestionTypeEnum.MultipleChoiceMulti]: <span>MCM</span>,
     [TSurveyQuestionTypeEnum.Matrix]: <span>MX</span>,
     [TSurveyQuestionTypeEnum.Address]: <span>AD</span>,
     [TSurveyQuestionTypeEnum.ContactInfo]: <span>CI</span>,
@@ -104,27 +104,6 @@ vi.mock("lucide-react", () => ({
   TagIcon: () => <span>Tag</span>,
 }));
 
-// Mock new dependencies
-vi.mock("@/lib/response/utils", () => ({
-  extractChoiceIdsFromResponse: vi.fn((responseValue) => {
-    // Mock implementation that returns choice IDs based on response value
-    if (Array.isArray(responseValue)) {
-      return responseValue.map((_, index) => `choice-${index + 1}`);
-    } else if (typeof responseValue === "string") {
-      return [`choice-single`];
-    }
-    return [];
-  }),
-}));
-
-vi.mock("@/modules/ui/components/id-badge", () => ({
-  IdBadge: vi.fn(({ id }) => <div data-testid="id-badge">{id}</div>),
-}));
-
-vi.mock("@/modules/ui/lib/utils", () => ({
-  cn: vi.fn((...classes) => classes.filter(Boolean).join(" ")),
-}));
-
 const mockSurvey = {
   id: "survey1",
   name: "Test Survey",
@@ -157,28 +136,6 @@ const mockSurvey = {
       headline: { default: "Contact Info Question" },
       required: false,
     } as unknown as TSurveyQuestion,
-    {
-      id: "q5single",
-      type: TSurveyQuestionTypeEnum.MultipleChoiceSingle,
-      headline: { default: "Single Choice Question" },
-      required: false,
-      choices: [
-        { id: "choice-1", label: { default: "Option 1" } },
-        { id: "choice-2", label: { default: "Option 2" } },
-        { id: "choice-3", label: { default: "Option 3" } },
-      ],
-    } as unknown as TSurveyQuestion,
-    {
-      id: "q6multi",
-      type: TSurveyQuestionTypeEnum.MultipleChoiceMulti,
-      headline: { default: "Multi Choice Question" },
-      required: false,
-      choices: [
-        { id: "choice-a", label: { default: "Choice A" } },
-        { id: "choice-b", label: { default: "Choice B" } },
-        { id: "choice-c", label: { default: "Choice C" } },
-      ],
-    } as unknown as TSurveyQuestion,
   ],
   variables: [
     { id: "var1", name: "User Segment", type: "text" } as TSurveyVariable,
@@ -199,6 +156,7 @@ const mockSurvey = {
   projectOverwrites: null,
   singleUse: null,
   pin: null,
+  resultShareKey: null,
   surveyClosedMessage: null,
   welcomeCard: {
     enabled: false,
@@ -216,8 +174,6 @@ const mockResponseData = {
     firstName: "John",
     email: "john.doe@example.com",
     hf1: "Hidden Field 1 Value",
-    q5single: "Option 1", // Single choice response
-    q6multi: ["Choice A", "Choice C"], // Multi choice response
   },
   variables: {
     var1: "Segment A",
@@ -540,281 +496,3 @@ describe("ResponseTableColumns - Column Implementations", () => {
     expect(hfColumn).toBeUndefined();
   });
 });
-
-describe("ResponseTableColumns - Multiple Choice Questions", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  test("generates two columns for multipleChoiceSingle questions", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-
-    // Should have main response column
-    const mainColumn = columns.find((col) => (col as any).accessorKey === "q5single");
-    expect(mainColumn).toBeDefined();
-
-    // Should have option IDs column
-    const optionIdsColumn = columns.find((col) => (col as any).accessorKey === "q5singleoptionIds");
-    expect(optionIdsColumn).toBeDefined();
-  });
-
-  test("generates two columns for multipleChoiceMulti questions", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-
-    // Should have main response column
-    const mainColumn = columns.find((col) => (col as any).accessorKey === "q6multi");
-    expect(mainColumn).toBeDefined();
-
-    // Should have option IDs column
-    const optionIdsColumn = columns.find((col) => (col as any).accessorKey === "q6multioptionIds");
-    expect(optionIdsColumn).toBeDefined();
-  });
-
-  test("multipleChoiceSingle main column renders RenderResponse component", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const mainColumn: any = columns.find((col) => (col as any).accessorKey === "q5single");
-
-    const mockRow = {
-      original: {
-        responseData: { q5single: "Option 1" },
-        language: "default",
-      },
-    };
-
-    const cellResult = mainColumn?.cell?.({ row: mockRow } as any);
-    // Check that RenderResponse component is returned
-    expect(cellResult).toBeDefined();
-  });
-
-  test("multipleChoiceMulti main column renders RenderResponse component", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const mainColumn: any = columns.find((col) => (col as any).accessorKey === "q6multi");
-
-    const mockRow = {
-      original: {
-        responseData: { q6multi: ["Choice A", "Choice C"] },
-        language: "default",
-      },
-    };
-
-    const cellResult = mainColumn?.cell?.({ row: mockRow } as any);
-    // Check that RenderResponse component is returned
-    expect(cellResult).toBeDefined();
-  });
-});
-
-describe("ResponseTableColumns - Choice ID Columns", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  test("option IDs column calls extractChoiceIdsFromResponse for string response", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const optionIdsColumn: any = columns.find((col) => (col as any).accessorKey === "q5singleoptionIds");
-
-    const mockRow = {
-      original: {
-        responseData: { q5single: "Option 1" },
-        language: "default",
-      },
-    };
-
-    optionIdsColumn?.cell?.({ row: mockRow } as any);
-
-    expect(vi.mocked(extractChoiceIdsFromResponse)).toHaveBeenCalledWith(
-      "Option 1",
-      expect.objectContaining({ id: "q5single", type: "multipleChoiceSingle" }),
-      "default"
-    );
-  });
-
-  test("option IDs column calls extractChoiceIdsFromResponse for array response", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const optionIdsColumn: any = columns.find((col) => (col as any).accessorKey === "q6multioptionIds");
-
-    const mockRow = {
-      original: {
-        responseData: { q6multi: ["Choice A", "Choice C"] },
-        language: "default",
-      },
-    };
-
-    optionIdsColumn?.cell?.({ row: mockRow } as any);
-
-    expect(vi.mocked(extractChoiceIdsFromResponse)).toHaveBeenCalledWith(
-      ["Choice A", "Choice C"],
-      expect.objectContaining({ id: "q6multi", type: "multipleChoiceMulti" }),
-      "default"
-    );
-  });
-
-  test("option IDs column renders IdBadge components for choice IDs", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const optionIdsColumn: any = columns.find((col) => (col as any).accessorKey === "q6multioptionIds");
-
-    const mockRow = {
-      original: {
-        responseData: { q6multi: ["Choice A", "Choice C"] },
-        language: "default",
-      },
-    };
-
-    // Mock extractChoiceIdsFromResponse to return specific choice IDs
-    vi.mocked(extractChoiceIdsFromResponse).mockReturnValueOnce(["choice-1", "choice-3"]);
-
-    const cellResult = optionIdsColumn?.cell?.({ row: mockRow } as any);
-
-    // Should render something for choice IDs
-    expect(cellResult).toBeDefined();
-    // Verify that extractChoiceIdsFromResponse was called
-    expect(vi.mocked(extractChoiceIdsFromResponse)).toHaveBeenCalled();
-  });
-
-  test("option IDs column returns null for non-string/array response values", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const optionIdsColumn: any = columns.find((col) => (col as any).accessorKey === "q5singleoptionIds");
-
-    const mockRow = {
-      original: {
-        responseData: { q5single: 123 }, // Invalid type
-        language: "default",
-      },
-    };
-
-    const cellResult = optionIdsColumn?.cell?.({ row: mockRow } as any);
-
-    expect(cellResult).toBeNull();
-    expect(vi.mocked(extractChoiceIdsFromResponse)).not.toHaveBeenCalled();
-  });
-
-  test("option IDs column returns null when no choice IDs found", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const optionIdsColumn: any = columns.find((col) => (col as any).accessorKey === "q5singleoptionIds");
-
-    const mockRow = {
-      original: {
-        responseData: { q5single: "Non-existent option" },
-        language: "default",
-      },
-    };
-
-    // Mock extractChoiceIdsFromResponse to return empty array
-    vi.mocked(extractChoiceIdsFromResponse).mockReturnValueOnce([]);
-
-    const cellResult = optionIdsColumn?.cell?.({ row: mockRow } as any);
-
-    expect(cellResult).toBeNull();
-  });
-
-  test("option IDs column handles missing language gracefully", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const optionIdsColumn: any = columns.find((col) => (col as any).accessorKey === "q5singleoptionIds");
-
-    const mockRow = {
-      original: {
-        responseData: { q5single: "Option 1" },
-        language: null, // No language
-      },
-    };
-
-    optionIdsColumn?.cell?.({ row: mockRow } as any);
-
-    expect(vi.mocked(extractChoiceIdsFromResponse)).toHaveBeenCalledWith(
-      "Option 1",
-      expect.objectContaining({ id: "q5single" }),
-      undefined
-    );
-  });
-});
-
-describe("ResponseTableColumns - Helper Functions", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  test("question headers are properly created for multiple choice questions", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const mainColumn: any = columns.find((col) => (col as any).accessorKey === "q5single");
-    const optionIdsColumn: any = columns.find((col) => (col as any).accessorKey === "q5singleoptionIds");
-
-    // Test main column header
-    const mainHeader = mainColumn?.header?.();
-    expect(mainHeader).toBeDefined();
-    expect(mainHeader?.props?.className).toContain("flex items-center justify-between");
-
-    // Test option IDs column header
-    const optionHeader = optionIdsColumn?.header?.();
-    expect(optionHeader).toBeDefined();
-    expect(optionHeader?.props?.className).toContain("flex items-center justify-between");
-  });
-
-  test("question headers include proper icons for multiple choice questions", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-    const singleChoiceColumn: any = columns.find((col) => (col as any).accessorKey === "q5single");
-    const multiChoiceColumn: any = columns.find((col) => (col as any).accessorKey === "q6multi");
-
-    // Headers should be functions that return JSX
-    expect(typeof singleChoiceColumn?.header).toBe("function");
-    expect(typeof multiChoiceColumn?.header).toBe("function");
-
-    // Call headers to ensure they don't throw
-    expect(() => singleChoiceColumn?.header?.()).not.toThrow();
-    expect(() => multiChoiceColumn?.header?.()).not.toThrow();
-  });
-});
-
-describe("ResponseTableColumns - Integration Tests", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  test("multiple choice questions work end-to-end with real data", () => {
-    const columns = generateResponseTableColumns(mockSurvey, false, true, t as any);
-
-    // Find all multiple choice related columns
-    const singleMainCol = columns.find((col) => (col as any).accessorKey === "q5single");
-    const singleIdsCol = columns.find((col) => (col as any).accessorKey === "q5singleoptionIds");
-    const multiMainCol = columns.find((col) => (col as any).accessorKey === "q6multi");
-    const multiIdsCol = columns.find((col) => (col as any).accessorKey === "q6multioptionIds");
-
-    expect(singleMainCol).toBeDefined();
-    expect(singleIdsCol).toBeDefined();
-    expect(multiMainCol).toBeDefined();
-    expect(multiIdsCol).toBeDefined();
-
-    // Test with actual mock response data
-    const mockRow = { original: mockResponseData };
-
-    // Test single choice main column
-    const singleMainResult = (singleMainCol?.cell as any)?.({ row: mockRow });
-    expect(singleMainResult).toBeDefined();
-
-    // Test multi choice main column
-    const multiMainResult = (multiMainCol?.cell as any)?.({ row: mockRow });
-    expect(multiMainResult).toBeDefined();
-
-    // Test that choice ID columns exist and can be called
-    const singleIdsResult = (singleIdsCol?.cell as any)?.({ row: mockRow });
-    const multiIdsResult = (multiIdsCol?.cell as any)?.({ row: mockRow });
-
-    // Should not error when calling the cell functions
-    expect(() => singleIdsResult).not.toThrow();
-    expect(() => multiIdsResult).not.toThrow();
-  });
-});

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

@@ -1,7 +1,6 @@
 "use client";
 
 import { getLocalizedValue } from "@/lib/i18n/utils";
-import { extractChoiceIdsFromResponse } from "@/lib/response/utils";
 import { processResponseData } from "@/lib/responses";
 import { getContactIdentifier } from "@/lib/utils/contact";
 import { getFormattedDateTimeString } from "@/lib/utils/datetime";
@@ -9,10 +8,8 @@ import { recallToHeadline } from "@/lib/utils/recall";
 import { RenderResponse } from "@/modules/analysis/components/SingleResponseCard/components/RenderResponse";
 import { VARIABLES_ICON_MAP, getQuestionIconMap } from "@/modules/survey/lib/questions";
 import { getSelectionColumn } from "@/modules/ui/components/data-table";
-import { IdBadge } from "@/modules/ui/components/id-badge";
 import { ResponseBadges } from "@/modules/ui/components/response-badges";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/modules/ui/components/tooltip";
-import { cn } from "@/modules/ui/lib/utils";
 import { ColumnDef } from "@tanstack/react-table";
 import { TFnType } from "@tolgee/react";
 import { CircleHelpIcon, EyeOffIcon, MailIcon, TagIcon } from "lucide-react";
@@ -64,42 +61,6 @@ const getQuestionColumnsData = (
   t: TFnType
 ): ColumnDef<TResponseTableData>[] => {
   const QUESTIONS_ICON_MAP = getQuestionIconMap(t);
-
-  // Helper function to create consistent column headers
-  const createQuestionHeader = (questionType: string, headline: string, suffix?: string) => {
-    const title = suffix ? `${headline} - ${suffix}` : headline;
-    const QuestionHeader = () => (
-      <div className="flex items-center justify-between">
-        <div className="flex items-center space-x-2 overflow-hidden">
-          <span className="h-4 w-4">{QUESTIONS_ICON_MAP[questionType]}</span>
-          <span className="truncate">{title}</span>
-        </div>
-      </div>
-    );
-    QuestionHeader.displayName = "QuestionHeader";
-    return QuestionHeader;
-  };
-
-  // Helper function to get localized question headline
-  const getQuestionHeadline = (question: TSurveyQuestion, survey: TSurvey) => {
-    return getLocalizedValue(recallToHeadline(question.headline, survey, false, "default"), "default");
-  };
-
-  // Helper function to render choice ID badges
-  const renderChoiceIdBadges = (choiceIds: string[], isExpanded: boolean) => {
-    if (choiceIds.length === 0) return null;
-
-    const containerClasses = cn("flex gap-x-1 w-full", isExpanded && "flex-wrap gap-y-1");
-
-    return (
-      <div className={containerClasses}>
-        {choiceIds.map((choiceId, index) => (
-          <IdBadge key={choiceId || index} id={choiceId} />
-        ))}
-      </div>
-    );
-  };
-
   switch (question.type) {
     case "matrix":
       return question.rows.map((matrixRow) => {
@@ -176,49 +137,6 @@ const getQuestionColumnsData = (
         };
       });
 
-    case "multipleChoiceMulti":
-    case "multipleChoiceSingle":
-    case "ranking":
-    case "pictureSelection": {
-      const questionHeadline = getQuestionHeadline(question, survey);
-      return [
-        {
-          accessorKey: question.id,
-          header: createQuestionHeader(question.type, questionHeadline),
-          cell: ({ row }) => {
-            const responseValue = row.original.responseData[question.id];
-            const language = row.original.language;
-            return (
-              <RenderResponse
-                question={question}
-                survey={survey}
-                responseData={responseValue}
-                language={language}
-                isExpanded={isExpanded}
-              />
-            );
-          },
-        },
-        {
-          accessorKey: question.id + "optionIds",
-          header: createQuestionHeader(question.type, questionHeadline, t("common.option_id")),
-          cell: ({ row }) => {
-            const responseValue = row.original.responseData[question.id];
-            // Type guard to ensure responseValue is the correct type
-            if (typeof responseValue === "string" || Array.isArray(responseValue)) {
-              const choiceIds = extractChoiceIdsFromResponse(
-                responseValue,
-                question,
-                row.original.language || undefined
-              );
-              return renderChoiceIdBadges(choiceIds, isExpanded);
-            }
-            return null;
-          },
-        },
-      ];
-    }
-
     default:
       return [
         {
@@ -399,6 +317,7 @@ export const generateResponseTableColumns = (
   };
 
   // Combine the selection column with the dynamic question columns
+
   const baseColumns = [
     personColumn,
     dateColumn,

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/responses/page.test.tsx

@@ -120,6 +120,7 @@ vi.mock("next/navigation", () => ({
   useParams: () => ({
     environmentId: "test-env-id",
     surveyId: "test-survey-id",
+    sharingKey: null,
   }),
 }));
 
@@ -231,10 +232,12 @@ describe("ResponsesPage", () => {
         environment: mockEnvironment,
         survey: mockSurvey,
         surveyId: mockSurveyId,
+        publicDomain: mockPublicDomain,
         environmentTags: mockTags,
         user: mockUser,
         responsesPerPage: 10,
         locale: mockLocale,
+        isReadOnly: false,
       }),
       undefined
     );

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

@@ -70,6 +70,7 @@ const Page = async (props) => {
         environment={environment}
         survey={survey}
         surveyId={params.surveyId}
+        publicDomain={publicDomain}
         environmentTags={tags}
         user={user}
         responsesPerPage={RESPONSES_PER_PAGE}

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

@@ -14,6 +14,7 @@ import { generatePersonalLinks } from "@/modules/ee/contacts/lib/contacts";
 import { getIsContactsEnabled } from "@/modules/ee/license-check/lib/utils";
 import { getOrganizationLogoUrl } from "@/modules/ee/whitelabel/email-customization/lib/organization";
 import { sendEmbedSurveyPreviewEmail } from "@/modules/email";
+import { customAlphabet } from "nanoid";
 import { z } from "zod";
 import { ZId } from "@formbricks/types/common";
 import { OperationNotAllowedError, ResourceNotFoundError, UnknownError } from "@formbricks/types/errors";
@@ -64,6 +65,144 @@ export const sendEmbedSurveyPreviewEmailAction = authenticatedActionClient
     );
   });
 
+const ZGenerateResultShareUrlAction = z.object({
+  surveyId: ZId,
+});
+
+export const generateResultShareUrlAction = authenticatedActionClient
+  .schema(ZGenerateResultShareUrlAction)
+  .action(
+    withAuditLogging(
+      "updated",
+      "survey",
+      async ({
+        ctx,
+        parsedInput,
+      }: {
+        ctx: AuthenticatedActionClientCtx;
+        parsedInput: Record<string, any>;
+      }) => {
+        const organizationId = await getOrganizationIdFromSurveyId(parsedInput.surveyId);
+        await checkAuthorizationUpdated({
+          userId: ctx.user.id,
+          organizationId: organizationId,
+          access: [
+            {
+              type: "organization",
+              roles: ["owner", "manager"],
+            },
+            {
+              type: "projectTeam",
+              minPermission: "readWrite",
+              projectId: await getProjectIdFromSurveyId(parsedInput.surveyId),
+            },
+          ],
+        });
+
+        const survey = await getSurvey(parsedInput.surveyId);
+        if (!survey) {
+          throw new ResourceNotFoundError("Survey", parsedInput.surveyId);
+        }
+
+        const resultShareKey = customAlphabet(
+          "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",
+          20
+        )();
+
+        ctx.auditLoggingCtx.organizationId = organizationId;
+        ctx.auditLoggingCtx.surveyId = parsedInput.surveyId;
+        ctx.auditLoggingCtx.oldObject = survey;
+
+        const newSurvey = await updateSurvey({ ...survey, resultShareKey });
+        ctx.auditLoggingCtx.newObject = newSurvey;
+
+        return resultShareKey;
+      }
+    )
+  );
+
+const ZGetResultShareUrlAction = z.object({
+  surveyId: ZId,
+});
+
+export const getResultShareUrlAction = authenticatedActionClient
+  .schema(ZGetResultShareUrlAction)
+  .action(async ({ ctx, parsedInput }) => {
+    await checkAuthorizationUpdated({
+      userId: ctx.user.id,
+      organizationId: await getOrganizationIdFromSurveyId(parsedInput.surveyId),
+      access: [
+        {
+          type: "organization",
+          roles: ["owner", "manager"],
+        },
+        {
+          type: "projectTeam",
+          projectId: await getProjectIdFromSurveyId(parsedInput.surveyId),
+          minPermission: "readWrite",
+        },
+      ],
+    });
+
+    const survey = await getSurvey(parsedInput.surveyId);
+    if (!survey) {
+      throw new ResourceNotFoundError("Survey", parsedInput.surveyId);
+    }
+
+    return survey.resultShareKey;
+  });
+
+const ZDeleteResultShareUrlAction = z.object({
+  surveyId: ZId,
+});
+
+export const deleteResultShareUrlAction = authenticatedActionClient
+  .schema(ZDeleteResultShareUrlAction)
+  .action(
+    withAuditLogging(
+      "updated",
+      "survey",
+      async ({
+        ctx,
+        parsedInput,
+      }: {
+        ctx: AuthenticatedActionClientCtx;
+        parsedInput: Record<string, any>;
+      }) => {
+        const organizationId = await getOrganizationIdFromSurveyId(parsedInput.surveyId);
+        await checkAuthorizationUpdated({
+          userId: ctx.user.id,
+          organizationId: organizationId,
+          access: [
+            {
+              type: "organization",
+              roles: ["owner", "manager"],
+            },
+            {
+              type: "projectTeam",
+              minPermission: "readWrite",
+              projectId: await getProjectIdFromSurveyId(parsedInput.surveyId),
+            },
+          ],
+        });
+
+        const survey = await getSurvey(parsedInput.surveyId);
+        if (!survey) {
+          throw new ResourceNotFoundError("Survey", parsedInput.surveyId);
+        }
+
+        ctx.auditLoggingCtx.organizationId = organizationId;
+        ctx.auditLoggingCtx.surveyId = parsedInput.surveyId;
+        ctx.auditLoggingCtx.oldObject = survey;
+
+        const newSurvey = await updateSurvey({ ...survey, resultShareKey: null });
+        ctx.auditLoggingCtx.newObject = newSurvey;
+
+        return newSurvey;
+      }
+    )
+  );
+
 const ZResetSurveyAction = z.object({
   surveyId: ZId,
   organizationId: ZId,

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

@@ -27,10 +27,10 @@ vi.mock("@/modules/survey/lib/questions", () => ({
   ],
 }));
 
-vi.mock("@/modules/ui/components/id-badge", () => ({
-  IdBadge: ({ label, id }: { label: string; id: string }) => (
-    <div data-testid="id-badge">
-      {label}: {id}
+vi.mock("@/modules/ui/components/settings-id", () => ({
+  SettingsId: ({ title, id }: { title: string; id: string }) => (
+    <div data-testid="settings-id">
+      {title}: {id}
     </div>
   ),
 }));
@@ -76,7 +76,7 @@ describe("QuestionSummaryHeader", () => {
     ).toBeInTheDocument();
 
     expect(screen.getByTestId("question-icon")).toBeInTheDocument();
-    expect(screen.getByTestId("id-badge")).toHaveTextContent("common.question_id: q1");
+    expect(screen.getByTestId("settings-id")).toHaveTextContent("common.question_id: q1");
     expect(screen.queryByText("environments.surveys.edit.optional")).not.toBeInTheDocument();
   });
 

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

@@ -3,7 +3,7 @@
 import { recallToHeadline } from "@/lib/utils/recall";
 import { formatTextWithSlashes } from "@/modules/survey/editor/lib/utils";
 import { getQuestionTypes } from "@/modules/survey/lib/questions";
-import { IdBadge } from "@/modules/ui/components/id-badge";
+import { SettingsId } from "@/modules/ui/components/settings-id";
 import { useTranslate } from "@tolgee/react";
 import { InboxIcon } from "lucide-react";
 import type { JSX } from "react";
@@ -55,7 +55,7 @@ export const QuestionSummaryHeader = ({
           </div>
         )}
       </div>
-      <IdBadge id={questionSummary.question.id} label={t("common.question_id")} />
+      <SettingsId title={t("common.question_id")} id={questionSummary.question.id}></SettingsId>
     </div>
   );
 };

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

@@ -0,0 +1,150 @@
+import { ShareSurveyResults } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/ShareSurveyResults";
+import { cleanup, render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { toast } from "react-hot-toast";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+
+// Mock Button
+vi.mock("@/modules/ui/components/button", () => ({
+  Button: vi.fn(({ children, onClick, asChild, ...props }: any) => {
+    if (asChild) {
+      // For 'asChild', Button renders its children, potentially passing props via Slot.
+      // Mocking simply renders children inside a div that can receive Button's props.
+      return <div {...props}>{children}</div>;
+    }
+    return (
+      <button onClick={onClick} {...props}>
+        {children}
+      </button>
+    );
+  }),
+}));
+
+// Mock Dialog
+vi.mock("@/modules/ui/components/dialog", () => ({
+  Dialog: vi.fn(({ children, open, onOpenChange }) =>
+    open ? (
+      <div data-testid="dialog" role="dialog">
+        {children}
+        <button onClick={() => onOpenChange(false)}>Close Dialog</button>
+      </div>
+    ) : null
+  ),
+  DialogContent: vi.fn(({ children, ...props }) => (
+    <div data-testid="dialog-content" {...props}>
+      {children}
+    </div>
+  )),
+  DialogBody: vi.fn(({ children }) => <div data-testid="dialog-body">{children}</div>),
+}));
+
+// Mock useTranslate
+vi.mock("@tolgee/react", () => ({
+  useTranslate: vi.fn(() => ({
+    t: (key: string) => key,
+  })),
+}));
+
+// Mock Next Link
+vi.mock("next/link", () => ({
+  default: vi.fn(({ children, href, target, rel, ...props }) => (
+    <a href={href} target={target} rel={rel} {...props}>
+      {children}
+    </a>
+  )),
+}));
+
+// Mock react-hot-toast
+vi.mock("react-hot-toast", () => ({
+  toast: {
+    success: vi.fn(),
+    error: vi.fn(),
+  },
+}));
+
+const mockSetOpen = vi.fn();
+const mockHandlePublish = vi.fn();
+const mockHandleUnpublish = vi.fn();
+const surveyUrl = "https://app.formbricks.com/s/some-survey-id";
+
+const defaultProps = {
+  open: true,
+  setOpen: mockSetOpen,
+  handlePublish: mockHandlePublish,
+  handleUnpublish: mockHandleUnpublish,
+  showPublishModal: false,
+  surveyUrl: "",
+};
+
+describe("ShareSurveyResults", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    // Mock navigator.clipboard
+    Object.defineProperty(global.navigator, "clipboard", {
+      value: {
+        writeText: vi.fn(() => Promise.resolve()),
+      },
+      configurable: true,
+    });
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+
+  test("renders publish warning when showPublishModal is false", async () => {
+    render(<ShareSurveyResults {...defaultProps} />);
+    expect(screen.getByText("environments.surveys.summary.publish_to_web_warning")).toBeInTheDocument();
+    expect(
+      screen.getByText("environments.surveys.summary.publish_to_web_warning_description")
+    ).toBeInTheDocument();
+    const publishButton = screen.getByText("environments.surveys.summary.publish_to_web");
+    expect(publishButton).toBeInTheDocument();
+    await userEvent.click(publishButton);
+    expect(mockHandlePublish).toHaveBeenCalledTimes(1);
+  });
+
+  test("renders survey public info when showPublishModal is true and surveyUrl is provided", async () => {
+    render(<ShareSurveyResults {...defaultProps} showPublishModal={true} surveyUrl={surveyUrl} />);
+    expect(screen.getByText("environments.surveys.summary.survey_results_are_public")).toBeInTheDocument();
+    expect(
+      screen.getByText("environments.surveys.summary.survey_results_are_shared_with_anyone_who_has_the_link")
+    ).toBeInTheDocument();
+    expect(screen.getByText(surveyUrl)).toBeInTheDocument();
+
+    const copyButton = screen.getByRole("button", { name: "Copy survey link to clipboard" });
+    expect(copyButton).toBeInTheDocument();
+    await userEvent.click(copyButton);
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(surveyUrl);
+    expect(vi.mocked(toast.success)).toHaveBeenCalledWith("common.link_copied");
+
+    const unpublishButton = screen.getByText("environments.surveys.summary.unpublish_from_web");
+    expect(unpublishButton).toBeInTheDocument();
+    await userEvent.click(unpublishButton);
+    expect(mockHandleUnpublish).toHaveBeenCalledTimes(1);
+
+    const viewSiteLink = screen.getByText("environments.surveys.summary.view_site");
+    expect(viewSiteLink).toBeInTheDocument();
+    const anchor = viewSiteLink.closest("a");
+    expect(anchor).toHaveAttribute("href", surveyUrl);
+    expect(anchor).toHaveAttribute("target", "_blank");
+    expect(anchor).toHaveAttribute("rel", "noopener noreferrer");
+  });
+
+  test("does not render content when modal is closed (open is false)", () => {
+    render(<ShareSurveyResults {...defaultProps} open={false} />);
+    expect(screen.queryByTestId("dialog")).not.toBeInTheDocument();
+    expect(screen.queryByText("environments.surveys.summary.publish_to_web_warning")).not.toBeInTheDocument();
+    expect(
+      screen.queryByText("environments.surveys.summary.survey_results_are_public")
+    ).not.toBeInTheDocument();
+  });
+
+  test("renders publish warning if surveyUrl is empty even if showPublishModal is true", () => {
+    render(<ShareSurveyResults {...defaultProps} showPublishModal={true} surveyUrl="" />);
+    expect(screen.getByText("environments.surveys.summary.publish_to_web_warning")).toBeInTheDocument();
+    expect(
+      screen.queryByText("environments.surveys.summary.survey_results_are_public")
+    ).not.toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,97 @@
+"use client";
+
+import { Button } from "@/modules/ui/components/button";
+import { Dialog, DialogBody, DialogContent } from "@/modules/ui/components/dialog";
+import { useTranslate } from "@tolgee/react";
+import { AlertCircleIcon, CheckCircle2Icon } from "lucide-react";
+import { Clipboard } from "lucide-react";
+import Link from "next/link";
+import { toast } from "react-hot-toast";
+
+interface ShareEmbedSurveyProps {
+  open: boolean;
+  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  handlePublish: () => void;
+  handleUnpublish: () => void;
+  showPublishModal: boolean;
+  surveyUrl: string;
+}
+export const ShareSurveyResults = ({
+  open,
+  setOpen,
+  handlePublish,
+  handleUnpublish,
+  showPublishModal,
+  surveyUrl,
+}: ShareEmbedSurveyProps) => {
+  const { t } = useTranslate();
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent>
+        <DialogBody>
+          {showPublishModal && surveyUrl ? (
+            <div className="flex flex-col items-center gap-y-6 text-center">
+              <CheckCircle2Icon className="text-primary h-20 w-20" />
+              <div>
+                <p className="text-primary text-lg font-medium">
+                  {t("environments.surveys.summary.survey_results_are_public")}
+                </p>
+                <p className="text-balanced mt-2 text-sm text-slate-500">
+                  {t("environments.surveys.summary.survey_results_are_shared_with_anyone_who_has_the_link")}
+                </p>
+              </div>
+              <div className="flex gap-2">
+                <div className="whitespace-nowrap rounded-lg border border-slate-300 bg-white px-3 py-2 text-slate-800">
+                  <span>{surveyUrl}</span>
+                </div>
+                <Button
+                  variant="secondary"
+                  size="sm"
+                  title="Copy survey link to clipboard"
+                  aria-label="Copy survey link to clipboard"
+                  className="hover:cursor-pointer"
+                  onClick={() => {
+                    navigator.clipboard.writeText(surveyUrl);
+                    toast.success(t("common.link_copied"));
+                  }}>
+                  <Clipboard />
+                </Button>
+              </div>
+              <div className="flex gap-2">
+                <Button
+                  type="submit"
+                  variant="secondary"
+                  className="text-center"
+                  onClick={() => handleUnpublish()}>
+                  {t("environments.surveys.summary.unpublish_from_web")}
+                </Button>
+                <Button className="text-center" asChild>
+                  <Link href={surveyUrl} target="_blank" rel="noopener noreferrer">
+                    {t("environments.surveys.summary.view_site")}
+                  </Link>
+                </Button>
+              </div>
+            </div>
+          ) : (
+            <div className="flex flex-col rounded-2xl bg-white p-8">
+              <div className="flex flex-col items-center gap-y-6 text-center">
+                <AlertCircleIcon className="h-20 w-20 text-slate-300" />
+                <div>
+                  <p className="text-lg font-medium text-slate-600">
+                    {t("environments.surveys.summary.publish_to_web_warning")}
+                  </p>
+                  <p className="text-balanced mt-2 text-sm text-slate-500">
+                    {t("environments.surveys.summary.publish_to_web_warning_description")}
+                  </p>
+                </div>
+                <Button type="submit" className="h-full text-center" onClick={() => handlePublish()}>
+                  {t("environments.surveys.summary.publish_to_web")}
+                </Button>
+              </div>
+            </div>
+          )}
+        </DialogBody>
+      </DialogContent>
+    </Dialog>
+  );
+};

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

@@ -74,6 +74,7 @@ describe("SuccessMessage", () => {
     surveyClosedMessage: null,
     hiddenFields: { enabled: false, fieldIds: [] },
     variables: [],
+    resultShareKey: null,
     displayPercentage: null,
   } as unknown as TSurvey;
 

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

@@ -177,6 +177,7 @@ const mockSurvey = {
   autoClose: null,
   triggers: [],
   languages: [],
+  resultShareKey: null,
   singleUse: null,
   styling: null,
   surveyClosedMessage: null,
@@ -191,7 +192,7 @@ const mockSurvey = {
   variables: [],
 } as unknown as TSurvey;
 
-const mockSelectedFilter = { filter: [], responseStatus: "all" };
+const mockSelectedFilter = { filter: [], onlyComplete: false };
 const mockSetSelectedFilter = vi.fn();
 
 const defaultProps = {
@@ -309,13 +310,17 @@ describe("SummaryList", () => {
 
   test("renders EmptySpaceFiller when responseCount is 0 and summary is not empty (no responses match filter)", () => {
     const summaryWithItem = [createMockQuestionSummary("q1", TSurveyQuestionTypeEnum.OpenText)];
-    render(<SummaryList {...defaultProps} summary={summaryWithItem} responseCount={0} />);
+    render(
+      <SummaryList {...defaultProps} summary={summaryWithItem} responseCount={0} totalResponseCount={10} />
+    );
     expect(screen.getByText("Mocked EmptySpaceFiller")).toBeInTheDocument();
   });
 
   test("renders EmptySpaceFiller when responseCount is 0 and totalResponseCount is 0 (no responses at all)", () => {
     const summaryWithItem = [createMockQuestionSummary("q1", TSurveyQuestionTypeEnum.OpenText)];
-    render(<SummaryList {...defaultProps} summary={summaryWithItem} responseCount={0} />);
+    render(
+      <SummaryList {...defaultProps} summary={summaryWithItem} responseCount={0} totalResponseCount={0} />
+    );
     expect(screen.getByText("Mocked EmptySpaceFiller")).toBeInTheDocument();
   });
 
@@ -393,7 +398,7 @@ describe("SummaryList", () => {
             },
           },
         ],
-        responseStatus: "all",
+        onlyComplete: false,
       });
       // Ensure vi.mocked(toast.success) refers to the spy from the named export
       expect(vi.mocked(toast).success).toHaveBeenCalledWith("Custom add message", { duration: 5000 });
@@ -421,7 +426,7 @@ describe("SummaryList", () => {
         },
       };
       vi.mocked(useResponseFilter).mockReturnValue({
-        selectedFilter: { filter: [existingFilter], responseStatus: "all" },
+        selectedFilter: { filter: [existingFilter], onlyComplete: false },
         setSelectedFilter: mockSetSelectedFilter,
         resetFilter: vi.fn(),
       } as any);
@@ -450,7 +455,7 @@ describe("SummaryList", () => {
             },
           },
         ],
-        responseStatus: "all",
+        onlyComplete: false,
       });
       expect(vi.mocked(toast.success)).toHaveBeenCalledWith(
         "environments.surveys.summary.filter_updated_successfully",

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

@@ -92,7 +92,7 @@ export const SummaryList = ({ summary, environment, responseCount, survey, local
 
     setSelectedFilter({
       filter: [...filterObject.filter],
-      responseStatus: filterObject.responseStatus,
+      onlyComplete: filterObject.onlyComplete,
     });
   };
 

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

@@ -44,6 +44,43 @@ vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/
   }),
 }));
 
+vi.mock("@/app/share/[sharingKey]/actions", () => ({
+  getResponseCountBySurveySharingKeyAction: vi.fn().mockResolvedValue({ data: 42 }),
+  getSummaryBySurveySharingKeyAction: vi.fn().mockResolvedValue({
+    data: {
+      meta: {
+        completedPercentage: 80,
+        completedResponses: 40,
+        displayCount: 50,
+        dropOffPercentage: 20,
+        dropOffCount: 10,
+        startsPercentage: 100,
+        totalResponses: 50,
+        ttcAverage: 120,
+      },
+      dropOff: [
+        {
+          questionId: "q1",
+          headline: "Question 1",
+          questionType: "openText",
+          ttc: 20000,
+          impressions: 50,
+          dropOffCount: 5,
+          dropOffPercentage: 10,
+        },
+      ],
+      summary: [
+        {
+          question: { id: "q1", headline: "Question 1", type: "openText", required: true },
+          responseCount: 45,
+          type: "openText",
+          samples: [],
+        },
+      ],
+    },
+  }),
+}));
+
 // Mock components
 vi.mock(
   "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/SummaryDropOffs",
@@ -88,6 +125,10 @@ vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/
   CustomFilter: () => <div data-testid="custom-filter">Custom Filter</div>,
 }));
 
+vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResultsShareButton", () => ({
+  ResultsShareButton: () => <div data-testid="results-share-button">Share Results</div>,
+}));
+
 // Mock context
 vi.mock("@/app/(app)/environments/[environmentId]/components/ResponseFilterContext", () => ({
   useResponseFilter: () => ({
@@ -131,6 +172,7 @@ describe("SummaryPage", () => {
     webAppUrl: "https://app.example.com",
     totalResponseCount: 50,
     locale,
+    isReadOnly: false,
   };
 
   test("renders loading state initially", () => {
@@ -149,6 +191,7 @@ describe("SummaryPage", () => {
     });
 
     expect(screen.getByTestId("custom-filter")).toBeInTheDocument();
+    expect(screen.getByTestId("results-share-button")).toBeInTheDocument();
     expect(screen.getByTestId("scroll-to-top")).toBeInTheDocument();
     expect(screen.getByTestId("summary-list")).toBeInTheDocument();
   });
@@ -171,4 +214,15 @@ describe("SummaryPage", () => {
     // Drop-offs should now be visible
     expect(screen.getByTestId("summary-drop-offs")).toBeInTheDocument();
   });
+
+  test("doesn't show share button in read-only mode", async () => {
+    render(<SummaryPage {...defaultProps} isReadOnly={true} />);
+
+    // Wait for loading to complete
+    await waitFor(() => {
+      expect(screen.getByText("Is Loading: false")).toBeInTheDocument();
+    });
+
+    expect(screen.queryByTestId("results-share-button")).not.toBeInTheDocument();
+  });
 });

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

@@ -5,9 +5,11 @@ import { getSurveySummaryAction } from "@/app/(app)/environments/[environmentId]
 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 { CustomFilter } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/CustomFilter";
+import { ResultsShareButton } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResultsShareButton";
 import { getFormattedFilters } from "@/app/lib/surveys/surveys";
+import { getSummaryBySurveySharingKeyAction } from "@/app/share/[sharingKey]/actions";
 import { replaceHeadlineRecall } from "@/lib/utils/recall";
-import { useSearchParams } from "next/navigation";
+import { useParams, useSearchParams } from "next/navigation";
 import { useEffect, useMemo, useState } from "react";
 import { TEnvironment } from "@formbricks/types/environment";
 import { TSurvey, TSurveySummary } from "@formbricks/types/surveys/types";
@@ -34,7 +36,9 @@ interface SummaryPageProps {
   environment: TEnvironment;
   survey: TSurvey;
   surveyId: string;
+  publicDomain: string;
   locale: TUserLocale;
+  isReadOnly: boolean;
   initialSurveySummary?: TSurveySummary;
 }
 
@@ -42,9 +46,15 @@ export const SummaryPage = ({
   environment,
   survey,
   surveyId,
+  publicDomain,
   locale,
+  isReadOnly,
   initialSurveySummary,
 }: SummaryPageProps) => {
+  const params = useParams();
+  const sharingKey = params.sharingKey as string;
+  const isSharingPage = !!sharingKey;
+
   const searchParams = useSearchParams();
 
   const [surveySummary, setSurveySummary] = useState<TSurveySummary>(
@@ -77,10 +87,17 @@ export const SummaryPage = ({
         const currentFilters = getFormattedFilters(survey, selectedFilter, dateRange);
         let updatedSurveySummary;
 
-        updatedSurveySummary = await getSurveySummaryAction({
-          surveyId,
-          filterCriteria: currentFilters,
-        });
+        if (isSharingPage) {
+          updatedSurveySummary = await getSummaryBySurveySharingKeyAction({
+            sharingKey,
+            filterCriteria: currentFilters,
+          });
+        } else {
+          updatedSurveySummary = await getSurveySummaryAction({
+            surveyId,
+            filterCriteria: currentFilters,
+          });
+        }
 
         const surveySummary = updatedSurveySummary?.data ?? defaultSurveySummary;
         setSurveySummary(surveySummary);
@@ -92,7 +109,7 @@ export const SummaryPage = ({
     };
 
     fetchSummary();
-  }, [selectedFilter, dateRange, survey, surveyId, initialSurveySummary]);
+  }, [selectedFilter, dateRange, survey, isSharingPage, sharingKey, surveyId, initialSurveySummary]);
 
   const surveyMemoized = useMemo(() => {
     return replaceHeadlineRecall(survey, "default");
@@ -115,6 +132,9 @@ export const SummaryPage = ({
       {showDropOffs && <SummaryDropOffs dropOff={surveySummary.dropOff} survey={surveyMemoized} />}
       <div className="flex gap-1.5">
         <CustomFilter survey={surveyMemoized} />
+        {!isReadOnly && !isSharingPage && (
+          <ResultsShareButton survey={surveyMemoized} publicDomain={publicDomain} />
+        )}
       </div>
       <ScrollToTop containerId="mainContent" />
       <SummaryList

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

@@ -284,6 +284,7 @@ const mockSurvey: TSurvey = {
   recaptcha: null,
   isSingleResponsePerEmailEnabled: false,
   isBackButtonHidden: false,
+  resultShareKey: null,
 };
 
 const mockUser: TUser = {
@@ -304,8 +305,12 @@ const mockUser: TUser = {
   isActive: true,
   notificationSettings: {
     alert: {
+      weeklySummary: true,
       responseFinished: true,
     },
+    weeklySummary: {
+      test: true,
+    },
     unsubscribedOrganizationIds: [],
   },
 };
@@ -374,6 +379,14 @@ describe("SurveyAnalysisCTA", () => {
     expect(screen.getByTestId("icon-bar-action-1")).toHaveAttribute("title", "Preview");
   });
 
+  test("shows public results badge when resultShareKey exists", () => {
+    const surveyWithShareKey = { ...mockSurvey, resultShareKey: "share-key" };
+    render(<SurveyAnalysisCTA {...defaultProps} survey={surveyWithShareKey} />);
+
+    expect(screen.getByTestId("badge")).toBeInTheDocument();
+    expect(screen.getByText("Results are public")).toBeInTheDocument();
+  });
+
   test("opens share modal when share button is clicked", async () => {
     const user = userEvent.setup();
     render(<SurveyAnalysisCTA {...defaultProps} displayCount={0} />);
@@ -497,6 +510,7 @@ describe("SurveyAnalysisCTA", () => {
         environmentId: "test-env-id",
         triggers: [],
         segment: null,
+        resultShareKey: null,
         languages: [],
       },
     });
@@ -578,6 +592,7 @@ describe("SurveyAnalysisCTA", () => {
                   environmentId: "test-env-id",
                   triggers: [],
                   segment: null,
+                  resultShareKey: null,
                   languages: [],
                 },
               }),
@@ -611,6 +626,7 @@ describe("SurveyAnalysisCTA", () => {
         environmentId: "test-env-id",
         triggers: [],
         segment: null,
+        resultShareKey: null,
         languages: [],
       },
     });

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

@@ -8,6 +8,7 @@ import { getFormattedErrorMessage } from "@/lib/utils/helper";
 import { EditPublicSurveyAlertDialog } from "@/modules/survey/components/edit-public-survey-alert-dialog";
 import { useSingleUseId } from "@/modules/survey/hooks/useSingleUseId";
 import { copySurveyToOtherEnvironmentAction } from "@/modules/survey/list/actions";
+import { Badge } from "@/modules/ui/components/badge";
 import { Button } from "@/modules/ui/components/button";
 import { ConfirmationModal } from "@/modules/ui/components/confirmation-modal";
 import { IconBar } from "@/modules/ui/components/iconbar";
@@ -65,7 +66,7 @@ export const SurveyAnalysisCTA = ({
   const [isResetting, setIsResetting] = useState(false);
 
   const { organizationId, project } = useEnvironment();
-  const { refreshSingleUseId } = useSingleUseId(survey, isReadOnly);
+  const { refreshSingleUseId } = useSingleUseId(survey);
 
   const widgetSetupCompleted = survey.type === "app" && environment.appSetupCompleted;
 
@@ -184,6 +185,15 @@ export const SurveyAnalysisCTA = ({
 
   return (
     <div className="hidden justify-end gap-x-1.5 sm:flex">
+      {survey.resultShareKey && (
+        <Badge
+          type="warning"
+          size="normal"
+          className="rounded-lg"
+          text={t("environments.surveys.summary.results_are_public")}
+        />
+      )}
+
       {!isReadOnly && (widgetSetupCompleted || survey.type === "link") && survey.status !== "draft" && (
         <SurveyStatusDropdown environment={environment} survey={survey} />
       )}
@@ -212,7 +222,6 @@ export const SurveyAnalysisCTA = ({
           segments={segments}
           isContactsEnabled={isContactsEnabled}
           isFormbricksCloud={isFormbricksCloud}
-          isReadOnly={isReadOnly}
         />
       )}
       <SuccessMessage environment={environment} survey={survey} />

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/share-survey-modal.test.tsx

@@ -227,6 +227,7 @@ const mockSurvey: TSurvey = {
   recaptcha: null,
   isSingleResponsePerEmailEnabled: false,
   isBackButtonHidden: false,
+  resultShareKey: null,
 };
 
 const mockAppSurvey: TSurvey = {
@@ -252,6 +253,7 @@ const mockUser: TUser = {
   isActive: true,
   notificationSettings: {
     alert: {},
+    weeklySummary: {},
     unsubscribedOrganizationIds: [],
   },
 };

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/share-survey-modal.tsx

@@ -34,7 +34,6 @@ interface ShareSurveyModalProps {
   segments: TSegment[];
   isContactsEnabled: boolean;
   isFormbricksCloud: boolean;
-  isReadOnly: boolean;
 }
 
 export const ShareSurveyModal = ({
@@ -47,7 +46,6 @@ export const ShareSurveyModal = ({
   segments,
   isContactsEnabled,
   isFormbricksCloud,
-  isReadOnly,
 }: ShareSurveyModalProps) => {
   const environmentId = survey.environmentId;
   const [surveyUrl, setSurveyUrl] = useState<string>(getSurveyUrl(survey, publicDomain, "default"));
@@ -77,7 +75,6 @@ export const ShareSurveyModal = ({
           setSurveyUrl,
           locale: user.locale,
           surveyUrl,
-          isReadOnly,
         },
       },
       {
@@ -195,7 +192,6 @@ export const ShareSurveyModal = ({
           tabs={linkTabs}
           handleViewChange={handleViewChange}
           handleEmbedViewWithTab={handleEmbedViewWithTab}
-          isReadOnly={isReadOnly}
         />
       );
     }

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/shareEmbedModal/anonymous-links-tab.tsx

@@ -23,7 +23,6 @@ interface AnonymousLinksTabProps {
   publicDomain: string;
   setSurveyUrl: (url: string) => void;
   locale: TUserLocale;
-  isReadOnly: boolean;
 }
 
 export const AnonymousLinksTab = ({
@@ -32,7 +31,6 @@ export const AnonymousLinksTab = ({
   publicDomain,
   setSurveyUrl,
   locale,
-  isReadOnly,
 }: AnonymousLinksTabProps) => {
   const surveyUrlWithCustomSuid = `${surveyUrl}?suId=CUSTOM-ID`;
   const router = useRouter();
@@ -222,7 +220,6 @@ export const AnonymousLinksTab = ({
                 publicDomain={publicDomain}
                 setSurveyUrl={setSurveyUrl}
                 locale={locale}
-                isReadOnly={isReadOnly}
               />
 
               <div className="w-full">

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/components/shareEmbedModal/success-view.tsx

@@ -16,7 +16,6 @@ interface SuccessViewProps {
   tabs: { id: string; label: string; icon: React.ElementType }[];
   handleViewChange: (view: string) => void;
   handleEmbedViewWithTab: (tabId: string) => void;
-  isReadOnly: boolean;
 }
 
 export const SuccessView: React.FC<SuccessViewProps> = ({
@@ -28,7 +27,6 @@ export const SuccessView: React.FC<SuccessViewProps> = ({
   tabs,
   handleViewChange,
   handleEmbedViewWithTab,
-  isReadOnly,
 }) => {
   const { t } = useTranslate();
   const environmentId = survey.environmentId;
@@ -46,7 +44,6 @@ export const SuccessView: React.FC<SuccessViewProps> = ({
             setSurveyUrl={setSurveyUrl}
             locale={user.locale}
             enforceSurveyUrlWidth
-            isReadOnly={isReadOnly}
           />
         </div>
       )}

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/lib/emailTemplate.test.tsx

@@ -81,6 +81,7 @@ const mockSurvey = {
   welcomeCard: { enabled: false } as unknown as TSurvey["welcomeCard"],
   surveyClosedMessage: null,
   singleUse: null,
+  resultShareKey: null,
   variables: [],
   segment: null,
   autoClose: null,

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

@@ -93,6 +93,7 @@ const mockBaseSurvey: TSurvey = {
   environmentId: "env_123",
   singleUse: null,
   surveyClosedMessage: null,
+  resultShareKey: null,
   pin: null,
   createdBy: "user_123",
   isSingleResponsePerEmailEnabled: false,

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

@@ -66,6 +66,7 @@ describe("Utils Tests", () => {
       singleUse: null,
       styling: null,
       surveyClosedMessage: null,
+      resultShareKey: null,
       displayOption: "displayOnce",
       welcomeCard: { enabled: false } as TSurvey["welcomeCard"],
       createdAt: new Date(),

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

@@ -98,8 +98,8 @@ vi.mock("@/modules/ui/components/page-header", () => ({
   PageHeader: vi.fn(({ children }) => <div data-testid="page-header">{children}</div>),
 }));
 
-vi.mock("@/modules/ui/components/id-badge", () => ({
-  IdBadge: vi.fn(() => <div data-testid="id-badge"></div>),
+vi.mock("@/modules/ui/components/settings-id", () => ({
+  SettingsId: vi.fn(() => <div data-testid="settings-id"></div>),
 }));
 
 vi.mock("@/tolgee/server", () => ({
@@ -111,6 +111,7 @@ vi.mock("next/navigation", () => ({
   useParams: () => ({
     environmentId: "test-environment-id",
     surveyId: "test-survey-id",
+    sharingKey: null,
   }),
 }));
 
@@ -144,6 +145,7 @@ const mockSurvey = {
   delay: 0,
   displayPercentage: null,
   languages: [],
+  resultShareKey: null,
   runOnDate: null,
   singleUse: null,
   surveyClosedMessage: null,
@@ -227,7 +229,7 @@ describe("SurveyPage", () => {
     expect(screen.getByTestId("page-header")).toBeInTheDocument();
     expect(screen.getByTestId("survey-analysis-navigation")).toBeInTheDocument();
     expect(screen.getByTestId("summary-page")).toBeInTheDocument();
-    expect(screen.getByTestId("id-badge")).toBeInTheDocument();
+    expect(screen.getByTestId("settings-id")).toBeInTheDocument();
 
     expect(vi.mocked(getEnvironmentAuth)).toHaveBeenCalledWith(mockEnvironmentId);
     expect(vi.mocked(getSurvey)).toHaveBeenCalledWith(mockSurveyId);
@@ -247,6 +249,8 @@ describe("SurveyPage", () => {
         environment: mockEnvironment,
         survey: mockSurvey,
         surveyId: mockSurveyId,
+        publicDomain: "http://localhost:3000",
+        isReadOnly: false,
         locale: mockUser.locale ?? DEFAULT_LOCALE,
         initialSurveySummary: mockSurveySummary,
       })

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

@@ -9,9 +9,9 @@ import { getUser } from "@/lib/user/service";
 import { getSegments } from "@/modules/ee/contacts/segments/lib/segments";
 import { getIsContactsEnabled } from "@/modules/ee/license-check/lib/utils";
 import { getEnvironmentAuth } from "@/modules/environments/lib/utils";
-import { IdBadge } from "@/modules/ui/components/id-badge";
 import { PageContentWrapper } from "@/modules/ui/components/page-content-wrapper";
 import { PageHeader } from "@/modules/ui/components/page-header";
+import { SettingsId } from "@/modules/ui/components/settings-id";
 import { getTranslate } from "@/tolgee/server";
 import { notFound } from "next/navigation";
 
@@ -70,11 +70,13 @@ const SurveyPage = async (props: { params: Promise<{ environmentId: string; surv
         environment={environment}
         survey={survey}
         surveyId={params.surveyId}
+        publicDomain={publicDomain}
+        isReadOnly={isReadOnly}
         locale={user.locale ?? DEFAULT_LOCALE}
         initialSurveySummary={initialSurveySummary}
       />
 
-      <IdBadge id={surveyId} label={t("common.survey_id")} variant="column" />
+      <SettingsId title={t("common.survey_id")} id={surveyId} />
     </PageContentWrapper>
   );
 };

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/CustomFilter.test.tsx

@@ -102,6 +102,7 @@ const mockSurvey = {
   autoComplete: null,
   surveyClosedMessage: null,
   singleUse: null,
+  resultShareKey: null,
   displayPercentage: null,
   languages: [],
   triggers: [],
@@ -156,6 +157,16 @@ describe("CustomFilter", () => {
     expect(screen.getByText(`Select first date - ${format(mockDateToday, "dd LLL")}`)).toBeInTheDocument();
   });
 
+  test("does not render download button on sharing page", () => {
+    vi.mocked(useParams).mockReturnValue({
+      environmentId: "test-env",
+      surveyId: "test-survey",
+      sharingKey: "test-share-key",
+    });
+    render(<CustomFilter survey={mockSurvey} />);
+    expect(screen.queryByText("common.download")).not.toBeInTheDocument();
+  });
+
   test("useEffect logic for resetState and firstMountRef (as per current component code)", () => {
     // This test verifies the current behavior of the useEffects related to firstMountRef.
     // Based on the component's code, resetState() is not expected to be called by these effects,

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/CustomFilter.tsx

@@ -32,6 +32,7 @@ import {
   subYears,
 } from "date-fns";
 import { ArrowDownToLineIcon, ChevronDown, ChevronUp, DownloadIcon } from "lucide-react";
+import { useParams } from "next/navigation";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import toast from "react-hot-toast";
 import { TSurvey } from "@formbricks/types/surveys/types";
@@ -124,6 +125,8 @@ const getDateRangeLabel = (from: Date, to: Date, t: TFnType) => {
 };
 
 export const CustomFilter = ({ survey }: CustomFilterProps) => {
+  const params = useParams();
+  const isSharingPage = !!params.sharingKey;
   const { t } = useTranslate();
   const { selectedFilter, dateRange, setDateRange, resetState } = useResponseFilter();
   const [filterRange, setFilterRange] = useState(
@@ -382,47 +385,51 @@ export const CustomFilter = ({ survey }: CustomFilterProps) => {
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
-          <DropdownMenu
-            onOpenChange={(value) => {
-              value && handleDatePickerClose();
-            }}>
-            <DropdownMenuTrigger asChild className="focus:bg-muted cursor-pointer outline-none">
-              <div className="min-w-auto h-auto rounded-md border border-slate-200 bg-white p-3 hover:border-slate-300 sm:flex sm:px-6 sm:py-3">
-                <div className="hidden w-full items-center justify-between sm:flex">
-                  <span className="text-sm text-slate-700">{t("common.download")}</span>
-                  <ArrowDownToLineIcon className="ml-2 h-4 w-4" />
+          {!isSharingPage && (
+            <DropdownMenu
+              onOpenChange={(value) => {
+                value && handleDatePickerClose();
+              }}>
+              <DropdownMenuTrigger asChild className="focus:bg-muted cursor-pointer outline-none">
+                <div className="min-w-auto h-auto rounded-md border border-slate-200 bg-white p-3 hover:border-slate-300 sm:flex sm:px-6 sm:py-3">
+                  <div className="hidden w-full items-center justify-between sm:flex">
+                    <span className="text-sm text-slate-700">{t("common.download")}</span>
+                    <ArrowDownToLineIcon className="ml-2 h-4 w-4" />
+                  </div>
+                  <DownloadIcon className="block h-4 sm:hidden" />
                 </div>
-                <DownloadIcon className="block h-4 sm:hidden" />
-              </div>
-            </DropdownMenuTrigger>
+              </DropdownMenuTrigger>
 
-            <DropdownMenuContent align="start">
-              <DropdownMenuItem
-                onClick={() => {
-                  handleDowndloadResponses(FilterDownload.ALL, "csv");
-                }}>
-                <p className="text-slate-700">{t("environments.surveys.summary.all_responses_csv")}</p>
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() => {
-                  handleDowndloadResponses(FilterDownload.ALL, "xlsx");
-                }}>
-                <p className="text-slate-700">{t("environments.surveys.summary.all_responses_excel")}</p>
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() => {
-                  handleDowndloadResponses(FilterDownload.FILTER, "csv");
-                }}>
-                <p className="text-slate-700">{t("environments.surveys.summary.filtered_responses_csv")}</p>
-              </DropdownMenuItem>
-              <DropdownMenuItem
-                onClick={() => {
-                  handleDowndloadResponses(FilterDownload.FILTER, "xlsx");
-                }}>
-                <p className="text-slate-700">{t("environments.surveys.summary.filtered_responses_excel")}</p>
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
+              <DropdownMenuContent align="start">
+                <DropdownMenuItem
+                  onClick={() => {
+                    handleDowndloadResponses(FilterDownload.ALL, "csv");
+                  }}>
+                  <p className="text-slate-700">{t("environments.surveys.summary.all_responses_csv")}</p>
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => {
+                    handleDowndloadResponses(FilterDownload.ALL, "xlsx");
+                  }}>
+                  <p className="text-slate-700">{t("environments.surveys.summary.all_responses_excel")}</p>
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => {
+                    handleDowndloadResponses(FilterDownload.FILTER, "csv");
+                  }}>
+                  <p className="text-slate-700">{t("environments.surveys.summary.filtered_responses_csv")}</p>
+                </DropdownMenuItem>
+                <DropdownMenuItem
+                  onClick={() => {
+                    handleDowndloadResponses(FilterDownload.FILTER, "xlsx");
+                  }}>
+                  <p className="text-slate-700">
+                    {t("environments.surveys.summary.filtered_responses_excel")}
+                  </p>
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          )}
         </div>
         {isDatePickerOpen && (
           <div ref={datePickerRef} className="absolute top-full z-50 my-2 rounded-md border bg-white">

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/QuestionFilterComboBox.test.tsx

@@ -21,7 +21,7 @@ describe("QuestionFilterComboBox", () => {
 
   test("renders select placeholders", () => {
     render(<QuestionFilterComboBox {...defaultProps} />);
-    expect(screen.getAllByText("common.select...").length).toBe(2);
+    expect(screen.getAllByText(/common.select\.../).length).toBe(2);
   });
 
   test("calls onChangeFilterValue when selecting filter", async () => {
@@ -72,21 +72,17 @@ describe("QuestionFilterComboBox", () => {
     expect(props.onChangeFilterComboBoxValue).toHaveBeenCalledWith(["Obj1"]);
   });
 
-  test("combobox is disabled when filterValue is 'Submitted' for NPS questions", async () => {
-    const props = { ...defaultProps, type: "nps", filterValue: "Submitted" } as any;
+  test("prevent combo-box opening when filterValue is Submitted", async () => {
+    const props = { ...defaultProps, type: "NPS", filterValue: "Submitted" } as any;
     render(<QuestionFilterComboBox {...props} />);
-    const comboBoxOpenerButton = screen.getAllByRole("button")[1];
-    expect(comboBoxOpenerButton).toBeDisabled();
-    await userEvent.click(comboBoxOpenerButton);
-    expect(screen.queryByText("X")).not.toBeInTheDocument();
+    await userEvent.click(screen.getAllByRole("button")[1]);
+    expect(screen.queryByText("X")).toHaveClass("data-[disabled='true']:opacity-50");
   });
 
-  test("combobox is disabled when filterValue is 'Skipped' for rating questions", async () => {
-    const props = { ...defaultProps, type: "rating", filterValue: "Skipped" } as any;
+  test("prevent combo-box opening when filterValue is Skipped", async () => {
+    const props = { ...defaultProps, type: "Rating", filterValue: "Skipped" } as any;
     render(<QuestionFilterComboBox {...props} />);
-    const comboBoxOpenerButton = screen.getAllByRole("button")[1];
-    expect(comboBoxOpenerButton).toBeDisabled();
-    await userEvent.click(comboBoxOpenerButton);
-    expect(screen.queryByText("X")).not.toBeInTheDocument();
+    await userEvent.click(screen.getAllByRole("button")[1]);
+    expect(screen.queryByText("X")).toHaveClass("data-[disabled='true']:opacity-50");
   });
 });

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/QuestionFilterComboBox.tsx

@@ -197,7 +197,7 @@ export const QuestionFilterComboBox = ({
         </div>
         <div className="relative mt-2 h-full">
           {open && (
-            <div className="animate-in absolute top-0 z-10 max-h-52 w-full overflow-auto rounded-md bg-white outline-none">
+            <div className="animate-in bg-popover absolute top-0 z-10 max-h-52 w-full overflow-auto rounded-md bg-white outline-none">
               <CommandList>
                 <div className="p-2">
                   <Input

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/QuestionsComboBox.tsx

@@ -188,7 +188,7 @@ export const QuestionsComboBox = ({ options, selected, onChangeValue }: Question
       </button>
       <div className="relative mt-2 h-full">
         {open && (
-          <div className="animate-in absolute top-0 z-50 w-full overflow-auto rounded-md bg-white outline-none">
+          <div className="animate-in bg-popover absolute top-0 z-50 max-h-52 w-full overflow-auto rounded-md bg-white outline-none">
             <CommandList>
               <CommandEmpty>{t("common.no_result_found")}</CommandEmpty>
               {options?.map((data) => (

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResponseFilter.test.tsx

@@ -1,6 +1,7 @@
 import { useResponseFilter } from "@/app/(app)/environments/[environmentId]/components/ResponseFilterContext";
 import { getSurveyFilterDataAction } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/actions";
 import { generateQuestionAndFilterOptions } from "@/app/lib/surveys/surveys";
+import { getSurveyFilterDataBySurveySharingKeyAction } from "@/app/share/[sharingKey]/actions";
 import "@testing-library/jest-dom/vitest";
 import { cleanup, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
@@ -18,6 +19,10 @@ vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/actions", (
   getSurveyFilterDataAction: vi.fn(),
 }));
 
+vi.mock("@/app/share/[sharingKey]/actions", () => ({
+  getSurveyFilterDataBySurveySharingKeyAction: vi.fn(),
+}));
+
 vi.mock("@/app/lib/surveys/surveys", () => ({
   generateQuestionAndFilterOptions: vi.fn(),
 }));
@@ -30,45 +35,6 @@ vi.mock("@formkit/auto-animate/react", () => ({
   useAutoAnimate: () => [[vi.fn()]],
 }));
 
-// Mock the Select components
-const mockOnValueChange = vi.fn();
-vi.mock("@/modules/ui/components/select", () => ({
-  Select: ({ children, onValueChange, defaultValue }) => {
-    // Store the onValueChange callback for testing
-    mockOnValueChange.mockImplementation(onValueChange);
-    return (
-      <div data-testid="select-root" data-default-value={defaultValue}>
-        {children}
-      </div>
-    );
-  },
-  SelectTrigger: ({ children, className }) => (
-    <div
-      role="combobox"
-      className={className}
-      data-testid="select-trigger"
-      tabIndex={0}
-      aria-expanded="false"
-      aria-haspopup="listbox">
-      {children}
-    </div>
-  ),
-  SelectValue: () => <span>environments.surveys.filter.complete_and_partial_responses</span>,
-  SelectContent: ({ children }) => <div data-testid="select-content">{children}</div>,
-  SelectItem: ({ value, children, ...props }) => (
-    <div
-      data-testid={`select-item-${value}`}
-      data-value={value}
-      onClick={() => mockOnValueChange(value)}
-      onKeyDown={(e) => e.key === "Enter" && mockOnValueChange(value)}
-      role="option"
-      tabIndex={0}
-      {...props}>
-      {children}
-    </div>
-  ),
-}));
-
 vi.mock("./QuestionsComboBox", () => ({
   QuestionsComboBox: ({ onChangeValue }) => (
     <div data-testid="questions-combo-box">
@@ -106,7 +72,7 @@ describe("ResponseFilter", () => {
 
   const mockSelectedFilter = {
     filter: [],
-    responseStatus: "all",
+    onlyComplete: false,
   };
 
   const mockSelectedOptions = {
@@ -184,7 +150,7 @@ describe("ResponseFilter", () => {
     expect(
       screen.getByText("environments.surveys.summary.show_all_responses_that_match")
     ).toBeInTheDocument();
-    expect(screen.getByTestId("select-trigger")).toBeInTheDocument();
+    expect(screen.getByText("environments.surveys.summary.only_completed")).toBeInTheDocument();
   });
 
   test("fetches filter data when opened", async () => {
@@ -199,7 +165,7 @@ describe("ResponseFilter", () => {
   test("handles adding new filter", async () => {
     // Start with an empty filter
     vi.mocked(useResponseFilter).mockReturnValue({
-      selectedFilter: { filter: [], responseStatus: "all" },
+      selectedFilter: { filter: [], onlyComplete: false },
       setSelectedFilter: mockSetSelectedFilter,
       selectedOptions: mockSelectedOptions,
       setSelectedOptions: mockSetSelectedOptions,
@@ -217,38 +183,14 @@ describe("ResponseFilter", () => {
     expect(screen.getByTestId("questions-combo-box")).toBeInTheDocument();
   });
 
-  test("handles response status filter change to complete", async () => {
+  test("handles only complete checkbox toggle", async () => {
     render(<ResponseFilter survey={mockSurvey} />);
 
     await userEvent.click(screen.getByText("Filter"));
-
-    // Simulate selecting "complete" by calling the mock function
-    mockOnValueChange("complete");
-
+    await userEvent.click(screen.getByRole("checkbox"));
     await userEvent.click(screen.getByText("common.apply_filters"));
 
-    expect(mockSetSelectedFilter).toHaveBeenCalledWith(
-      expect.objectContaining({
-        responseStatus: "complete",
-      })
-    );
-  });
-
-  test("handles response status filter change to partial", async () => {
-    render(<ResponseFilter survey={mockSurvey} />);
-
-    await userEvent.click(screen.getByText("Filter"));
-
-    // Simulate selecting "partial" by calling the mock function
-    mockOnValueChange("partial");
-
-    await userEvent.click(screen.getByText("common.apply_filters"));
-
-    expect(mockSetSelectedFilter).toHaveBeenCalledWith(
-      expect.objectContaining({
-        responseStatus: "partial",
-      })
-    );
+    expect(mockSetSelectedFilter).toHaveBeenCalledWith({ filter: [], onlyComplete: true });
   });
 
   test("handles selecting question and filter options", async () => {
@@ -262,7 +204,7 @@ describe("ResponseFilter", () => {
             filterType: { filterComboBoxValue: undefined, filterValue: undefined },
           },
         ],
-        responseStatus: "all",
+        onlyComplete: false,
       },
       setSelectedFilter: setSelectedFilterMock,
       selectedOptions: mockSelectedOptions,
@@ -291,6 +233,31 @@ describe("ResponseFilter", () => {
     await userEvent.click(screen.getByText("Filter"));
     await userEvent.click(screen.getByText("common.clear_all"));
 
-    expect(mockSetSelectedFilter).toHaveBeenCalledWith({ filter: [], responseStatus: "all" });
+    expect(mockSetSelectedFilter).toHaveBeenCalledWith({ filter: [], onlyComplete: false });
+  });
+
+  test("uses sharing key action when on sharing page", async () => {
+    vi.mocked(useParams).mockReturnValue({
+      environmentId: "env1",
+      surveyId: "survey1",
+      sharingKey: "share123",
+    });
+    vi.mocked(getSurveyFilterDataBySurveySharingKeyAction).mockResolvedValue({
+      data: {
+        attributes: [],
+        meta: {},
+        environmentTags: [],
+        hiddenFields: [],
+      } as any,
+    });
+
+    render(<ResponseFilter survey={mockSurvey} />);
+
+    await userEvent.click(screen.getByText("Filter"));
+
+    expect(getSurveyFilterDataBySurveySharingKeyAction).toHaveBeenCalledWith({
+      sharingKey: "share123",
+      environmentId: "env1",
+    });
   });
 });

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResponseFilter.tsx

@@ -2,24 +2,20 @@
 
 import {
   SelectedFilterValue,
-  TResponseStatus,
   useResponseFilter,
 } from "@/app/(app)/environments/[environmentId]/components/ResponseFilterContext";
 import { getSurveyFilterDataAction } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/actions";
 import { QuestionFilterComboBox } from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/QuestionFilterComboBox";
 import { generateQuestionAndFilterOptions } from "@/app/lib/surveys/surveys";
+import { getSurveyFilterDataBySurveySharingKeyAction } from "@/app/share/[sharingKey]/actions";
 import { Button } from "@/modules/ui/components/button";
+import { Checkbox } from "@/modules/ui/components/checkbox";
 import { Popover, PopoverContent, PopoverTrigger } from "@/modules/ui/components/popover";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/modules/ui/components/select";
 import { useAutoAnimate } from "@formkit/auto-animate/react";
 import { useTranslate } from "@tolgee/react";
+import clsx from "clsx";
 import { ChevronDown, ChevronUp, Plus, TrashIcon } from "lucide-react";
+import { useParams } from "next/navigation";
 import React, { useEffect, useState } from "react";
 import { TSurvey, TSurveyQuestionTypeEnum } from "@formbricks/types/surveys/types";
 import { OptionsType, QuestionOption, QuestionsComboBox } from "./QuestionsComboBox";
@@ -37,7 +33,10 @@ interface ResponseFilterProps {
 
 export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
   const { t } = useTranslate();
+  const params = useParams();
   const [parent] = useAutoAnimate();
+  const sharingKey = params.sharingKey as string;
+  const isSharingPage = !!sharingKey;
 
   const { selectedFilter, setSelectedFilter, selectedOptions, setSelectedOptions } = useResponseFilter();
   const [isOpen, setIsOpen] = useState<boolean>(false);
@@ -47,7 +46,12 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
     // Fetch the initial data for the filter and load it into the state
     const handleInitialData = async () => {
       if (isOpen) {
-        const surveyFilterData = await getSurveyFilterDataAction({ surveyId: survey.id });
+        const surveyFilterData = isSharingPage
+          ? await getSurveyFilterDataBySurveySharingKeyAction({
+              sharingKey,
+              environmentId: survey.environmentId,
+            })
+          : await getSurveyFilterDataAction({ surveyId: survey.id });
 
         if (!surveyFilterData?.data) return;
 
@@ -64,7 +68,7 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
     };
 
     handleInitialData();
-  }, [isOpen, setSelectedOptions, survey]);
+  }, [isOpen, isSharingPage, setSelectedOptions, sharingKey, survey]);
 
   const handleOnChangeQuestionComboBoxValue = (value: QuestionOption, index: number) => {
     if (filterValue.filter[index].questionType) {
@@ -78,7 +82,7 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
           )?.filterOptions[0],
         },
       };
-      setFilterValue({ filter: [...filterValue.filter], responseStatus: filterValue.responseStatus });
+      setFilterValue({ filter: [...filterValue.filter], onlyComplete: filterValue.onlyComplete });
     } else {
       // Update the existing value at the specified index
       filterValue.filter[index].questionType = value;
@@ -99,7 +103,7 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
         // keep the filter if questionType is selected and filterComboBoxValue is selected
         return s.questionType.hasOwnProperty("label") && s.filterType.filterComboBoxValue?.length;
       }),
-      responseStatus: filterValue.responseStatus,
+      onlyComplete: filterValue.onlyComplete,
     });
   };
 
@@ -126,8 +130,8 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
   };
 
   const handleClearAllFilters = () => {
-    setFilterValue((filterValue) => ({ ...filterValue, filter: [], responseStatus: "all" }));
-    setSelectedFilter((selectedFilters) => ({ ...selectedFilters, filter: [], responseStatus: "all" }));
+    setFilterValue((filterValue) => ({ ...filterValue, filter: [] }));
+    setSelectedFilter((selectedFilters) => ({ ...selectedFilters, filter: [] }));
     setIsOpen(false);
   };
 
@@ -164,8 +168,8 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
     setFilterValue({ ...filterValue });
   };
 
-  const handleResponseStatusChange = (responseStatus: TResponseStatus) => {
-    setFilterValue({ ...filterValue, responseStatus });
+  const handleCheckOnlyComplete = (checked: boolean) => {
+    setFilterValue({ ...filterValue, onlyComplete: checked });
   };
 
   // remove the filter which has already been selected
@@ -209,9 +213,8 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
       </PopoverTrigger>
       <PopoverContent
         align="start"
-        className="w-[300px] border-slate-200 bg-slate-100 p-6 sm:w-[400px] md:w-[750px] lg:w-[1000px]"
-        onOpenAutoFocus={(event) => event.preventDefault()}>
-        <div className="mb-8 flex flex-wrap items-start justify-between gap-2">
+        className="w-[300px] border-slate-200 bg-slate-100 p-6 sm:w-[400px] md:w-[750px] lg:w-[1000px]">
+        <div className="mb-8 flex flex-wrap items-start justify-between">
           <p className="text-slate800 hidden text-lg font-semibold sm:block">
             {t("environments.surveys.summary.show_all_responses_that_match")}
           </p>
@@ -219,24 +222,16 @@ export const ResponseFilter = ({ survey }: ResponseFilterProps) => {
             {t("environments.surveys.summary.show_all_responses_where")}
           </p>
           <div className="flex items-center space-x-2">
-            <Select
-              onValueChange={(val) => {
-                handleResponseStatusChange(val as TResponseStatus);
+            <label className="text-sm font-normal text-slate-600">
+              {t("environments.surveys.summary.only_completed")}
+            </label>
+            <Checkbox
+              className={clsx("rounded-md", filterValue.onlyComplete && "bg-black text-white")}
+              checked={filterValue.onlyComplete}
+              onCheckedChange={(checked) => {
+                typeof checked === "boolean" && handleCheckOnlyComplete(checked);
               }}
-              defaultValue={filterValue.responseStatus}>
-              <SelectTrigger className="w-full bg-white">
-                <SelectValue />
-              </SelectTrigger>
-              <SelectContent position="popper">
-                <SelectItem value="all">
-                  {t("environments.surveys.filter.complete_and_partial_responses")}
-                </SelectItem>
-                <SelectItem value="complete">
-                  {t("environments.surveys.filter.complete_responses")}
-                </SelectItem>
-                <SelectItem value="partial">{t("environments.surveys.filter.partial_responses")}</SelectItem>
-              </SelectContent>
-            </Select>
+            />
           </div>
         </div>
 

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResultsShareButton.test.tsx

@@ -0,0 +1,261 @@
+import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import { ResultsShareButton } from "./ResultsShareButton";
+
+// Mock actions
+const mockDeleteResultShareUrlAction = vi.fn();
+const mockGenerateResultShareUrlAction = vi.fn();
+const mockGetResultShareUrlAction = vi.fn();
+
+vi.mock("@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/actions", () => ({
+  deleteResultShareUrlAction: (...args) => mockDeleteResultShareUrlAction(...args),
+  generateResultShareUrlAction: (...args) => mockGenerateResultShareUrlAction(...args),
+  getResultShareUrlAction: (...args) => mockGetResultShareUrlAction(...args),
+}));
+
+// Mock helper
+const mockGetFormattedErrorMessage = vi.fn((error) => error?.message || "An error occurred");
+vi.mock("@/lib/utils/helper", () => ({
+  getFormattedErrorMessage: (error) => mockGetFormattedErrorMessage(error),
+}));
+
+// Mock UI components
+vi.mock("@/modules/ui/components/dropdown-menu", () => ({
+  DropdownMenu: ({ children }) => <div data-testid="dropdown-menu">{children}</div>,
+  DropdownMenuContent: ({ children, align }) => (
+    <div data-testid="dropdown-menu-content" data-align={align}>
+      {children}
+    </div>
+  ),
+  DropdownMenuItem: ({ children, onClick, icon }) => (
+    <button data-testid="dropdown-menu-item" onClick={onClick}>
+      {icon}
+      {children}
+    </button>
+  ),
+  DropdownMenuTrigger: ({ children }) => <div data-testid="dropdown-menu-trigger">{children}</div>,
+}));
+
+// Mock Tolgee
+const mockT = vi.fn((key) => key);
+vi.mock("@tolgee/react", () => ({
+  useTranslate: () => ({ t: mockT }),
+}));
+
+// Mock icons
+vi.mock("lucide-react", () => ({
+  CopyIcon: () => <div data-testid="copy-icon" />,
+  DownloadIcon: () => <div data-testid="download-icon" />,
+  GlobeIcon: () => <div data-testid="globe-icon" />,
+  LinkIcon: () => <div data-testid="link-icon" />,
+}));
+
+// Mock toast
+const mockToastSuccess = vi.fn();
+const mockToastError = vi.fn();
+vi.mock("react-hot-toast", () => ({
+  default: {
+    success: (...args) => mockToastSuccess(...args),
+    error: (...args) => mockToastError(...args),
+  },
+}));
+
+// Mock ShareSurveyResults component
+const mockShareSurveyResults = vi.fn();
+vi.mock("../(analysis)/summary/components/ShareSurveyResults", () => ({
+  ShareSurveyResults: (props) => {
+    mockShareSurveyResults(props);
+    return props.open ? (
+      <div data-testid="share-survey-results-modal">
+        <span>ShareSurveyResults Modal</span>
+        <button onClick={() => props.setOpen(false)}>Close Modal</button>
+        <button data-testid="handle-publish-button" onClick={props.handlePublish}>
+          Publish
+        </button>
+        <button data-testid="handle-unpublish-button" onClick={props.handleUnpublish}>
+          Unpublish
+        </button>
+      </div>
+    ) : null;
+  },
+}));
+
+const mockSurvey = {
+  id: "survey1",
+  name: "Test Survey",
+  type: "app",
+  status: "inProgress",
+  questions: [],
+  hiddenFields: { enabled: false },
+  displayOption: "displayOnce",
+  recontactDays: 0,
+  autoClose: null,
+  delay: 0,
+  autoComplete: null,
+  surveyClosedMessage: null,
+  singleUse: null,
+  resultShareKey: null,
+  languages: [],
+  triggers: [],
+  welcomeCard: { enabled: false } as TSurvey["welcomeCard"],
+  styling: null,
+  createdAt: new Date(),
+  updatedAt: new Date(),
+  environmentId: "env1",
+  variables: [],
+  closeOnDate: null,
+} as unknown as TSurvey;
+
+const webAppUrl = "https://app.formbricks.com";
+const originalLocation = window.location;
+
+describe("ResultsShareButton", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    // Mock window.location.href
+    Object.defineProperty(window, "location", {
+      writable: true,
+      value: { ...originalLocation, href: "https://app.formbricks.com/surveys/survey1" },
+    });
+    // Mock navigator.clipboard
+    Object.defineProperty(navigator, "clipboard", {
+      value: {
+        writeText: vi.fn().mockResolvedValue(undefined),
+      },
+      writable: true,
+    });
+  });
+
+  afterEach(() => {
+    cleanup();
+    Object.defineProperty(window, "location", {
+      writable: true,
+      value: originalLocation,
+    });
+  });
+
+  test("renders initial state and fetches sharing key (no existing key)", async () => {
+    mockGetResultShareUrlAction.mockResolvedValue({ data: null });
+    render(<ResultsShareButton survey={mockSurvey} publicDomain={webAppUrl} />);
+
+    expect(screen.getByTestId("dropdown-menu-trigger")).toBeInTheDocument();
+    expect(screen.getByTestId("link-icon")).toBeInTheDocument();
+    expect(mockGetResultShareUrlAction).toHaveBeenCalledWith({ surveyId: mockSurvey.id });
+    await waitFor(() => {
+      expect(screen.queryByTestId("share-survey-results-modal")).not.toBeInTheDocument();
+    });
+  });
+
+  test("handles copy private link to clipboard", async () => {
+    mockGetResultShareUrlAction.mockResolvedValue({ data: null });
+    render(<ResultsShareButton survey={mockSurvey} publicDomain={webAppUrl} />);
+
+    fireEvent.click(screen.getByTestId("dropdown-menu-trigger")); // Open dropdown
+    const copyLinkButton = (await screen.findAllByTestId("dropdown-menu-item")).find((item) =>
+      item.textContent?.includes("common.copy_link")
+    );
+    expect(copyLinkButton).toBeInTheDocument();
+    await userEvent.click(copyLinkButton!);
+
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(window.location.href);
+    expect(mockToastSuccess).toHaveBeenCalledWith("common.copied_to_clipboard");
+  });
+
+  test("handles copy public link to clipboard", async () => {
+    const shareKey = "publicShareKey";
+    mockGetResultShareUrlAction.mockResolvedValue({ data: shareKey });
+    render(
+      <ResultsShareButton survey={{ ...mockSurvey, resultShareKey: shareKey }} publicDomain={webAppUrl} />
+    );
+
+    fireEvent.click(screen.getByTestId("dropdown-menu-trigger")); // Open dropdown
+    const copyPublicLinkButton = (await screen.findAllByTestId("dropdown-menu-item")).find((item) =>
+      item.textContent?.includes("environments.surveys.summary.copy_link_to_public_results")
+    );
+    expect(copyPublicLinkButton).toBeInTheDocument();
+    await userEvent.click(copyPublicLinkButton!);
+
+    expect(navigator.clipboard.writeText).toHaveBeenCalledWith(`${webAppUrl}/share/${shareKey}`);
+    expect(mockToastSuccess).toHaveBeenCalledWith(
+      "environments.surveys.summary.link_to_public_results_copied"
+    );
+  });
+
+  test("handles publish to web successfully", async () => {
+    mockGetResultShareUrlAction.mockResolvedValue({ data: null });
+    mockGenerateResultShareUrlAction.mockResolvedValue({ data: "newShareKey" });
+    render(<ResultsShareButton survey={mockSurvey} publicDomain={webAppUrl} />);
+
+    fireEvent.click(screen.getByTestId("dropdown-menu-trigger"));
+    const publishButton = (await screen.findAllByTestId("dropdown-menu-item")).find((item) =>
+      item.textContent?.includes("environments.surveys.summary.publish_to_web")
+    );
+    await userEvent.click(publishButton!);
+
+    expect(screen.getByTestId("share-survey-results-modal")).toBeInTheDocument();
+    await userEvent.click(screen.getByTestId("handle-publish-button"));
+
+    expect(mockGenerateResultShareUrlAction).toHaveBeenCalledWith({ surveyId: mockSurvey.id });
+    await waitFor(() => {
+      expect(mockShareSurveyResults).toHaveBeenCalledWith(
+        expect.objectContaining({
+          surveyUrl: `${webAppUrl}/share/newShareKey`,
+          showPublishModal: true,
+        })
+      );
+    });
+  });
+
+  test("handles unpublish from web successfully", async () => {
+    const shareKey = "toUnpublishKey";
+    mockGetResultShareUrlAction.mockResolvedValue({ data: shareKey });
+    mockDeleteResultShareUrlAction.mockResolvedValue({ data: { id: mockSurvey.id } });
+    render(
+      <ResultsShareButton survey={{ ...mockSurvey, resultShareKey: shareKey }} publicDomain={webAppUrl} />
+    );
+
+    fireEvent.click(screen.getByTestId("dropdown-menu-trigger"));
+    const unpublishButton = (await screen.findAllByTestId("dropdown-menu-item")).find((item) =>
+      item.textContent?.includes("environments.surveys.summary.unpublish_from_web")
+    );
+    await userEvent.click(unpublishButton!);
+
+    expect(screen.getByTestId("share-survey-results-modal")).toBeInTheDocument();
+    await userEvent.click(screen.getByTestId("handle-unpublish-button"));
+
+    expect(mockDeleteResultShareUrlAction).toHaveBeenCalledWith({ surveyId: mockSurvey.id });
+    expect(mockToastSuccess).toHaveBeenCalledWith("environments.surveys.results_unpublished_successfully");
+    await waitFor(() => {
+      expect(mockShareSurveyResults).toHaveBeenCalledWith(
+        expect.objectContaining({
+          showPublishModal: false,
+        })
+      );
+    });
+  });
+
+  test("opens and closes ShareSurveyResults modal", async () => {
+    mockGetResultShareUrlAction.mockResolvedValue({ data: null });
+    render(<ResultsShareButton survey={mockSurvey} publicDomain={webAppUrl} />);
+
+    fireEvent.click(screen.getByTestId("dropdown-menu-trigger"));
+    const publishButton = (await screen.findAllByTestId("dropdown-menu-item")).find((item) =>
+      item.textContent?.includes("environments.surveys.summary.publish_to_web")
+    );
+    await userEvent.click(publishButton!);
+
+    expect(screen.getByTestId("share-survey-results-modal")).toBeInTheDocument();
+    expect(mockShareSurveyResults).toHaveBeenCalledWith(
+      expect.objectContaining({
+        open: true,
+        surveyUrl: "", // Initially empty as no key fetched yet for this flow
+        showPublishModal: false, // Initially false
+      })
+    );
+
+    await userEvent.click(screen.getByText("Close Modal"));
+    expect(screen.queryByTestId("share-survey-results-modal")).not.toBeInTheDocument();
+  });
+});

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/ResultsShareButton.tsx

@@ -0,0 +1,146 @@
+"use client";
+
+import {
+  deleteResultShareUrlAction,
+  generateResultShareUrlAction,
+  getResultShareUrlAction,
+} from "@/app/(app)/environments/[environmentId]/surveys/[surveyId]/(analysis)/summary/actions";
+import { getFormattedErrorMessage } from "@/lib/utils/helper";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/modules/ui/components/dropdown-menu";
+import { useTranslate } from "@tolgee/react";
+import { CopyIcon, DownloadIcon, GlobeIcon, LinkIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import { ShareSurveyResults } from "../(analysis)/summary/components/ShareSurveyResults";
+
+interface ResultsShareButtonProps {
+  survey: TSurvey;
+  publicDomain: string;
+}
+
+export const ResultsShareButton = ({ survey, publicDomain }: ResultsShareButtonProps) => {
+  const { t } = useTranslate();
+  const [showResultsLinkModal, setShowResultsLinkModal] = useState(false);
+
+  const [showPublishModal, setShowPublishModal] = useState(false);
+  const [surveyUrl, setSurveyUrl] = useState("");
+
+  const handlePublish = async () => {
+    const resultShareKeyResponse = await generateResultShareUrlAction({ surveyId: survey.id });
+    if (resultShareKeyResponse?.data) {
+      setSurveyUrl(publicDomain + "/share/" + resultShareKeyResponse.data);
+      setShowPublishModal(true);
+    } else {
+      const errorMessage = getFormattedErrorMessage(resultShareKeyResponse);
+      toast.error(errorMessage);
+    }
+  };
+
+  const handleUnpublish = () => {
+    deleteResultShareUrlAction({ surveyId: survey.id }).then((deleteResultShareUrlResponse) => {
+      if (deleteResultShareUrlResponse?.data) {
+        toast.success(t("environments.surveys.results_unpublished_successfully"));
+        setShowPublishModal(false);
+      } else {
+        const errorMessage = getFormattedErrorMessage(deleteResultShareUrlResponse);
+        toast.error(errorMessage);
+      }
+    });
+  };
+
+  useEffect(() => {
+    const fetchSharingKey = async () => {
+      const resultShareUrlResponse = await getResultShareUrlAction({ surveyId: survey.id });
+      if (resultShareUrlResponse?.data) {
+        setSurveyUrl(publicDomain + "/share/" + resultShareUrlResponse.data);
+        setShowPublishModal(true);
+      }
+    };
+
+    fetchSharingKey();
+  }, [survey.id, publicDomain]);
+
+  const copyUrlToClipboard = () => {
+    if (typeof window !== "undefined") {
+      const currentUrl = window.location.href;
+      navigator.clipboard
+        .writeText(currentUrl)
+        .then(() => {
+          toast.success(t("common.copied_to_clipboard"));
+        })
+        .catch(() => {
+          toast.error(t("environments.surveys.failed_to_copy_link_to_results"));
+        });
+    } else {
+      toast.error(t("environments.surveys.failed_to_copy_url"));
+    }
+  };
+  return (
+    <div>
+      <DropdownMenu>
+        <DropdownMenuTrigger
+          asChild
+          className="focus:bg-muted cursor-pointer border border-slate-200 outline-none hover:border-slate-300">
+          <div className="min-w-auto h-auto rounded-md border bg-white p-3 sm:flex sm:min-w-[7rem] sm:px-6 sm:py-3">
+            <div className="hidden w-full items-center justify-between sm:flex">
+              <span className="text-sm text-slate-700">
+                {t("environments.surveys.summary.share_results")}
+              </span>
+              <LinkIcon className="ml-2 h-4 w-4" />
+            </div>
+            <DownloadIcon className="block h-4 sm:hidden" />
+          </div>
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="start">
+          {survey.resultShareKey ? (
+            <DropdownMenuItem
+              onClick={() => {
+                navigator.clipboard.writeText(surveyUrl);
+                toast.success(t("environments.surveys.summary.link_to_public_results_copied"));
+              }}
+              icon={<CopyIcon className="ml-1.5 inline h-4 w-4" />}>
+              <p className="text-slate-700">
+                {t("environments.surveys.summary.copy_link_to_public_results")}
+              </p>
+            </DropdownMenuItem>
+          ) : (
+            <DropdownMenuItem
+              onClick={() => {
+                copyUrlToClipboard();
+              }}
+              icon={<CopyIcon className="ml-1.5 h-4 w-4" />}>
+              <p className="flex items-center text-slate-700">{t("common.copy_link")}</p>
+            </DropdownMenuItem>
+          )}
+          <DropdownMenuItem
+            onClick={() => {
+              setShowResultsLinkModal(true);
+            }}
+            icon={<GlobeIcon className="ml-1.5 h-4 w-4" />}>
+            <p className="flex items-center text-slate-700">
+              {survey.resultShareKey
+                ? t("environments.surveys.summary.unpublish_from_web")
+                : t("environments.surveys.summary.publish_to_web")}
+            </p>
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+      {showResultsLinkModal && (
+        <ShareSurveyResults
+          open={showResultsLinkModal}
+          setOpen={setShowResultsLinkModal}
+          surveyUrl={surveyUrl}
+          handlePublish={handlePublish}
+          handleUnpublish={handleUnpublish}
+          showPublishModal={showPublishModal}
+        />
+      )}
+    </div>
+  );
+};

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/components/SurveyStatusDropdown.test.tsx

@@ -87,6 +87,7 @@ const baseSurvey: TSurvey = {
   isSingleUse: false,
   segment: null,
   surveyClosedMessage: null,
+  resultShareKey: null,
   singleUse: null,
   verifyEmail: null,
   pin: null,

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/context/survey-context.test.tsx

@@ -78,6 +78,7 @@ const mockSurvey: TSurvey = {
   isSingleResponsePerEmailEnabled: false,
   isBackButtonHidden: false,
   pin: null,
+  resultShareKey: null,
   displayPercentage: null,
   languages: [
     {

apps/web/app/(app)/environments/[environmentId]/surveys/[surveyId]/layout.test.tsx

@@ -68,6 +68,7 @@ describe("SurveyLayout", () => {
     surveyClosedMessage: null,
     singleUse: null,
     pin: null,
+    resultShareKey: null,
     showLanguageSwitch: false,
     recaptcha: null,
     languages: [],

apps/web/app/api/(internal)/pipeline/lib/__mocks__/survey-follow-up.mock.ts

@@ -165,6 +165,7 @@ export const mockSurvey: TSurvey = {
     isEncrypted: true,
   },
   pin: null,
+  resultShareKey: null,
   showLanguageSwitch: null,
   languages: [],
   triggers: [],

apps/web/app/api/(internal)/pipeline/lib/handleIntegrations.test.ts

@@ -152,6 +152,7 @@ const mockSurvey = {
   environmentId: "env1",
   singleUse: null,
   surveyClosedMessage: null,
+  resultShareKey: null,
   pin: null,
 } as unknown as TSurvey;
 

apps/web/app/api/cron/weekly-summary/lib/notificationResponse.test.ts

@@ -0,0 +1,276 @@
+import { convertResponseValue } from "@/lib/responses";
+import { cleanup } from "@testing-library/react";
+import { afterEach, describe, expect, test, vi } from "vitest";
+import { TSurvey, TSurveyQuestion } from "@formbricks/types/surveys/types";
+import {
+  TWeeklyEmailResponseData,
+  TWeeklySummaryEnvironmentData,
+  TWeeklySummarySurveyData,
+} from "@formbricks/types/weekly-summary";
+import { getNotificationResponse } from "./notificationResponse";
+
+vi.mock("@/lib/responses", () => ({
+  convertResponseValue: vi.fn(),
+}));
+
+vi.mock("@/lib/utils/recall", () => ({
+  replaceHeadlineRecall: vi.fn((survey) => survey),
+}));
+
+describe("getNotificationResponse", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  test("should return a notification response with calculated insights and survey data when provided with an environment containing multiple surveys", () => {
+    const mockSurveys = [
+      {
+        id: "survey1",
+        name: "Survey 1",
+        status: "inProgress",
+        questions: [
+          {
+            id: "question1",
+            headline: { default: "Question 1" },
+            type: "text",
+          } as unknown as TSurveyQuestion,
+        ],
+        displays: [{ id: "display1" }],
+        responses: [
+          { id: "response1", finished: true, data: { question1: "Answer 1" } },
+          { id: "response2", finished: false, data: { question1: "Answer 2" } },
+        ],
+      } as unknown as TSurvey & { responses: TWeeklyEmailResponseData[] },
+      {
+        id: "survey2",
+        name: "Survey 2",
+        status: "inProgress",
+        questions: [
+          {
+            id: "question2",
+            headline: { default: "Question 2" },
+            type: "text",
+          } as unknown as TSurveyQuestion,
+        ],
+        displays: [{ id: "display2" }],
+        responses: [
+          { id: "response3", finished: true, data: { question2: "Answer 3" } },
+          { id: "response4", finished: true, data: { question2: "Answer 4" } },
+          { id: "response5", finished: false, data: { question2: "Answer 5" } },
+        ],
+      } as unknown as TSurvey & { responses: TWeeklyEmailResponseData[] },
+    ] as unknown as TWeeklySummarySurveyData[];
+
+    const mockEnvironment = {
+      id: "env1",
+      surveys: mockSurveys,
+    } as unknown as TWeeklySummaryEnvironmentData;
+
+    const projectName = "Project Name";
+
+    const notificationResponse = getNotificationResponse(mockEnvironment, projectName);
+
+    expect(notificationResponse).toBeDefined();
+    expect(notificationResponse.environmentId).toBe("env1");
+    expect(notificationResponse.projectName).toBe(projectName);
+    expect(notificationResponse.surveys).toHaveLength(2);
+
+    expect(notificationResponse.insights.totalCompletedResponses).toBe(3);
+    expect(notificationResponse.insights.totalDisplays).toBe(2);
+    expect(notificationResponse.insights.totalResponses).toBe(5);
+    expect(notificationResponse.insights.completionRate).toBe(60);
+    expect(notificationResponse.insights.numLiveSurvey).toBe(2);
+
+    expect(notificationResponse.surveys[0].id).toBe("survey1");
+    expect(notificationResponse.surveys[0].name).toBe("Survey 1");
+    expect(notificationResponse.surveys[0].status).toBe("inProgress");
+    expect(notificationResponse.surveys[0].responseCount).toBe(2);
+
+    expect(notificationResponse.surveys[1].id).toBe("survey2");
+    expect(notificationResponse.surveys[1].name).toBe("Survey 2");
+    expect(notificationResponse.surveys[1].status).toBe("inProgress");
+    expect(notificationResponse.surveys[1].responseCount).toBe(3);
+  });
+
+  test("should calculate the correct completion rate and other insights when surveys have responses with varying statuses", () => {
+    const mockSurveys = [
+      {
+        id: "survey1",
+        name: "Survey 1",
+        status: "inProgress",
+        questions: [
+          {
+            id: "question1",
+            headline: { default: "Question 1" },
+            type: "text",
+          } as unknown as TSurveyQuestion,
+        ],
+        displays: [{ id: "display1" }],
+        responses: [
+          { id: "response1", finished: true, data: { question1: "Answer 1" } },
+          { id: "response2", finished: false, data: { question1: "Answer 2" } },
+        ],
+      } as unknown as TSurvey & { responses: TWeeklyEmailResponseData[] },
+      {
+        id: "survey2",
+        name: "Survey 2",
+        status: "inProgress",
+        questions: [
+          {
+            id: "question2",
+            headline: { default: "Question 2" },
+            type: "text",
+          } as unknown as TSurveyQuestion,
+        ],
+        displays: [{ id: "display2" }],
+        responses: [
+          { id: "response3", finished: true, data: { question2: "Answer 3" } },
+          { id: "response4", finished: true, data: { question2: "Answer 4" } },
+          { id: "response5", finished: false, data: { question2: "Answer 5" } },
+        ],
+      } as unknown as TSurvey & { responses: TWeeklyEmailResponseData[] },
+      {
+        id: "survey3",
+        name: "Survey 3",
+        status: "inProgress",
+        questions: [
+          {
+            id: "question3",
+            headline: { default: "Question 3" },
+            type: "text",
+          } as unknown as TSurveyQuestion,
+        ],
+        displays: [{ id: "display3" }],
+        responses: [{ id: "response6", finished: false, data: { question3: "Answer 6" } }],
+      } as unknown as TSurvey & { responses: TWeeklyEmailResponseData[] },
+    ] as unknown as TWeeklySummarySurveyData[];
+
+    const mockEnvironment = {
+      id: "env1",
+      surveys: mockSurveys,
+    } as unknown as TWeeklySummaryEnvironmentData;
+
+    const projectName = "Project Name";
+
+    const notificationResponse = getNotificationResponse(mockEnvironment, projectName);
+
+    expect(notificationResponse).toBeDefined();
+    expect(notificationResponse.environmentId).toBe("env1");
+    expect(notificationResponse.projectName).toBe(projectName);
+    expect(notificationResponse.surveys).toHaveLength(3);
+
+    expect(notificationResponse.insights.totalCompletedResponses).toBe(3);
+    expect(notificationResponse.insights.totalDisplays).toBe(3);
+    expect(notificationResponse.insights.totalResponses).toBe(6);
+    expect(notificationResponse.insights.completionRate).toBe(50);
+    expect(notificationResponse.insights.numLiveSurvey).toBe(3);
+
+    expect(notificationResponse.surveys[0].id).toBe("survey1");
+    expect(notificationResponse.surveys[0].name).toBe("Survey 1");
+    expect(notificationResponse.surveys[0].status).toBe("inProgress");
+    expect(notificationResponse.surveys[0].responseCount).toBe(2);
+
+    expect(notificationResponse.surveys[1].id).toBe("survey2");
+    expect(notificationResponse.surveys[1].name).toBe("Survey 2");
+    expect(notificationResponse.surveys[1].status).toBe("inProgress");
+    expect(notificationResponse.surveys[1].responseCount).toBe(3);
+
+    expect(notificationResponse.surveys[2].id).toBe("survey3");
+    expect(notificationResponse.surveys[2].name).toBe("Survey 3");
+    expect(notificationResponse.surveys[2].status).toBe("inProgress");
+    expect(notificationResponse.surveys[2].responseCount).toBe(1);
+  });
+
+  test("should return default insights and an empty surveys array when the environment contains no surveys", () => {
+    const mockEnvironment = {
+      id: "env1",
+      surveys: [],
+    } as unknown as TWeeklySummaryEnvironmentData;
+
+    const projectName = "Project Name";
+
+    const notificationResponse = getNotificationResponse(mockEnvironment, projectName);
+
+    expect(notificationResponse).toBeDefined();
+    expect(notificationResponse.environmentId).toBe("env1");
+    expect(notificationResponse.projectName).toBe(projectName);
+    expect(notificationResponse.surveys).toHaveLength(0);
+
+    expect(notificationResponse.insights.totalCompletedResponses).toBe(0);
+    expect(notificationResponse.insights.totalDisplays).toBe(0);
+    expect(notificationResponse.insights.totalResponses).toBe(0);
+    expect(notificationResponse.insights.completionRate).toBe(0);
+    expect(notificationResponse.insights.numLiveSurvey).toBe(0);
+  });
+
+  test("should handle missing response data gracefully when a response doesn't contain data for a question ID", () => {
+    const mockSurveys = [
+      {
+        id: "survey1",
+        name: "Survey 1",
+        status: "inProgress",
+        questions: [
+          {
+            id: "question1",
+            headline: { default: "Question 1" },
+            type: "text",
+          } as unknown as TSurveyQuestion,
+        ],
+        displays: [{ id: "display1" }],
+        responses: [
+          { id: "response1", finished: true, data: {} }, // Response missing data for question1
+        ],
+      } as unknown as TSurvey & { responses: TWeeklyEmailResponseData[] },
+    ] as unknown as TWeeklySummarySurveyData[];
+
+    const mockEnvironment = {
+      id: "env1",
+      surveys: mockSurveys,
+    } as unknown as TWeeklySummaryEnvironmentData;
+
+    const projectName = "Project Name";
+
+    // Mock the convertResponseValue function to handle the missing data case
+    vi.mocked(convertResponseValue).mockReturnValue("");
+
+    const notificationResponse = getNotificationResponse(mockEnvironment, projectName);
+
+    expect(notificationResponse).toBeDefined();
+    expect(notificationResponse.surveys).toHaveLength(1);
+    expect(notificationResponse.surveys[0].responses).toHaveLength(1);
+    expect(notificationResponse.surveys[0].responses[0].responseValue).toBe("");
+  });
+
+  test("should handle unsupported question types gracefully", () => {
+    const mockSurveys = [
+      {
+        id: "survey1",
+        name: "Survey 1",
+        status: "inProgress",
+        questions: [
+          {
+            id: "question1",
+            headline: { default: "Question 1" },
+            type: "unsupported",
+          } as unknown as TSurveyQuestion,
+        ],
+        displays: [{ id: "display1" }],
+        responses: [{ id: "response1", finished: true, data: { question1: "Answer 1" } }],
+      } as unknown as TSurvey & { responses: TWeeklyEmailResponseData[] },
+    ] as unknown as TWeeklySummarySurveyData[];
+
+    const mockEnvironment = {
+      id: "env1",
+      surveys: mockSurveys,
+    } as unknown as TWeeklySummaryEnvironmentData;
+
+    const projectName = "Project Name";
+
+    vi.mocked(convertResponseValue).mockReturnValue("Unsupported Response");
+
+    const notificationResponse = getNotificationResponse(mockEnvironment, projectName);
+
+    expect(notificationResponse).toBeDefined();
+    expect(notificationResponse.surveys[0].responses[0].responseValue).toBe("Unsupported Response");
+  });
+});

apps/web/app/api/cron/weekly-summary/lib/notificationResponse.ts

@@ -0,0 +1,78 @@
+import { getLocalizedValue } from "@/lib/i18n/utils";
+import { convertResponseValue } from "@/lib/responses";
+import { replaceHeadlineRecall } from "@/lib/utils/recall";
+import { TSurvey } from "@formbricks/types/surveys/types";
+import {
+  TWeeklyEmailResponseData,
+  TWeeklySummaryEnvironmentData,
+  TWeeklySummaryNotificationDataSurvey,
+  TWeeklySummaryNotificationResponse,
+  TWeeklySummarySurveyResponseData,
+} from "@formbricks/types/weekly-summary";
+
+export const getNotificationResponse = (
+  environment: TWeeklySummaryEnvironmentData,
+  projectName: string
+): TWeeklySummaryNotificationResponse => {
+  const insights = {
+    totalCompletedResponses: 0,
+    totalDisplays: 0,
+    totalResponses: 0,
+    completionRate: 0,
+    numLiveSurvey: 0,
+  };
+
+  const surveys: TWeeklySummaryNotificationDataSurvey[] = [];
+  // iterate through the surveys and calculate the overall insights
+  for (const survey of environment.surveys) {
+    const parsedSurvey = replaceHeadlineRecall(survey as unknown as TSurvey, "default") as TSurvey & {
+      responses: TWeeklyEmailResponseData[];
+    };
+    const surveyData: TWeeklySummaryNotificationDataSurvey = {
+      id: parsedSurvey.id,
+      name: parsedSurvey.name,
+      status: parsedSurvey.status,
+      responseCount: parsedSurvey.responses.length,
+      responses: [],
+    };
+    // iterate through the responses and calculate the survey insights
+    for (const response of parsedSurvey.responses) {
+      // only take the first 3 responses
+      if (surveyData.responses.length >= 3) {
+        break;
+      }
+      const surveyResponses: TWeeklySummarySurveyResponseData[] = [];
+      for (const question of parsedSurvey.questions) {
+        const headline = question.headline;
+        const responseValue = convertResponseValue(response.data[question.id], question);
+        const surveyResponse: TWeeklySummarySurveyResponseData = {
+          headline: getLocalizedValue(headline, "default"),
+          responseValue,
+          questionType: question.type,
+        };
+        surveyResponses.push(surveyResponse);
+      }
+      surveyData.responses = surveyResponses;
+    }
+    surveys.push(surveyData);
+    // calculate the overall insights
+    if (survey.status == "inProgress") {
+      insights.numLiveSurvey += 1;
+    }
+    insights.totalCompletedResponses += survey.responses.filter((r) => r.finished).length;
+    insights.totalDisplays += survey.displays.length;
+    insights.totalResponses += survey.responses.length;
+    insights.completionRate = Math.round((insights.totalCompletedResponses / insights.totalResponses) * 100);
+  }
+  // build the notification response needed for the emails
+  const lastWeekDate = new Date();
+  lastWeekDate.setDate(lastWeekDate.getDate() - 7);
+  return {
+    environmentId: environment.id,
+    currentDate: new Date(),
+    lastWeekDate,
+    projectName: projectName,
+    surveys,
+    insights,
+  };
+};

apps/web/app/api/cron/weekly-summary/lib/organization.test.ts

@@ -0,0 +1,48 @@
+import { cleanup } from "@testing-library/react";
+import { afterEach, describe, expect, test, vi } from "vitest";
+import { prisma } from "@formbricks/database";
+import { getOrganizationIds } from "./organization";
+
+vi.mock("@formbricks/database", () => ({
+  prisma: {
+    organization: {
+      findMany: vi.fn(),
+    },
+  },
+}));
+
+describe("Organization", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
+  test("getOrganizationIds should return an array of organization IDs when the database contains multiple organizations", async () => {
+    const mockOrganizations = [{ id: "org1" }, { id: "org2" }, { id: "org3" }];
+
+    vi.mocked(prisma.organization.findMany).mockResolvedValue(mockOrganizations);
+
+    const organizationIds = await getOrganizationIds();
+
+    expect(organizationIds).toEqual(["org1", "org2", "org3"]);
+    expect(prisma.organization.findMany).toHaveBeenCalledTimes(1);
+    expect(prisma.organization.findMany).toHaveBeenCalledWith({
+      select: {
+        id: true,
+      },
+    });
+  });
+
+  test("getOrganizationIds should return an empty array when the database contains no organizations", async () => {
+    vi.mocked(prisma.organization.findMany).mockResolvedValue([]);
+
+    const organizationIds = await getOrganizationIds();
+
+    expect(organizationIds).toEqual([]);
+    expect(prisma.organization.findMany).toHaveBeenCalledTimes(1);
+    expect(prisma.organization.findMany).toHaveBeenCalledWith({
+      select: {
+        id: true,
+      },
+    });
+  });
+});

apps/web/app/api/cron/weekly-summary/lib/organization.ts

@@ -0,0 +1,10 @@
+import { prisma } from "@formbricks/database";
+
+export const getOrganizationIds = async (): Promise<string[]> => {
+  const organizations = await prisma.organization.findMany({
+    select: {
+      id: true,
+    },
+  });
+  return organizations.map((organization) => organization.id);
+};

apps/web/app/api/cron/weekly-summary/lib/project.test.ts

@@ -0,0 +1,570 @@
+import { cleanup } from "@testing-library/react";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
+import { prisma } from "@formbricks/database";
+import { getProjectsByOrganizationId } from "./project";
+
+const mockProjects = [
+  {
+    id: "project1",
+    name: "Project 1",
+    environments: [
+      {
+        id: "env1",
+        type: "production",
+        surveys: [],
+        attributeKeys: [],
+      },
+    ],
+    organization: {
+      memberships: [
+        {
+          user: {
+            id: "user1",
+            email: "test@example.com",
+            notificationSettings: {
+              weeklySummary: {
+                project1: true,
+              },
+            },
+            locale: "en",
+          },
+        },
+      ],
+    },
+  },
+];
+
+const sevenDaysAgo = new Date();
+sevenDaysAgo.setDate(sevenDaysAgo.getDate() - 6); // Set to 6 days ago to be within the last 7 days
+
+const mockProjectsWithNoEnvironments = [
+  {
+    id: "project3",
+    name: "Project 3",
+    environments: [],
+    organization: {
+      memberships: [
+        {
+          user: {
+            id: "user1",
+            email: "test@example.com",
+            notificationSettings: {
+              weeklySummary: {
+                project3: true,
+              },
+            },
+            locale: "en",
+          },
+        },
+      ],
+    },
+  },
+];
+
+vi.mock("@formbricks/database", () => ({
+  prisma: {
+    project: {
+      findMany: vi.fn(),
+    },
+  },
+}));
+
+describe("Project Management", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  afterEach(() => {
+    cleanup();
+  });
+
+  describe("getProjectsByOrganizationId", () => {
+    test("retrieves projects with environments, surveys, and organization memberships for a valid organization ID", async () => {
+      vi.mocked(prisma.project.findMany).mockResolvedValueOnce(mockProjects);
+
+      const organizationId = "testOrgId";
+      const projects = await getProjectsByOrganizationId(organizationId);
+
+      expect(projects).toEqual(mockProjects);
+      expect(prisma.project.findMany).toHaveBeenCalledWith({
+        where: {
+          organizationId: organizationId,
+        },
+        select: {
+          id: true,
+          name: true,
+          environments: {
+            where: {
+              type: "production",
+            },
+            select: {
+              id: true,
+              surveys: {
+                where: {
+                  NOT: {
+                    AND: [
+                      { status: "completed" },
+                      {
+                        responses: {
+                          none: {
+                            createdAt: {
+                              gte: expect.any(Date),
+                            },
+                          },
+                        },
+                      },
+                    ],
+                  },
+                  status: {
+                    not: "draft",
+                  },
+                },
+                select: {
+                  id: true,
+                  name: true,
+                  questions: true,
+                  status: true,
+                  responses: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                      createdAt: true,
+                      updatedAt: true,
+                      finished: true,
+                      data: true,
+                    },
+                    orderBy: {
+                      createdAt: "desc",
+                    },
+                  },
+                  displays: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                    },
+                  },
+                  hiddenFields: true,
+                },
+              },
+              attributeKeys: {
+                select: {
+                  id: true,
+                  createdAt: true,
+                  updatedAt: true,
+                  name: true,
+                  description: true,
+                  type: true,
+                  environmentId: true,
+                  key: true,
+                  isUnique: true,
+                },
+              },
+            },
+          },
+          organization: {
+            select: {
+              memberships: {
+                select: {
+                  user: {
+                    select: {
+                      id: true,
+                      email: true,
+                      notificationSettings: true,
+                      locale: true,
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      });
+    });
+
+    test("handles date calculations correctly across DST boundaries", async () => {
+      const mockDate = new Date(2024, 10, 3, 0, 0, 0); // November 3, 2024, 00:00:00 (example DST boundary)
+      const sevenDaysAgo = new Date(mockDate);
+      sevenDaysAgo.setDate(mockDate.getDate() - 7);
+
+      vi.useFakeTimers();
+      vi.setSystemTime(mockDate);
+
+      vi.mocked(prisma.project.findMany).mockResolvedValueOnce(mockProjects);
+
+      const organizationId = "testOrgId";
+      await getProjectsByOrganizationId(organizationId);
+
+      expect(prisma.project.findMany).toHaveBeenCalledWith(
+        expect.objectContaining({
+          where: {
+            organizationId: organizationId,
+          },
+          select: expect.objectContaining({
+            environments: expect.objectContaining({
+              select: expect.objectContaining({
+                surveys: expect.objectContaining({
+                  where: expect.objectContaining({
+                    NOT: expect.objectContaining({
+                      AND: expect.arrayContaining([
+                        expect.objectContaining({ status: "completed" }),
+                        expect.objectContaining({
+                          responses: expect.objectContaining({
+                            none: expect.objectContaining({
+                              createdAt: expect.objectContaining({
+                                gte: sevenDaysAgo,
+                              }),
+                            }),
+                          }),
+                        }),
+                      ]),
+                    }),
+                  }),
+                }),
+              }),
+            }),
+          }),
+        })
+      );
+
+      vi.useRealTimers();
+    });
+
+    test("includes surveys with 'completed' status but responses within the last 7 days", async () => {
+      vi.mocked(prisma.project.findMany).mockResolvedValueOnce(mockProjects);
+
+      const organizationId = "testOrgId";
+      const projects = await getProjectsByOrganizationId(organizationId);
+
+      expect(projects).toEqual(mockProjects);
+      expect(prisma.project.findMany).toHaveBeenCalledWith({
+        where: {
+          organizationId: organizationId,
+        },
+        select: {
+          id: true,
+          name: true,
+          environments: {
+            where: {
+              type: "production",
+            },
+            select: {
+              id: true,
+              surveys: {
+                where: {
+                  NOT: {
+                    AND: [
+                      { status: "completed" },
+                      {
+                        responses: {
+                          none: {
+                            createdAt: {
+                              gte: expect.any(Date),
+                            },
+                          },
+                        },
+                      },
+                    ],
+                  },
+                  status: {
+                    not: "draft",
+                  },
+                },
+                select: {
+                  id: true,
+                  name: true,
+                  questions: true,
+                  status: true,
+                  responses: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                      createdAt: true,
+                      updatedAt: true,
+                      finished: true,
+                      data: true,
+                    },
+                    orderBy: {
+                      createdAt: "desc",
+                    },
+                  },
+                  displays: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                    },
+                  },
+                  hiddenFields: true,
+                },
+              },
+              attributeKeys: {
+                select: {
+                  id: true,
+                  createdAt: true,
+                  updatedAt: true,
+                  name: true,
+                  description: true,
+                  type: true,
+                  environmentId: true,
+                  key: true,
+                  isUnique: true,
+                },
+              },
+            },
+          },
+          organization: {
+            select: {
+              memberships: {
+                select: {
+                  user: {
+                    select: {
+                      id: true,
+                      email: true,
+                      notificationSettings: true,
+                      locale: true,
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      });
+    });
+
+    test("returns an empty array when an invalid organization ID is provided", async () => {
+      vi.mocked(prisma.project.findMany).mockResolvedValueOnce([]);
+
+      const invalidOrganizationId = "invalidOrgId";
+      const projects = await getProjectsByOrganizationId(invalidOrganizationId);
+
+      expect(projects).toEqual([]);
+      expect(prisma.project.findMany).toHaveBeenCalledWith({
+        where: {
+          organizationId: invalidOrganizationId,
+        },
+        select: {
+          id: true,
+          name: true,
+          environments: {
+            where: {
+              type: "production",
+            },
+            select: {
+              id: true,
+              surveys: {
+                where: {
+                  NOT: {
+                    AND: [
+                      { status: "completed" },
+                      {
+                        responses: {
+                          none: {
+                            createdAt: {
+                              gte: expect.any(Date),
+                            },
+                          },
+                        },
+                      },
+                    ],
+                  },
+                  status: {
+                    not: "draft",
+                  },
+                },
+                select: {
+                  id: true,
+                  name: true,
+                  questions: true,
+                  status: true,
+                  responses: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                      createdAt: true,
+                      updatedAt: true,
+                      finished: true,
+                      data: true,
+                    },
+                    orderBy: {
+                      createdAt: "desc",
+                    },
+                  },
+                  displays: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                    },
+                  },
+                  hiddenFields: true,
+                },
+              },
+              attributeKeys: {
+                select: {
+                  id: true,
+                  createdAt: true,
+                  updatedAt: true,
+                  name: true,
+                  description: true,
+                  type: true,
+                  environmentId: true,
+                  key: true,
+                  isUnique: true,
+                },
+              },
+            },
+          },
+          organization: {
+            select: {
+              memberships: {
+                select: {
+                  user: {
+                    select: {
+                      id: true,
+                      email: true,
+                      notificationSettings: true,
+                      locale: true,
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      });
+    });
+
+    test("handles projects with no environments", async () => {
+      vi.mocked(prisma.project.findMany).mockResolvedValueOnce(mockProjectsWithNoEnvironments);
+
+      const organizationId = "testOrgId";
+      const projects = await getProjectsByOrganizationId(organizationId);
+
+      expect(projects).toEqual(mockProjectsWithNoEnvironments);
+      expect(prisma.project.findMany).toHaveBeenCalledWith({
+        where: {
+          organizationId: organizationId,
+        },
+        select: {
+          id: true,
+          name: true,
+          environments: {
+            where: {
+              type: "production",
+            },
+            select: {
+              id: true,
+              surveys: {
+                where: {
+                  NOT: {
+                    AND: [
+                      { status: "completed" },
+                      {
+                        responses: {
+                          none: {
+                            createdAt: {
+                              gte: expect.any(Date),
+                            },
+                          },
+                        },
+                      },
+                    ],
+                  },
+                  status: {
+                    not: "draft",
+                  },
+                },
+                select: {
+                  id: true,
+                  name: true,
+                  questions: true,
+                  status: true,
+                  responses: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                      createdAt: true,
+                      updatedAt: true,
+                      finished: true,
+                      data: true,
+                    },
+                    orderBy: {
+                      createdAt: "desc",
+                    },
+                  },
+                  displays: {
+                    where: {
+                      createdAt: {
+                        gte: expect.any(Date),
+                      },
+                    },
+                    select: {
+                      id: true,
+                    },
+                  },
+                  hiddenFields: true,
+                },
+              },
+              attributeKeys: {
+                select: {
+                  id: true,
+                  createdAt: true,
+                  updatedAt: true,
+                  name: true,
+                  description: true,
+                  type: true,
+                  environmentId: true,
+                  key: true,
+                  isUnique: true,
+                },
+              },
+            },
+          },
+          organization: {
+            select: {
+              memberships: {
+                select: {
+                  user: {
+                    select: {
+                      id: true,
+                      email: true,
+                      notificationSettings: true,
+                      locale: true,
+                    },
+                  },
+                },
+              },
+            },
+          },
+        },
+      });
+    });
+  });
+});

apps/web/app/api/cron/weekly-summary/lib/project.ts

@@ -0,0 +1,111 @@
+import { prisma } from "@formbricks/database";
+import { TWeeklySummaryProjectData } from "@formbricks/types/weekly-summary";
+
+export const getProjectsByOrganizationId = async (
+  organizationId: string
+): Promise<TWeeklySummaryProjectData[]> => {
+  const sevenDaysAgo = new Date();
+  sevenDaysAgo.setDate(sevenDaysAgo.getDate() - 7);
+
+  return await prisma.project.findMany({
+    where: {
+      organizationId: organizationId,
+    },
+    select: {
+      id: true,
+      name: true,
+      environments: {
+        where: {
+          type: "production",
+        },
+        select: {
+          id: true,
+          surveys: {
+            where: {
+              NOT: {
+                AND: [
+                  { status: "completed" },
+                  {
+                    responses: {
+                      none: {
+                        createdAt: {
+                          gte: sevenDaysAgo,
+                        },
+                      },
+                    },
+                  },
+                ],
+              },
+              status: {
+                not: "draft",
+              },
+            },
+            select: {
+              id: true,
+              name: true,
+              questions: true,
+              status: true,
+              responses: {
+                where: {
+                  createdAt: {
+                    gte: sevenDaysAgo,
+                  },
+                },
+                select: {
+                  id: true,
+                  createdAt: true,
+                  updatedAt: true,
+                  finished: true,
+                  data: true,
+                },
+                orderBy: {
+                  createdAt: "desc",
+                },
+              },
+              displays: {
+                where: {
+                  createdAt: {
+                    gte: sevenDaysAgo,
+                  },
+                },
+                select: {
+                  id: true,
+                },
+              },
+              hiddenFields: true,
+            },
+          },
+          attributeKeys: {
+            select: {
+              id: true,
+              createdAt: true,
+              updatedAt: true,
+              name: true,
+              description: true,
+              type: true,
+              environmentId: true,
+              key: true,
+              isUnique: true,
+            },
+          },
+        },
+      },
+      organization: {
+        select: {
+          memberships: {
+            select: {
+              user: {
+                select: {
+                  id: true,
+                  email: true,
+                  notificationSettings: true,
+                  locale: true,
+                },
+              },
+            },
+          },
+        },
+      },
+    },
+  });
+};

apps/web/app/api/cron/weekly-summary/route.ts

@@ -0,0 +1,70 @@
+import { responses } from "@/app/lib/api/response";
+import { CRON_SECRET } from "@/lib/constants";
+import { hasUserEnvironmentAccess } from "@/lib/environment/auth";
+import { sendNoLiveSurveyNotificationEmail, sendWeeklySummaryNotificationEmail } from "@/modules/email";
+import { headers } from "next/headers";
+import { getNotificationResponse } from "./lib/notificationResponse";
+import { getOrganizationIds } from "./lib/organization";
+import { getProjectsByOrganizationId } from "./lib/project";
+
+const BATCH_SIZE = 500;
+
+export const POST = async (): Promise<Response> => {
+  const headersList = await headers();
+  // Check authentication
+  if (headersList.get("x-api-key") !== CRON_SECRET) {
+    return responses.notAuthenticatedResponse();
+  }
+
+  const emailSendingPromises: Promise<void>[] = [];
+
+  // Fetch all organization IDs
+  const organizationIds = await getOrganizationIds();
+
+  // Paginate through organizations
+  for (let i = 0; i < organizationIds.length; i += BATCH_SIZE) {
+    const batchedOrganizationIds = organizationIds.slice(i, i + BATCH_SIZE);
+    // Fetch projects for batched organizations asynchronously
+    const batchedProjectsPromises = batchedOrganizationIds.map((organizationId) =>
+      getProjectsByOrganizationId(organizationId)
+    );
+
+    const batchedProjects = await Promise.all(batchedProjectsPromises);
+    for (const projects of batchedProjects) {
+      for (const project of projects) {
+        const organizationMembers = project.organization.memberships;
+        const organizationMembersWithNotificationEnabled = organizationMembers.filter(
+          (member) =>
+            member.user.notificationSettings?.weeklySummary &&
+            member.user.notificationSettings.weeklySummary[project.id]
+        );
+
+        if (organizationMembersWithNotificationEnabled.length === 0) continue;
+
+        const notificationResponse = getNotificationResponse(project.environments[0], project.name);
+
+        if (notificationResponse.insights.numLiveSurvey === 0) {
+          for (const organizationMember of organizationMembersWithNotificationEnabled) {
+            if (await hasUserEnvironmentAccess(organizationMember.user.id, project.environments[0].id)) {
+              emailSendingPromises.push(
+                sendNoLiveSurveyNotificationEmail(organizationMember.user.email, notificationResponse)
+              );
+            }
+          }
+          continue;
+        }
+
+        for (const organizationMember of organizationMembersWithNotificationEnabled) {
+          if (await hasUserEnvironmentAccess(organizationMember.user.id, project.environments[0].id)) {
+            emailSendingPromises.push(
+              sendWeeklySummaryNotificationEmail(organizationMember.user.email, notificationResponse)
+            );
+          }
+        }
+      }
+    }
+  }
+
+  await Promise.all(emailSendingPromises);
+  return responses.successResponse({}, true);
+};

apps/web/app/api/v1/client/[environmentId]/app/sync/lib/survey.test.ts

@@ -89,6 +89,7 @@ const baseSurvey: TSurvey = {
   singleUse: null,
   styling: null,
   pin: null,
+  resultShareKey: null,
   displayLimit: null,
   welcomeCard: { enabled: false } as TSurvey["welcomeCard"],
   endings: [],