dashboard design changes

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

@@ -0,0 +1,45 @@
+'use client';
+
+import {VStack} from '@astryxdesign/core/Layout';
+import {PageHeader} from '@/components/primitives/PageHeader';
+import {ScopeControls} from '@/components/scope/ScopeControls';
+import {ActivityTimeline} from '@/features/dashboard/ActivityTimeline';
+import {useResource} from '@/lib/api/useResource';
+import {endpoints} from '@/lib/api/client';
+import {useWorkspace} from '@/components/shell/WorkspaceProvider';
+import {storeName} from '@/lib/mock/stores';
+
+/**
+ * The complete event history — where the dashboard's "View all" leads.
+ *
+ * Not in the sidebar on purpose. It is a drill-down from one panel, the same
+ * relationship /stores/[storeId] has to the store roster, and the nav is the
+ * four modules the product is organised around. Adding a fifth entry for a log
+ * would put an operational archive at the same level as Lyts and Staff, which
+ * is the weighting this whole change is correcting.
+ *
+ * Reads the same resource and the same component the dashboard panel does,
+ * uncapped: one feed implementation, two budgets.
+ */
+export default function ActivityPage() {
+  const {storeId, range} = useWorkspace();
+  const activity = useResource(endpoints.dashboardActivity({range, storeId}));
+
+  const scopeLabel = storeId === 'all' ? 'all stores' : storeName(storeId);
+
+  return (
+    <VStack gap={5}>
+      <PageHeader
+        title="Activity"
+        description={`Every recorded event across ${scopeLabel}, newest first.`}
+        controls={<ScopeControls />}
+      />
+
+      <ActivityTimeline
+        resource={activity}
+        title="All activity"
+        subtitle="Redemptions, purchases, attendance, store events and expiries"
+      />
+    </VStack>
+  );
+}