ligth theme design fix

src/app/(workspace)/lyts/page.tsx

@@ -14,6 +14,7 @@ import {BarChartView} from '@/shared/components/charts/BarChartView';
 import {RewardGrid} from '@/features/lyts/components/RewardGrid';
 import {ExpiryAlerts} from '@/features/lyts/components/ExpiryAlerts';
 import {RewardPerformanceTable} from '@/features/lyts/components/RewardPerformanceTable';
+import {ActivityProgramme} from '@/features/lyts/components/ActivityProgramme';
 import {ActivityTimeline} from '@/features/dashboard/components/ActivityTimeline';
 import {useMetricColumns} from '@/features/dashboard/components/KpiRow';
 import {
@@ -32,14 +33,23 @@ import {
 } from '@/shared/utils/format';
 
 /**
- * The LYT programme.
+ * The LYT programme — activities and the rewards they pay out in.
  *
  * Ordered by urgency rather than by data type: what's expiring, then the
- * headline numbers, then the catalogue, then the analysis. A merchant opening
- * this page is usually here because something needs extending or pausing.
+ * headline numbers, then what customers can DO to earn, then the catalogue of
+ * what they spend on, then the analysis. A merchant opening this page is
+ * usually here because something needs extending or pausing.
  *
  * 1 LYT = ₹1, so "outstanding" figures are simultaneously a count and a
  * rupee liability — which is why they lead.
+ *
+ * ── The activity half ─────────────────────────────────────────────────────
+ * Activities sit here, above rewards, because they are the earning side of
+ * the same ledger: an activity issues LYTs, a reward spends them, and a
+ * merchant tuning the programme is trading one against the other. The
+ * dashboard shows six activities as a summary of engagement; this page is
+ * where all ten are managed, and it reads the SAME activity model — see
+ * ActivityProgramme.
  */
 export default function LytsPage() {
   const rewards = useRewards();
@@ -63,7 +73,7 @@ export default function LytsPage() {
     <VStack gap={5}>
       <PageHeader
         title="Lyts"
-        description="Reward performance, redemption and outstanding LYT liability. 1 LYT = ₹1."
+        description="Customer activities and rewards — what earns LYTs, what spends them, and what is still outstanding. 1 LYT = ₹1."
         controls={<ScopeControls />}
       />
 
@@ -136,6 +146,12 @@ export default function LytsPage() {
         }}
       </AsyncBoundary>
 
+      {/*
+        The earning side, before the spending side. All ten activities, their
+        status and their LYT cost — the same model the dashboard summarises.
+      */}
+      <ActivityProgramme />
+
       <Grid columns={{minWidth: 360, max: 2, repeat: 'fit'}} gap={4}>
         <ChartCard
           title="Redemption"