add reduce motion toggle and bump to v1.0.1

src/components/settings/SettingsDialog.tsx

@@ -92,6 +92,7 @@ export function SettingsDialog({ open, onOpenChange }: SettingsDialogProps) {
   const setAccentColor = useAppStore((s) => s.setAccentColor);
   const setUiZoom = useAppStore((s) => s.setUiZoom);
   const setDensity = useAppStore((s) => s.setDensity);
+  const setReduceMotion = useAppStore((s) => s.setReduceMotion);
   const setDefaultColumnWidth = useAppStore((s) => s.setDefaultColumnWidth);
 
   const roRef = useRef<ResizeObserver | null>(null);
@@ -268,6 +269,30 @@ export function SettingsDialog({ open, onOpenChange }: SettingsDialogProps) {
                   ))}
                 </div>
               </div>
+
+              <Separator />
+
+              {/* Reduce Motion */}
+              <div>
+                <SectionLabel>Reduce Motion</SectionLabel>
+                <p className="mb-2 text-xs text-pylon-text-secondary">
+                  Reduces animations and transitions for accessibility.
+                </p>
+                <div className="flex gap-2">
+                  {([false, true] as const).map((value) => (
+                    <Button
+                      key={String(value)}
+                      type="button"
+                      variant={settings.reduceMotion === value ? "default" : "outline"}
+                      size="sm"
+                      onClick={() => setReduceMotion(value)}
+                      className="flex-1"
+                    >
+                      {value ? "Reduced" : "Normal"}
+                    </Button>
+                  ))}
+                </div>
+              </div>
             </>
           )}