From bcc102e2bf716b37f0eaac8aed354ce4c919a7fa Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Tue, 20 Jan 2026 17:00:03 +0000
Subject: [PATCH 1/3] fix: show tooltip with user predictions during hidden
 periods for multiple choice questions

During hidden periods (when cpRevealsOn or isEmpty is true), the multiple
choice timeline tooltip now properly displays:
- User predictions if available, or "?" placeholder if not
- Community prediction placeholders (CPRevealTime or "noForecastsYet")
- The "me" column is always shown during hidden periods

Also hides the forecasters count footer during hidden periods since this
metric is not meaningful when community predictions are hidden.

Fixes #4112

Co-authored-by: Sylvain <SylvainChevalier@users.noreply.github.com>
---
 .../components/multiple_choices_chart_view/index.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx b/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
index c543fff7af..3aaf103f6d 100644
--- a/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
+++ b/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
@@ -327,7 +327,7 @@ const MultiChoicesChartView: FC<Props> = ({
         </div>
       )}
 
-      {isTooltipActive && !!tooltipChoices.length && (
+      {isTooltipActive && tooltipChoices.length > 0 && (
         <FloatingPortal>
           <div
             className="pointer-events-none z-[100] rounded bg-gray-0 leading-4 shadow-lg dark:bg-gray-0-dark"
@@ -339,8 +339,16 @@ const MultiChoicesChartView: FC<Props> = ({
               title={tooltipTitle}
               communityPredictions={tooltipChoices}
               userPredictions={tooltipUserChoices}
+              showMeColumn={
+                !!tooltipUserChoices?.length ||
+                !!forecastAvailability?.cpRevealsOn ||
+                !!forecastAvailability?.isEmpty
+              }
               FooterRow={
-                forecastersCount !== null && forecastersCount !== undefined ? (
+                forecastersCount !== null &&
+                forecastersCount !== undefined &&
+                !forecastAvailability?.cpRevealsOn &&
+                !forecastAvailability?.isEmpty ? (
                   <tr className="border-t border-gray-300 dark:border-gray-300-dark">
                     <th
                       className="px-3 pb-1 pt-2 text-left text-sm font-normal text-gray-800 dark:text-gray-800-dark"

From caecb8e29051bb9eb7ab3c125d984cd3f38bcf10 Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Tue, 20 Jan 2026 17:09:08 +0000
Subject: [PATCH 2/3] fix: show forecasters count during hidden periods

- Remove conditions hiding forecasters count during cpRevealsOn and isEmpty states
- Forecasters count now displays consistently regardless of forecast availability

Co-authored-by: Sylvain <SylvainChevalier@users.noreply.github.com>
---
 .../[id]/components/multiple_choices_chart_view/index.tsx     | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx b/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
index 3aaf103f6d..0e803207a1 100644
--- a/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
+++ b/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
@@ -346,9 +346,7 @@ const MultiChoicesChartView: FC<Props> = ({
               }
               FooterRow={
                 forecastersCount !== null &&
-                forecastersCount !== undefined &&
-                !forecastAvailability?.cpRevealsOn &&
-                !forecastAvailability?.isEmpty ? (
+                forecastersCount !== undefined ? (
                   <tr className="border-t border-gray-300 dark:border-gray-300-dark">
                     <th
                       className="px-3 pb-1 pt-2 text-left text-sm font-normal text-gray-800 dark:text-gray-800-dark"

From cb091cb20a7c6dcc09ccbdcfbe4f89bc04332f5a Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Wed, 21 Jan 2026 14:46:25 +0000
Subject: [PATCH 3/3] fix: show tooltip during hidden periods even when
 tooltipChoices is empty

Allow tooltip to render during hidden periods (cpRevealsOn or isEmpty) even if
tooltipChoices array is empty. This ensures users see placeholder text and
their own predictions during hidden periods.

The tooltip now appears when any of these conditions are met:
- tooltipChoices has items
- tooltipUserChoices has items
- forecast availability indicates a hidden period

Co-authored-by: Sylvain <SylvainChevalier@users.noreply.github.com>
---
 .../multiple_choices_chart_view/index.tsx     | 84 ++++++++++---------
 1 file changed, 44 insertions(+), 40 deletions(-)

diff --git a/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx b/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
index 0e803207a1..6c5674cbed 100644
--- a/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
+++ b/front_end/src/app/(main)/questions/[id]/components/multiple_choices_chart_view/index.tsx
@@ -327,46 +327,50 @@ const MultiChoicesChartView: FC<Props> = ({
         </div>
       )}
 
-      {isTooltipActive && tooltipChoices.length > 0 && (
-        <FloatingPortal>
-          <div
-            className="pointer-events-none z-[100] rounded bg-gray-0 leading-4 shadow-lg dark:bg-gray-0-dark"
-            ref={refs.setFloating}
-            style={floatingStyles}
-            {...getFloatingProps()}
-          >
-            <MCPredictionsTooltip
-              title={tooltipTitle}
-              communityPredictions={tooltipChoices}
-              userPredictions={tooltipUserChoices}
-              showMeColumn={
-                !!tooltipUserChoices?.length ||
-                !!forecastAvailability?.cpRevealsOn ||
-                !!forecastAvailability?.isEmpty
-              }
-              FooterRow={
-                forecastersCount !== null &&
-                forecastersCount !== undefined ? (
-                  <tr className="border-t border-gray-300 dark:border-gray-300-dark">
-                    <th
-                      className="px-3 pb-1 pt-2 text-left text-sm font-normal text-gray-800 dark:text-gray-800-dark"
-                      colSpan={2}
-                    >
-                      {t("activeForecastersLabel")}
-                    </th>
-                    <td
-                      className="pr-5 pt-1 text-right text-sm font-normal tabular-nums text-gray-700 dark:text-gray-700-dark"
-                      colSpan={2}
-                    >
-                      {forecastersCount}
-                    </td>
-                  </tr>
-                ) : null
-              }
-            />
-          </div>
-        </FloatingPortal>
-      )}
+      {isTooltipActive &&
+        (tooltipChoices.length > 0 ||
+          !!tooltipUserChoices?.length ||
+          !!forecastAvailability?.cpRevealsOn ||
+          !!forecastAvailability?.isEmpty) && (
+          <FloatingPortal>
+            <div
+              className="pointer-events-none z-[100] rounded bg-gray-0 leading-4 shadow-lg dark:bg-gray-0-dark"
+              ref={refs.setFloating}
+              style={floatingStyles}
+              {...getFloatingProps()}
+            >
+              <MCPredictionsTooltip
+                title={tooltipTitle}
+                communityPredictions={tooltipChoices}
+                userPredictions={tooltipUserChoices}
+                showMeColumn={
+                  !!tooltipUserChoices?.length ||
+                  !!forecastAvailability?.cpRevealsOn ||
+                  !!forecastAvailability?.isEmpty
+                }
+                FooterRow={
+                  forecastersCount !== null &&
+                  forecastersCount !== undefined ? (
+                    <tr className="border-t border-gray-300 dark:border-gray-300-dark">
+                      <th
+                        className="px-3 pb-1 pt-2 text-left text-sm font-normal text-gray-800 dark:text-gray-800-dark"
+                        colSpan={2}
+                      >
+                        {t("activeForecastersLabel")}
+                      </th>
+                      <td
+                        className="pr-5 pt-1 text-right text-sm font-normal tabular-nums text-gray-700 dark:text-gray-700-dark"
+                        colSpan={2}
+                      >
+                        {forecastersCount}
+                      </td>
+                    </tr>
+                  ) : null
+                }
+              />
+            </div>
+          </FloatingPortal>
+        )}
     </div>
   );
 };