fix: gov FE feedback (branding, pp tooltip, Telegram CTA)

apps/dashboard/features/governance/components/proposal-overview/ProposalSection.tsx

@@ -41,7 +41,6 @@ import { HoldersAndDelegatesDrawer } from "@/features/holders-and-delegates";
 import { ProposalHeaderProvider } from "@/features/governance/context/ProposalHeaderContext";
 import { Button } from "@/shared/components";
 import { ConnectWalletCustom } from "@/shared/components/wallet/ConnectWalletCustom";
-import { TelegramBotMessage } from "@/shared/components/messages";
 import daoConfig from "@/shared/dao-config";
 import { DaoIdEnum } from "@/shared/types/daos";
 
@@ -276,11 +275,6 @@ export const ProposalSection = ({
                 proposal={proposal}
                 isOffchain={isOffchain}
               />
-              {!isOffchain && supportValue !== undefined ? (
-                <div className="border-border-default bg-surface-default border px-4 py-3">
-                  <TelegramBotMessage />
-                </div>
-              ) : null}
             </div>
 
             <TabsSection

apps/dashboard/features/revenue/components/KpiRow.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import { ArrowDown, ArrowUp, Info } from "lucide-react";
+import { ArrowDown, ArrowUp } from "lucide-react";
 import {
   useGetRevenueNewWallets,
   useGetRevenueRenewalFunnel,
@@ -34,6 +34,9 @@ const WINDOW_BY_PERIOD: Record<string, KpiWindow> = {
 
 const KPI_COUNT = 3;
 
+const PERCENTAGE_POINTS_TOOLTIP =
+  "Percentage points: the absolute change between two percentages. Going from 30% to 39% is +9pp, not +9%.";
+
 export const KpiRow = () => {
   const [timePeriod, setTimePeriod] = useState("1y");
 
@@ -116,23 +119,9 @@ export const KpiRow = () => {
                     "border-border-default border-b lg:border-b-0 lg:border-r",
                 )}
               >
-                <div className="flex items-center gap-1.5">
-                  <p className="text-secondary text-sm font-medium">
-                    {kpi.title}
-                  </p>
-                  {kpi.tooltip && (
-                    <Tooltip
-                      tooltipContent={
-                        <p className="text-secondary text-sm font-normal leading-5">
-                          {kpi.tooltip}
-                        </p>
-                      }
-                      triggerClassName="inline-flex cursor-help items-center border-0 bg-transparent p-0"
-                    >
-                      <Info className="text-secondary size-3.5" />
-                    </Tooltip>
-                  )}
-                </div>
+                <p className="text-secondary text-sm font-medium">
+                  {kpi.title}
+                </p>
                 <p className="text-primary mt-1 font-mono text-[30px] font-medium leading-9">
                   {kpi.value}
                 </p>
@@ -152,7 +141,29 @@ export const KpiRow = () => {
                           : "text-secondary"
                     }
                   >
-                    {kpi.subtext}
+                    {kpi.delta ? (
+                      <>
+                        {kpi.delta.value}
+                        {kpi.delta.unit === "pp" ? (
+                          <Tooltip
+                            asChild
+                            tooltipContent={
+                              <p className="text-secondary text-sm font-normal leading-5">
+                                {PERCENTAGE_POINTS_TOOLTIP}
+                              </p>
+                            }
+                            triggerClassName="cursor-help underline decoration-dotted underline-offset-2"
+                          >
+                            <span>{kpi.delta.unit}</span>
+                          </Tooltip>
+                        ) : (
+                          kpi.delta.unit
+                        )}{" "}
+                        {kpi.delta.comparison}
+                      </>
+                    ) : (
+                      kpi.subtext
+                    )}
                   </span>
                 </p>
               </div>

apps/dashboard/features/revenue/types.ts

@@ -22,6 +22,10 @@ export type KpiCard = {
   title: string;
   value: string;
   subtext: string;
+  delta?: {
+    value: string;
+    unit: string;
+    comparison: string;
+  };
   trend?: "up" | "down";
-  tooltip?: string;
 };

apps/dashboard/features/revenue/utils/transform/kpis.ts

@@ -35,7 +35,6 @@ function buildFlowKpi<T extends { date: number }>(args: {
   /** "pct" for sums, "pp" for averages-of-percentages */
   deltaKind: "pct" | "pp";
   window: KpiWindow;
-  tooltip?: string;
 }): KpiCard {
   const sinceLabel = buildSinceLabel(args.items);
   const { current, previous } = splitIntoWindows(
@@ -55,17 +54,23 @@ function buildFlowKpi<T extends { date: number }>(args: {
 
   const presentation =
     args.window.months !== null && rawDelta !== null
-      ? presentDelta(rawDelta, args.deltaKind === "pct" ? "%" : "pp")
+      ? presentDelta(rawDelta)
       : null;
 
+  const unit = args.deltaKind === "pct" ? "%" : "pp";
+
   return {
     title: args.title,
     value: current.length > 0 ? args.formatValue(currentValue) : "—",
-    subtext: presentation
-      ? `${presentation.text} vs prev. ${args.window.label}`
-      : sinceLabel,
+    subtext: sinceLabel,
+    delta: presentation
+      ? {
+          value: presentation.text,
+          unit,
+          comparison: `vs prev. ${args.window.label}`,
+        }
+      : undefined,
     trend: presentation?.trend,
-    tooltip: args.tooltip,
   };
 }
 
@@ -99,8 +104,6 @@ export function computeKpis(
       formatValue: (n) => `${n.toFixed(0)}%`,
       deltaKind: "pp",
       window,
-      tooltip:
-        "Share of expiring names that were renewed. 'pp' (percentage points) is the absolute change between two percentages.",
     }),
     buildFlowKpi({
       title: "Revenue",

apps/dashboard/features/revenue/utils/window.ts

@@ -51,25 +51,15 @@ export type DeltaPresentation = {
   trend: "up" | "down" | undefined;
 };
 
-/**
- * Formats a percentage-ish delta with adaptive precision: up to 2 decimals
- * for small magnitudes (<0.1), 1 decimal for [0.1, 1), 0 decimals otherwise.
- * Returns the trend in lockstep with the rendered value — when the value
- * rounds to 0 at the chosen precision, the trend is `undefined` (neutral).
- *
- * The point: a real +0.4% change should display as "+0.4%" with an up arrow,
- * not "+0%" (which would erase the signal) and not "+0%" with an arrow
- * (which would conflict with the rendered value).
- */
-export function presentDelta(value: number, suffix: string): DeltaPresentation {
+export function presentDelta(value: number): DeltaPresentation {
   const abs = Math.abs(value);
   const precision = abs >= 1 ? 0 : abs >= 0.1 ? 1 : 2;
   // Snap to display precision so text and trend can never disagree.
   const snapped = Number(value.toFixed(precision));
-  if (snapped === 0) return { text: `0${suffix}`, trend: undefined };
+  if (snapped === 0) return { text: "0", trend: undefined };
   const prefix = snapped > 0 ? "+" : "";
   return {
-    text: `${prefix}${snapped.toFixed(precision)}${suffix}`,
+    text: `${prefix}${snapped.toFixed(precision)}`,
     trend: snapped > 0 ? "up" : "down",
   };
 }

apps/dashboard/widgets/WhitelabelSidebar.tsx

@@ -233,7 +233,7 @@ export const WhitelabelSidebar = ({
                 rel="noopener noreferrer"
                 className="text-link"
               >
-                Blockful
+                blockful
               </a>
             </p>
           )}