diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index cb50111c..4330e104 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -38,6 +38,13 @@ jobs:
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
+      # ── 0. Build check (catches type errors and bundler failures) ─────────
+      - name: TypeScript type check
+        run: pnpm exec tsc --noEmit
+
+      - name: Vite build check
+        run: pnpm build
+
       # ── 1. Tests ──────────────────────────────────────────────────────────
       - name: Run frontend tests
         run: pnpm test
diff --git a/src/components/DynamicPropertiesPanel.tsx b/src/components/DynamicPropertiesPanel.tsx
index 1c93a361..7ac96797 100644
--- a/src/components/DynamicPropertiesPanel.tsx
+++ b/src/components/DynamicPropertiesPanel.tsx
@@ -11,7 +11,7 @@ import { Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, Sele
 import { CalendarIcon, XIcon } from 'lucide-react'
 import { getTypeColor, getTypeLightColor } from '../utils/typeColors'
 import { countWords } from '../utils/wikilinks'
-import { Check, X, Type, Calendar, ToggleLeft, Circle, Link } from 'lucide-react'
+import { Check, X, Type, Calendar as CalendarIcon2, ToggleLeft, Circle, Link } from 'lucide-react'
 import {
   type PropertyDisplayMode,
   getEffectiveDisplayMode,
@@ -237,7 +237,7 @@ function DisplayModeSelector({ propKey, currentMode, autoMode, onSelect }: {
 }
 
 const DISPLAY_MODE_ICONS: Record<PropertyDisplayMode, typeof Type> = {
-  text: Type, date: Calendar, boolean: ToggleLeft, status: Circle, url: Link,
+  text: Type, date: CalendarIcon2, boolean: ToggleLeft, status: Circle, url: Link,
 }
 
 function AddPropertyForm({ onAdd, onCancel }: {